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, wie man in deinem Programm zwischen verschiedenen Szenen wechselt, auch zwischen animierten oder interaktiven Szenen.
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, wie man deinen Programmen anklickbare und einfach anzupassende Buttons hinzufügt
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, wie man einen einfachen Side-Scroller programmiert, in welchem du deinen Biber mit einer Taste steuerst, damit er genug Äste für seinen Damm sammeln kann. Du kannst es problemlos erweitern, um daraus dein Lieblingsspiel zu machen!
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)

Ein Memoryspiel programmieren

Hast schon dieses Spiel, wo man Karten umdreht und Paare sucht, schon einmal gespielt? Lerne, wie man eine digitale Version davon programmiert!
Lerne
Intro zu "Memory"
(Öffnet ein modal)
Fließenmuster
(Öffnet ein modal)
Das Spiel spielen
(Öffnet ein modal)
Challenge: Tic-Tac-Toe
(Öffnet ein modal)

Transformationen

Lerne, wie man die Befehle translate(), rotate() und scale() verwendet, um leichter mit Formen in deinen Programmen umzugehen.
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 erzeugen
(Öffnet ein modal)
3D-Formen zeichnen
(Öffnet ein modal)
3D-Formen rotieren
(Öffnet ein modal)
Generierung von 3D-Formen
(Ö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.