If you're seeing this message, it means we're having trouble loading external resources on our website.

Wenn du hinter einem Webfilter bist, stelle sicher, dass die Domänen *. kastatic.org und *. kasandbox.org nicht blockiert sind.

Hauptinhalt

Lerneinheit: Spiele & Visualisierung: JS für Fortgeschrittene

Mit Szenen umgehen

Lerne
Was sind Szenen?
(Öffnet ein modal)
Einfache Szenenwechsel
(Öffnet ein modal)
Challenge: Geschichtenerzähler
(Öffnet ein modal)
Animierte Szenen
(Öffnet ein modal)
Interaktive Szenen
(Öffnet ein modal)
Button-gesteuerte Szenenwechsel
(Öffnet ein modal)

Buttons

Lerne
Was sind Buttons?
(Öffnet ein modal)
Eine Button-Funktion
(Öffnet ein modal)
Ein Button-Objekttyp
(Öffnet ein modal)
Challenge: Hasenrennen
(Öffnet ein modal)

Einen Seitenscroller machen: Hüpfender Biber

Lerne
Einführung in den Hüpfenden Biber
(Öffnet ein modal)
Biber-Zeichen
(Öffnet ein modal)
Waldgebiet
(Öffnet ein modal)
Challenge: Pong
(Öffnet ein modal)
Kollisionen mit Ästen
(Öffnet ein modal)
Punkte machen und gewinnen
(Öffnet ein modal)
Projekt: Hüpfender Biber - Finale
(Öffnet ein modal)

Ein Memoryspiel programmieren

Lerne
Intro zu "Memory"
(Öffnet ein modal)
Memory: Ein Raster der Kacheln zeichnen
(Öffnet ein modal)
Memory: Kacheln umdrehen
(Öffnet ein modal)
Memory: Punktezahl und gewinnen
(Öffnet ein modal)
Challenge: Tic-Tac-Toe
(Öffnet ein modal)
Projekt: Memory++
(Öffnet ein modal)

Transformationen

Lerne
Verschiebung
(Öffnet ein modal)
Challenge: Rettung durch Verschiebung
(Öffnet ein modal)
Drehung
(Öffnet ein modal)
Challenge: Drehung
(Öffnet ein modal)
Skalierung
(Öffnet ein modal)
Challenge: Optische Täuschung
(Öffnet ein modal)
Mehrere Transformationen
(Öffnet ein modal)
Challenge: Die skalierte Sonne scheint
(Öffnet ein modal)

3D-Formen

Lerne
Was sind 3D-Formen?
(Öffnet ein modal)
3D-Formen beschreiben
(Öffnet ein modal)
3D-Formen zeichnen
(Öffnet ein modal)
3D-Formen rotieren
(Öffnet ein modal)
3D-Formen generieren
(Öffnet ein modal)

Fortgeschrittene Entwickler-Tools

Lerne
ProcessingJS außerhalb der Khan Academy verwenden
(Öffnet ein modal)
Andere Code-Editoren verwenden
(Öffnet ein modal)

Über diese Lektion

Wenn du die Einführung in JS hinter dir hast, lernst du hier neue Techniken, die dir helfen werden, Programme aus mehreren Szenen, 3D-Graphiken, Button-Menüs und Arcade-Spiele zu kreieren.