ESP32 - Joystick - Servo Motor

In deze handleiding leren we hoe u een ESP32 en een joystick gebruikt om twee servo motoren of een pan-tilt kit met servo’s aan te sturen.

Een joystick heeft twee ingebouwde potentiometers die loodrecht op elkaar staan (de zogenaamde X-as en Y-as). Deze potentiometers leveren analoge waarden (de X-waarde en Y-waarde) op de VRX- en VRY-pinnen. We gebruiken deze analoge waarden om twee servo motoren onafhankelijk van elkaar te bedienen: de X-waarde bestuurt servo #1 en de Y-waarde bestuurt servo #2. Bij een pan-tilt kit zorgt de beweging van de twee servo motoren voor een driedimensionale beweging.

Er zijn twee toepassingsscenario's:

• Scenario 1: De servo motoren draaien mee met de beweging van de joystickknop:
• De hoeken van de servo motoren zijn evenredig met de waarden van de joystick X-waarde en Y-waarde.
• Wanneer we de joystick loslaten ⇒ keren alle waarden terug naar de middenwaarde ⇒ draaien de servo motoren automatisch terug naar de middenpositie
• Scenario 2: Gebruik de joystick om commando’s aan servo motoren te geven (omhoog/omlaag/links/rechts):
• Wanneer de joystickknop naar links wordt geduwd, beweegt servo motor #1 stapsgewijs met de klok mee
• Wanneer de joystickknop naar rechts wordt geduwd, beweegt servo motor #1 stapsgewijs tegen de klok in
• Wanneer de joystickknop omhoog wordt geduwd, beweegt servo motor #2 stapsgewijs met de klok mee
• Wanneer de joystickknop omlaag wordt geduwd, beweegt servo motor #2 stapsgewijs tegen de klok in
• Wanneer we de joystick loslaten ⇒ zullen de servo motoren niet terugkeren naar de middenpositie
• Als de joystick wordt ingedrukt (drukknop), keren de servo motoren terug naar de middenpositie

In de volgende delen zullen we de code voor beide scenario’s bespreken.

Hardware Benodigd

1	×	ESP32 ESP-WROOM-32 Ontwikkelingsmodule
1	×	(Alternatief) ESP32 Uno-form board
1	×	(Alternatief) ESP32 S3 Uno-form board
1	×	USB Kabel Type-C
1	×	Joystick
2	×	Servomotor
2	×	(Optioneel) Pan-tilt kit met servo motor
1	×	Breadboard (experimenteerprint)
1	×	Jumperdraden
1	×	(Optioneel) DC Stroomaansluiting
1	×	(Aanbevolen) Schroefklem Uitbreidingsboard voor ESP32
1	×	(Aanbevolen) Breakout Expansion Board for ESP32
1	×	(Aanbevolen) Stromsplitter voor ESP32

Of u kunt de volgende kits kopen:

1	×	DIYables ESP32 Starterskit (ESP32 inbegrepen)
1	×	DIYables Sensorkit (30 sensoren/displays)
1	×	DIYables Sensorkit (18 sensoren/displays)

Openbaarmaking: Sommige van de links in deze sectie zijn Amazon-affiliate links. We kunnen een commissie ontvangen voor aankopen die via deze links worden gedaan, zonder extra kosten voor u. We waarderen uw steun.

Over Joystick en Servo Motor

Als u nog niet bekend bent met joystick en servo motor (pinout, werking, programmeren ...), leer er dan meer over in de volgende tutorials:

• ESP32 - Joystick tutorial
• ESP32 - Servo Motor tutorial

Bedradingsschema

• Hoe ESP32 te verbinden met joystick en servo motor met behulp van een breadboard (experimenteerprint)



This image is created using Fritzing. Click to enlarge image

Als u niet weet hoe u ESP32 en andere componenten van stroom moet voorzien, vindt u instructies in de volgende tutorial: Hoe ESP32 van stroom te voorzien.

• Hoe ESP32 te verbinden met joystick en servo motor met behulp van een schroefconnector breakout board



ESP32 Code

ESP32 Code - De servo motoren draaien mee met de beweging van de joystickknop



/* * Deze ESP32 code is ontwikkeld door newbiely.nl * Deze ESP32 code wordt zonder enige beperking aan het publiek beschikbaar gesteld. * Voor volledige instructies en schema's, bezoek: * https://newbiely.nl/tutorials/esp32/esp32-joystick-servo-motor */ #include <ESP32Servo.h> #define VRX_PIN 36 // ESP32 pin GPIO36 (ADC0) connected to VRX pin #define VRY_PIN 39 // ESP32 pin GPIO39 (ADC0) connected to VRY pin #define SERVO_X_PIN 13 // ESP32 pin GPIO13 connected to Servo motor 1 #define SERVO_Y_PIN 25 // ESP32 pin GPIO25 connected to Servo motor 2 Servo xServo; // create servo object to control a servo 1 Servo yServo; // create servo object to control a servo 2 void setup() { Serial.begin(9600); // Set the ADC attenuation to 11 dB (up to ~3.3V input) analogSetAttenuation(ADC_11db); xServo.attach(SERVO_X_PIN); yServo.attach(SERVO_Y_PIN); } void loop() { // read X and Y analog values int valueX = analogRead(VRX_PIN); int valueY = analogRead(VRY_PIN); int xAngle = map(valueX, 0, 4095, 0, 180); // scale it to the servo's angle (0 to 180) int yAngle = map(valueY, 0, 4095, 0, 180); // scale it to the servo's angle (0 to 180) xServo.write(xAngle); // rotate servo motor 1 yServo.write(yAngle); // rotate servo motor 2 // print data to Serial Monitor on Arduino IDE Serial.print("Joystick: "); Serial.print(valueX); Serial.print(", "); Serial.print(valueY); Serial.print(" => Servo Motor: "); Serial.print(xAngle); Serial.print("°, "); Serial.print(yAngle); Serial.println("°"); }

Snelle stappen

• Als dit uw eerste keer is dat u een ESP32 gebruikt, zie hoe u de omgeving instelt voor ESP32 in Arduino IDE.
• Verbind de joystick en servo motoren met de ESP32 board volgens het bovenstaande bedradingsschema.
• Verbind de ESP32 board met uw pc via een micro USB-kabel.
• Open Arduino IDE op uw pc.
• Selecteer het juiste ESP32 board (bijv. ESP32 Dev Module) en de juiste COM poort.
• Klik op het Libraries icoon in de linkerbalk van Arduino IDE.
• Typ ESP32Servo in het zoekvak en zoek naar de servomotor library van Kevin Harrington, John K. Bennett.
• Klik op de Installeren-knop om de servo motor library voor ESP32 te installeren.



• Kopieer bovenstaande code en open deze in Arduino IDE.
• Klik op de Uploaden-knop in Arduino IDE om de code naar ESP32 te uploaden.



• Open de Seriële Monitor
• Duw de joystick in een willekeurige richting
• Kijk naar de rotatie van de servo motor
• Bekijk het resultaat in de Seriële Monitor

COM6

Send

Binnenkort beschikbaar

Autoscroll Show timestamp

Clear output

9600 baud  

Newline  

U zult merken dat de servo motor niet proportioneel beweegt met de joystickbeweging. Dit probleem ligt niet aan de joystick of servo motor zelf, maar komt door de ADC van de ESP32. Aan het einde van deze tutorial leggen we uit waarom dit gebeurt.

ESP32 Code - Gebruik de joystick om servo motoren aan te sturen



/* * Deze ESP32 code is ontwikkeld door newbiely.nl * Deze ESP32 code wordt zonder enige beperking aan het publiek beschikbaar gesteld. * Voor volledige instructies en schema's, bezoek: * https://newbiely.nl/tutorials/esp32/esp32-joystick-servo-motor */ #include <ESP32Servo.h> #include <ezButton.h> #define VRX_PIN 36 // ESP32 pin GPIO36 (ADC0) connected to VRX pin #define VRY_PIN 39 // ESP32 pin GPIO39 (ADC0) connected to VRY pin #define SW_PIN 23 // ESP32 pin GPIO23 connected to SW pin #define SERVO_X_PIN 13 // ESP32 pin GPIO13 connected to Servo motor 1 #define SERVO_Y_PIN 25 // ESP32 pin GPIO25 connected to Servo motor 2 #define COMMAND_NO 0x00 #define COMMAND_LEFT 0x01 #define COMMAND_RIGHT 0x02 #define COMMAND_UP 0x04 #define COMMAND_DOWN 0x08 #define LEFT_THRESHOLD 1000 #define RIGHT_THRESHOLD 3000 #define UP_THRESHOLD 1000 #define DOWN_THRESHOLD 3000 #define UPDATE_INTERVAL 100 // 100ms ezButton button(SW_PIN); Servo xServo; // create servo object to control a servo 1 Servo yServo; // create servo object to control a servo 2 int valueX = 0 ; // to store the X-axis value int valueY = 0 ; // to store the Y-axis value int xAngle = 90; // the center position of servo #1 int yAngle = 90; // the center position of servo #2 int command = COMMAND_NO; unsigned long lastUpdateTime = 0; void setup() { Serial.begin(9600); // Set the ADC attenuation to 11 dB (up to ~3.3V input) analogSetAttenuation(ADC_11db); xServo.attach(SERVO_X_PIN); yServo.attach(SERVO_Y_PIN); button.setDebounceTime(50); // set debounce time to 50 milliseconds } void loop() { button.loop(); // MUST call the loop() function first if (millis() - lastUpdateTime > UPDATE_INTERVAL) { lastUpdateTime = millis() ; // read X and Y analog values valueX = analogRead(VRX_PIN); valueY = analogRead(VRY_PIN); // converts the analog value to commands // reset commands command = COMMAND_NO; // check left/right commands if (valueX < LEFT_THRESHOLD) command = command | COMMAND_LEFT; else if (valueX > RIGHT_THRESHOLD) command = command | COMMAND_RIGHT; // check up/down commands if (valueY < UP_THRESHOLD) command = command | COMMAND_UP; else if (valueY > DOWN_THRESHOLD) command = command | COMMAND_DOWN; // NOTE: AT A TIME, THERE MAY BE NO COMMAND, ONE COMMAND OR TWO COMMANDS // print command to serial and process command if (command & COMMAND_LEFT) { Serial.println("COMMAND LEFT"); xAngle--; } if (command & COMMAND_RIGHT) { Serial.println("COMMAND RIGHT"); xAngle++; } if (command & COMMAND_UP) { Serial.println("COMMAND UP"); yAngle--; } if (command & COMMAND_DOWN) { Serial.println("COMMAND DOWN"); yAngle++; } } if (button.isPressed()) { Serial.println("The button is pressed"); xAngle = 90; // the center position of servo #1 yAngle = 90; // the center position of servo #2 } xServo.write(xAngle); // rotate servo motor 1 yServo.write(yAngle); // rotate servo motor 2 // print data to Serial Monitor on Arduino IDE Serial.print("Servo Motor's Angle: "); Serial.print(xAngle); Serial.print("°, "); Serial.print(xAngle); Serial.println("°"); }

Snelle stappen

• Klik op het Libraries icoon in de linkerbalk van Arduino IDE.
• Zoek naar “ezButton” en vind de button library van ArduinoGetStarted.com.
• Klik op de Installeren-knop om de ezButton library te installeren.



• Kopieer bovenstaande code en open deze in Arduino IDE.
• Klik op de Uploaden-knop om de code naar ESP32 te uploaden.
• Open de Seriële Monitor.
• Duw de joystick in een willekeurige richting.
• Kijk naar de rotatie van de servo motor.
• Bekijk het resultaat in de Seriële Monitor.

COM6

Send

Autoscroll Show timestamp

Clear output

9600 baud  

Newline  

Code Uitleg

Lees de regel-voor-regel uitleg in de commentaarregels van de broncode!

※ Notiz:

Deze tutorial gebruikt de functie analogRead() om waarden te lezen van een ADC (Analog-to-Digital Converter) die verbonden is met de joystick. De ADC van de ESP32 is geschikt voor projecten die GEEN hoge nauwkeurigheid vereisen. Echter, voor projecten die precisie nodig hebben, let op:

• De ESP32 ADC is niet perfect nauwkeurig en kan kalibratie vereisen voor correcte resultaten. Elke ESP32 board kan iets verschillen, dus u moet de ADC per board kalibreren.
• Kalibratie kan lastig zijn, vooral voor beginners, en geeft mogelijk niet altijd exact de gewenste resultaten.

Voor projecten die hoge precisie vereisen, overweeg het gebruik van een externe ADC (bijv. ADS1115) met de ESP32 of een Arduino, die een betrouwbaardere ADC heeft. Als u toch de ESP32 ADC wilt kalibreren, raadpleeg dan ESP32 ADC Calibratie Driver

Video Tutorial

We overwegen het maken van videotutorials. Als u videotutorials belangrijk vindt, abonneer u dan op ons YouTube-kanaal om ons te motiveren de video's te maken.

Functiereferenties

• analogRead()
• map()
• Servo.attach()
• Servo.write()
• Servo.writeMicroseconds()
• Servo.read()
• Servo.attached()
• Servo.detach()

Gerelateerde Tutorials

• ESP32 - Joystick

※ ONZE BERICHTEN

• U bent welkom om de link naar deze tutorial te delen. Gebruik onze inhoud echter niet op andere websites. We hebben veel moeite en tijd gestoken in het maken van de inhoud, respecteer alstublieft ons werk!
Vorige
Volgende
OPENBAARMAKING
Newbiely.nl is deelnemer aan het Amazon Services LLC Associates Program, een affiliate-reclameprogramma dat is ontworpen om websites een manier te bieden om advertentie-inkomsten te verdienen door te adverteren en te linken naar Amazon.com, Amazon.it, Amazon.de, Amazon.co.uk, Amazon.ca, Amazon.de, Amazon.es, Amazon.nl, Amazon.pl en Amazon.se
Copyright © 2026 Newbiely.nl. Alle rechten voorbehouden.
Algemene Voorwaarden | Privacybeleid
Email: newbiely.com@gmail.com