Live Coding | Snake-Spiel mit JavaScript + CSS
Wir programmieren ein Snake-Spiel, bei dem die Kästchen durch HTML-Elemente erzeugt werden. Ich habe hierzu vor der Aufnahme nichts vorbereitet - es handelt sich also eher um ein Live Coding Experiment.
📝 Demo & Quellcode
● Demo: https://snake-css.netlify.app
● Code: https://github.com/ScriptRaccoon/snak...
⏱ Zeitmarken
● Vorstellung 00:00
● Setup 01:07
● Kästchen 03:42
● Schlange zeichnen 09:24
● Schlange bewegen 18:18
● Größe synchronisieren 25:57
● Andere Richtungen 27:36
● Steuerung 31:41
● Status 37:55
● Essen erzeugen 41:15
● Essen aufnehmen 46:42
● Richtung korrigieren 01:03:07
● Kollision checken 01:04:32
● Geschwindigkeit 01:09:00
● Länge anzeigen 01:12:00
● Anpassungen 01:16:55
● CSS-Animationen 01:18:14
● Abschluss 01:23:01
📙 Quellen
● https://www.w3schools.com/
💻 Verwendete Tools (Entwicklung)
● Visual Studio Code: https://code.visualstudio.com/
🎤 Verwendete Software (Aufnahme)
● OBS: https://obsproject.com/de
● Davinci Resolve 16: https://www.blackmagicdesign.com/de/p...
#Snake #JavaScript #CSS