INHALT. Danksagung... Einleitung... 1 Projekt: Einfache Formen herstellen Mit der Konsole herumspielen und feststellen, was kaputt ist...

Transkript

1 INHALT Danksagung Einleitung IX XI 1 Projekt: Einfache Formen herstellen Programmieren mit dem ICE Code Editor Formen mit JavaScript herstellen Die Formen animieren Der Code bisher Wie es weitergeht Mit der Konsole herumspielen und feststellen, was kaputt ist Leg los Die JavaScript-Konsole öffnen und schließen Fehlersuche im ICE: Das Rote X Fehlersuche im ICE: Das Gelbe Dreieck Fehlersuche in der Konsole Was tun, wenn der ICE kaputt ist? Wie es weitergeht III

2 3 Projekt: Einen Avatar herstellen Leg los Ein Ganzes aus Teilen herstellen Das Ganze auseinandernehmen Füße zum Gehen hinzufügen Herausforderung: Stell einen ganz eigenen Avatar her Räder schlagen Der Code bisher Wie es weitergeht Projekt: Avatare bewegen Leg los Mit Tastaturereignissen interaktive Systeme bauen Tastaturereignisse in Avatar-Bewegungen verwandeln Herausforderung: Animation starten/stoppen Mit Funktionen einen Wald bauen Die Kamera mit dem Avatar bewegen Der Code bisher Wie es weitergeht Funktionen: Immer und immer wieder benutzen Leg los Einfache Funktionen verstehen Wenn etwas schiefgeht Bizarre Tricks mit Funktionen Der Code bisher Wie es weitergeht Projekt: Hände und Füße bewegen Leg los Eine Hand bewegen Hände und Füße zusammen schwingen lassen Gehen beim Bewegen Der Code bisher Wie es weitergeht Die Grundlagen von JavaScript näher untersucht Leg los Eine Sache in JavaScript beschreiben IV

3 Dinge ändern Code mit while und if wiederholen und überspringen Dinge auflisten Was JavaScript anders macht Wie es weitergeht Projekt: Unseren Avatar umdrehen Leg los In die richtige Richtung schauen Das Ganze auseinandernehmen Die Drehung animieren Der Code bisher Wie es weitergeht Was ist das alles für ein Code? Leg los Eine kurze Einführung in HTML Die Szene einrichten Die Szene mit Kameras erfassen Mit einem Renderer projizieren, was die Kamera sieht Unterschiedliche Kameras und Renderer untersuchen Wie es weitergeht Projekt: Kollisionen Leg los Strahlen und Überschneidungen Der Code bisher Wie es weitergeht Projekt: Obstjagd Leg los Eine Punktetafel bei null starten Die Bäume ein bisschen wackeln lassen Für Punkte springen Unsere Spiele noch besser machen Der Code bisher Wie es weitergeht V

4 12 Mit Licht und Material arbeiten Leg los Die Farbe ändern Realismus: Glanz Schatten Animieren wir! Der Code bisher Wie es weitergeht Projekt: Baue dein eigenes Sonnensystem Leg los Sonne, Erde und Mars Earth-Cam! Der Code bisher Wie es weitergeht Projekt: Die Mondphasen Leg los Den Mars in den Mond verwandeln Der coolste Trick: Das Bezugssystem Herausforderung: Stell ein Bezugssystem für den Erdorbit her Die Simulation anhalten Die Phasen verstehen Der Code bisher Wie es weitergeht Projekt: Das Lila Obstmonster-Spiel Leg los Machen wir Physik! Das Konzept für das Spiel Der Code bisher Wie es weitergeht Projekt: Balancierbrett Leg los Schwerkraft und andere Vorbereitungen Das Konzept für das Spiel Der Code bisher Wie es weitergeht VI

5 17 Projekt: JavaScript-Objekte kennenlernen Leg los Einfache Objekte Objekte kopieren Neue Objekte konstruieren Der Code bisher Wie es weitergeht Projekt: Ein Höhlenpuzzle Leg los Die Grenzen des Spiels einstellen Ein zufälliges, unerreichbares Ziel bauen Verschiebbare Rampen bauen Das Spiel gewinnen Der Code bisher Wie es weitergeht Projekt: Ein Spiel mit mehreren Levels Leg los Level herstellen Letzte Hand an das Spiel anlegen Der Code bisher Wie es weitergeht Projekt: Rafting auf dem Fluss Leg los Code organisieren Formen verzerren, um einmalige Dinge herzustellen Ein Floß für das Rennen bauen Die Ziellinie einrichten Der Code bisher Wie es weitergeht Code in das Web bekommen Der mächtige mächtige Browser Kostenlose Websites Deinen Code auf eine andere Site legen Wie es weitergeht VII

6 A Der Projektcode Code: Einfache Formen herstellen Code: Mit der Konsole herumspielen und feststellen, was kaputt ist Code: Einen Avatar herstellen Code: Avatare bewegen Code: Funktionen: Immer und immer wieder benutzen Code: Hände und Füße bewegen Code: Die Grundlagen von JavaScript näher untersucht Code: Unseren Avatar umdrehen Code: Was ist das alles für ein Code? Code: Kollisionen Code: Obstjagd Code: Mit Licht und Material arbeiten Code: Bau dein eigenes Sonnensystem Code: Die Mondphasen Code: Das Lila-Obstmonster-Spiel Code: Balancierbrett Code: JavaScript-Objekte kennenlernen Code: Ein Höhlenpuzzle Code: Ein Spiel mit mehreren Levels Code: Rafting auf dem Fluss B In diesem Buch benutzte JavaScript-Bibliotheken Three.js Physijs Tween.js Scoreboard.js Sounds.js Index VIII