Inhoudsopgave:
- Stap 1: Stap 1: ESP32-kaarten, Arduino IDE-installatie en VGA-bibliotheekconfiguratie
- Stap 2: Stap 2: Uploaden van "Snake" naar de ESP32
- Stap 3: Stap 3: De VGA-poort aansluiten
- Stap 4: Stap 4: Verbind de vier knoppen
- Stap 5: Stap 5: Conclusie en erkenning
![ESP32 VGA-slang: 5 stappen ESP32 VGA-slang: 5 stappen](https://i.howwhatproduce.com/images/002/image-5807-47-j.webp)
Video: ESP32 VGA-slang: 5 stappen
![Video: ESP32 VGA-slang: 5 stappen Video: ESP32 VGA-slang: 5 stappen](https://i.ytimg.com/vi/qJ68fRff5_k/hqdefault.jpg)
2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:16
![Image Image](https://i.howwhatproduce.com/images/002/image-5807-49-j.webp)
![](https://i.ytimg.com/vi/9mavZUuuFL4/hqdefault.jpg)
![Stap 3: De VGA-poort aansluiten Stap 3: De VGA-poort aansluiten](https://i.howwhatproduce.com/images/002/image-5807-50-j.webp)
In deze instructable laat ik zien hoe je een klassiek arcadespel - Snake - kunt reproduceren met een ESP32, met de uitgang voor een VGA-monitor.
De resolutie is 640x350 pixels, in 8 kleuren.
Ik heb eerder een versie gedaan met een Arduino Uno (zie hier), maar de resolutie was slechts 120 x 60 pixels, 4 kleuren.
Dit project wordt mogelijk gemaakt door de geweldige ESP32 VGA-bibliotheek, geschreven door Fabrizio Di Vittorio. Zie hier voor meer details.
Stap 1: Stap 1: ESP32-kaarten, Arduino IDE-installatie en VGA-bibliotheekconfiguratie
Deze stap is identiek aan stap 1 van mijn vorige project gedaan met een ESP32, dus volg gewoon deze link, begin met lezen vanaf stap 1 tot substap 3 uitgesloten.
Je moet dan de FabGL VGA-bibliotheek installeren, maar voor Snake heb je de laatste versie nodig: voor het geval het in de toekomst verandert, zet ik onderaan deze stap een werkende versie in het bestand src.new.rar. U kunt de map downloaden, decomprimeren en hernoemen als "src" in uw
"…\arduino-1.8.9\bibliotheken" map.
Stap 2: Stap 2: Uploaden van "Snake" naar de ESP32
Download Snake.ino onderaan deze stap. Open het met de Arduino IDE en upload het naar je onbewerkte ESP32. Als je geen foutmeldingen hebt, zou de code al actief moeten zijn.
Stap 3: Stap 3: De VGA-poort aansluiten
Je hebt de volgende onderdelen nodig:
- een DSUB15-connector, d.w.z. een vrouwelijke VGA-connector of een VGA-kabel die moet worden doorgeknipt.
- drie weerstanden van 270 Ohm.
Verbind de ESP32 GPIO pin 2, 15 en 21 met respectievelijk VGA Rood, Groen en Blauw via de 270 Ohm weerstanden.
Sluit de VGA Hsync en Vsync aan op respectievelijk ESP32 GPIO-pinnen 17 en 4.
Sluit de DSUB15-connectoren pinnen 5, 6, 7, 8 en 10 aan op ESP32 GND.
Zie de afbeelding in deze stap voor de definitie van de VGA DSUB15-connectorpin. Let op, dit is de soldeerzijde van de vrouwelijke connector.
Stap 4: Stap 4: Verbind de vier knoppen
![Stap 4: Verbind de vier knoppen Stap 4: Verbind de vier knoppen](https://i.howwhatproduce.com/images/002/image-5807-51-j.webp)
![Stap 4: Verbind de vier knoppen Stap 4: Verbind de vier knoppen](https://i.howwhatproduce.com/images/002/image-5807-52-j.webp)
![Stap 4: Verbind de vier knoppen Stap 4: Verbind de vier knoppen](https://i.howwhatproduce.com/images/002/image-5807-53-j.webp)
Het schema in deze stap laat zien hoe u een enkele knop (normaal open) van +5V aansluit op de ESP32-pin. Merk op dat u ook de door ESP gegeven pin op GND moet aansluiten via een weerstand van 1 tot 2 kOhm. Op deze manier staat de ESP-pin op exact nul Volt als de knop wordt losgelaten (open).
Meer specifiek moet u vier knoppen verbinden met de volgende volgorde:
- Pin 12 op de rechterknop
- Pin 25 op knop Omhoog
- Pin 14 op de linkerknop
- Pin 35 op de knop Omlaag
Stap 5: Stap 5: Conclusie en erkenning
Als alles naar behoren werkt, hoeft u alleen maar de VGA-monitor aan te sluiten en u zou van Snake moeten kunnen genieten.
Ik wil mijn tanks uiten aan Fabrizio Di Vittorio voor zijn geweldige ESP32 VGA-bibliotheek. Voor meer details, voorbeelden, en… Space Invaders, bezoek zijn site.
Als je dit project leuk vindt, schrijf dan een opmerking of deel een foto van het apparaat dat je bouwt… en stem er vooral op in de GAMES-wedstrijd!
Aanbevolen:
Aan de slag met ESP32 - ESP32-kaarten installeren in Arduino IDE - ESP32-knippercode: 3 stappen
![Aan de slag met ESP32 - ESP32-kaarten installeren in Arduino IDE - ESP32-knippercode: 3 stappen Aan de slag met ESP32 - ESP32-kaarten installeren in Arduino IDE - ESP32-knippercode: 3 stappen](https://i.howwhatproduce.com/images/002/image-4451-12-j.webp)
Aan de slag met ESP32 | ESP32-kaarten installeren in Arduino IDE | ESP32-knippercode: in deze instructie zullen we zien hoe we met esp32 kunnen werken en hoe we esp32-kaarten in Arduino IDE kunnen installeren en we zullen esp 32 programmeren om knippercode uit te voeren met behulp van arduino ide
ESP32 VGA Tetris: 3 stappen
![ESP32 VGA Tetris: 3 stappen ESP32 VGA Tetris: 3 stappen](https://i.howwhatproduce.com/images/005/image-12761-27-j.webp)
ESP32 VGA Tetris: In deze Instructables zal ik laten zien hoe je een kloon van het klassieke spel Tetris kunt bouwen, met behulp van een ESP32 en het genereren van de output voor een VGA-monitor. Deze game wordt mogelijk gemaakt door de verbazingwekkende ESP32Lib Arduino-bibliotheek van bitluni. Je hebt de ESP32 b
VGA-schilderprogramma: 5 stappen
![VGA-schilderprogramma: 5 stappen VGA-schilderprogramma: 5 stappen](https://i.howwhatproduce.com/images/001/image-206-82-j.webp)
VGA-schilderprogramma: project door: Adam Klein, Ian Strachan, Brandon Slater Het project dat we wilden voltooien, was het opslaan, ontleden en weergeven van informatie van een USB-muis in de vorm van een tekenprogramma. Het idee achter het project is om de muis te kunnen aansluiten
Arduino Snake op een VGA-monitor: 5 stappen
![Arduino Snake op een VGA-monitor: 5 stappen Arduino Snake op een VGA-monitor: 5 stappen](https://i.howwhatproduce.com/images/001/image-2993-77-j.webp)
Arduino Snake op een VGA-monitor: Nou… ik heb een Arduino gekocht. Aanvankelijk was de investering gemotiveerd met iets waardoor mijn dochter geïnteresseerd zou raken in programmeren. Het bleek echter dat dit ding voor mij leuker was om mee te spelen. Na wat spelen met het maken van LED's
Hoe maak je een VGA-splitter: 5 stappen
![Hoe maak je een VGA-splitter: 5 stappen Hoe maak je een VGA-splitter: 5 stappen](https://i.howwhatproduce.com/images/004/image-9232-61-j.webp)
Hoe maak je een VGA-splitter: In deze instructable laat ik je zien hoe je een VGA-splitter maakt die kan schakelen tussen twee ingangen of twee uitgangen. dit instructable is een wijziging van een printer (parallelle) splitter