Kids programmieren 3D-Spiele mit JavaScript by Strom, Chris -- Read -- Imperial Library of Trantor

Index

Cover Titel Inhalt Danksagung Einleitung

Wie ich zu programmieren gelernt habe Was du für dieses Buch brauchst Was ist JavaScript? Wie du dieses Buch lesen solltest Hinweise zur deutschen Fassung dieses Buches Legen wir los!

1. Projekt: Einfache Formen Herstellen

Programmieren mit dem ICE Code Editor Formen mit JavaScript herstellen

Kugeln herstellen

Größe: SphereGeometry(100) Nicht klobig: SphereGeometry(100, 20, 15)

Mit der Würfelform Kisten herstellen

Größe: CubeGeometry(300, 100, 20)

Zylinder für alle möglichen Formen

Größe: CylinderGeometry(20, 20, 100) Pyramiden: CylinderGeometry(1, 100, 100, 4)

Mit Ebenen flache Oberflächen bauen

PlaneGeometry(100, 100)

Mit einem Ring einen Donut zeichnen (leider nicht essbar)

TorusGeometry(100, 25) TorusGeometry(100, 25, 8, 25) TorusGeometry(100, 25, 8, 25, 3.14)

Die Formen animieren Der Code bisher Wie es weitergeht

2. Mit der Konsole herumspielen und feststellen, was kaputt ist

Leg los

Starte ein neues Projekt

Die JavaScript-Konsole öffnen und schließen Fehlersuche im ICE: Das Rote X Fehlersuche im ICE: Das Gelbe Dreieck Fehlersuche in der Konsole

Mögliche Fehlermeldung – Undefined Is Not a Function Mögliche Fehlermeldung – Three Is Not Defined Mögliche Fehlermeldung – Undefined: No Method

Was tun, wenn der ICE kaputt ist? Wie es weitergeht

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

4. Projekt: Avatare bewegen

Leg los Mit Tastaturereignissen interaktive Systeme bauen Tastaturereignisse in Avatar-Bewegungen verwandeln Herausforderung: Animation starten/stoppen Mit Funktionen einen Wald bauen

Das Ganze auseinandernehmen

Die Kamera mit dem Avatar bewegen Der Code bisher Wie es weitergeht

5. Funktionen: Immer und immer wieder benutzen

Leg los Einfache Funktionen verstehen Wenn etwas schiefgeht

Unerwartete Fehler Herausforderung

Bizarre Tricks mit Funktionen

Rekursion

Der Code bisher Wie es weitergeht

6. 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

7. Die Grundlagen von JavaScript näher untersucht

Leg los Eine Sache in JavaScript beschreiben

Wieso var? Kommentare

Dinge ändern

Zahlen

Geometrie

Strings Boolesche Werte

Code mit while und if wiederholen und überspringen

While Code nur ausführen, wenn etwas wahr ist

Dinge auflisten Was JavaScript anders macht Wie es weitergeht

8. Projekt: Unseren Avatar umdrehen

Leg los In die richtige Richtung schauen Das Ganze auseinandernehmen

Warum rotation.y? Vergiss avatar.rotation nicht!

Die Drehung animieren Der Code bisher Wie es weitergeht

9. 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

Der WebGLRenderer vorgestellt Ein schneller Blick auf eine Kamera mit einem seltsamen Namen

Wie es weitergeht

10. Projekt: Kollisionen

Leg los Strahlen und Überschneidungen Der Code bisher Wie es weitergeht

11. 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

Animation und Ton hinzufügen Was können wir noch hinzufügen?

Der Code bisher Wie es weitergeht

12. Mit Licht und Material arbeiten

Leg los Die Farbe ändern

MeshBasicMaterial

Realismus: Glanz

Strahlend Spiegelnd

Schatten Animieren wir! Der Code bisher Wie es weitergeht

13. Projekt: Baue dein eigenes Sonnensystem

Leg los Sonne, Erde und Mars Earth-Cam! Der Code bisher Wie es weitergeht

14. Projekt: Die Mondphasen

Leg los Den Mars in den Mond verwandeln Der coolste Trick: Das Bezugssystem Herausforderung: Stell ein Bezugs-system für den Erdorbit her Die Simulation anhalten Die Phasen verstehen Der Code bisher Wie es weitergeht

15. Projekt: Das Lila Obst-monster-Spiel

Leg los Machen wir Physik! Das Konzept für das Spiel

Boden für das Spiel hinzufügen Einen einfachen Avatar bauen Die Punktezählung hinzufügen Die Szene animieren Spielelemente herstellen Steuerelemente für den Avatar herstellen Einfache Grafiken hinzufügen Herausforderung: Das Spiel zurücksetzen

Der Code bisher Wie es weitergeht

16. Projekt: Balancierbrett

Leg los Schwerkraft und andere Vorbereitungen Das Konzept für das Spiel

Lichter hinzufügen Den Spielball hinzufügen Das Spielbrett hinzufügen Animation ermöglichen Spielsteuerungen hinzufügen Das Ziel hinzufügen Einen Hintergrund hinzufügen Die Spiellogik Das war‘s!

Der Code bisher Wie es weitergeht

17. Projekt: JavaScript-Objekte kennenlernen

Leg los Einfache Objekte Objekte kopieren Neue Objekte konstruieren Der Code bisher Wie es weitergeht

18. Projekt: Ein Höhlenpuzzle

Leg los Die Grenzen des Spiels einstellen

Beginne mit einem einfachen Avatar

Ein zufälliges, unerreichbares Ziel bauen Verschiebbare Rampen bauen Das Spiel gewinnen Der Code bisher Wie es weitergeht

19. Projekt: Ein Spiel mit mehreren Levels

Leg los Level herstellen Letzte Hand an das Spiel anlegen Der Code bisher Wie es weitergeht

20. Projekt: Rafting auf dem Fluss

Leg los Code organisieren

Sonnenlicht hinzufügen Punkte zählen

Formen verzerren, um einmalige Dinge herzustellen

An den Ecken ziehen Das Auge austricksen

Ein Floß für das Rennen bauen

Das Spiel zurücksetzen

Die Ziellinie einrichten

Punkte nach Entfernung sammeln Extrapunkte

Der Code bisher Wie es weitergeht

21. Code in das Web bekommen

Der mächtige mächtige Browser Kostenlose Websites Deinen Code auf eine andere Site legen Wie es weitergeht

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

Scoreboard-Nachrichten Hilfe Punktezählung Timer Countdown

Sounds.js

Stichwortverzeichnis Impressum

← Prev
Back
Next →

← Prev
Back
Next →