Kids programmieren 3D-Spiele mit JavaScript, 2nd Edition

Kids programmieren 3D-Spiele mit JavaScript, 2nd Edition

by Chris Strom
Released January 2019
Publisher(s): dpunkt
ISBN: 9783960090960

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Book description

Was noch mehr Spaß macht, als Computerspiele zu spielen? Selbst welche zu programmieren!Mit diesem Buch entwickelst du spannende 3D-Welten und coole Spielideen – auch als absoluter Anfänger. Du programmierst in JavaScript, der Sprache des Web. Im Code Editor kannst du direkt sehen, was du programmierst: deinen eigenen Avatar, der sich bewegt, eine Floßfahrt oder Weltraumsimulationen.Die zweite Auflage wurde komplett überarbeitet und nutzt die Vorteile neuer Programmierfunktionen, damit du das Programmieren von Spielen noch einfacher lernen kannst. Neue Effekte sorgen dafür, dass deine Spiele noch cooler werden. Wenn du fertig bist, wirst du staunen, was du ganz allein programmiert hast. Eine Einführung für Neugierige von 9 – 99 Jahren.

Table of contents

  1. Cover
  2. Titel
  3. Impressum
  4. Widmung
  5. INHALT
  6. Danksagung
  7. Einleitung
  8. 1 Projekt: Einfache Formen herstellen
    1. Programmieren mit dem 3DE Code Editor
    2. Formen mit JavaScript herstellen
    3. Kugeln herstellen
    4. Mit der Würfelform Kisten herstellen
    5. Zylinder für alle möglichen Formen
    6. Mit Ebenen flache Oberflächen bauen
    7. Mit einem Ring einen Donut zeichnen (leider nicht essbar)
    8. Die Formen animieren
    9. Der Code bisher
    10. Wie es weitergeht
  9. 2 Debugging: Code reparieren, wenn etwas schiefgeht
    1. Leg los
    2. Fehlersuche im 3DE: das rote X
    3. Fehlersuche im 3DE: das gelbe Dreieck
    4. Die JavaScript-Konsole öffnen und schließen
    5. Fehlersuche in der Konsole
    6. Verbreitete 3D-Programmierfehler
    7. Was tun, wenn der 3DE kaputt ist?
    8. Wie es weitergeht
  10. 3 Projekt: Einen Avatar herstellen
    1. Leg los
    2. Stämmig, aber glatt
    3. Ein Ganzes aus Teilen herstellen
    4. Das Ganze auseinandernehmen
    5. Füße zum Gehen hinzufügen
    6. Herausforderung: Stell einen ganz eigenen Avatar her
    7. Räder schlagen
    8. Der Code bisher
    9. Wie es weitergeht
  11. 4 Projekt: Avatare bewegen
    1. Leg los
    2. Mit Tastaturereignissen interaktive Systeme bauen
    3. Tastaturereignisse in Avatar-Bewegungen verwandeln
    4. Herausforderung: Animation starten/stoppen
    5. Mit Funktionen einen Wald bauen
    6. Die Kamera mit dem Avatar bewegen
    7. Der Code bisher
    8. Wie es weitergeht
  12. 5 Funktionen: immer und immer wieder benutzen
    1. Leg los
    2. Grundfunktionen
    3. Funktionen, die Werte zurückliefern
    4. Funktionen benutzen
    5. Funktionen kaputt machen
    6. Bonus Nummer 1: Zufällige Farben
    7. Bonus Nummer 2: Flugsteuerungen
    8. Der Code bisher
    9. Wie es weitergeht
  13. 6 Projekt: Hände und Füsse bewegen
    1. Leg los
    2. Eine Hand bewegen
    3. Hände und Füße zusammen schwingen lassen
    4. Gehen beim Bewegen
    5. Der Code bisher
    6. Wie es weitergeht
  14. 7 Die Grundlagen von JavaScript näher untersucht
    1. Leg los
    2. Dinge in JavaScript beschreiben
    3. Zahlen, Wörter und andere Dinge in JavaScript
    4. Kontrollstrukturen
    5. Wie es weitergeht
  15. 8 Projekt: Unseren Avatar umdrehen
    1. Leg los
    2. In die richtige Richtung schauen
    3. Das Ganze auseinandernehmen
    4. Die Drehung animieren
    5. Der Code bisher
    6. Wie es weitergeht
  16. 9 Was ist das alles für ein Code?
    1. Leg los
    2. Eine kurze Einführung in HTML
    3. Die Szene einrichten
    4. Die Szene mit Kameras erfassen
    5. Mit einem Renderer projizieren, was die Kamera sieht
    6. Unterschiedliche Kameras untersuchen
    7. Wie es weitergeht
  17. 10 Projekt: Kollisionen
    1. Leg los
    2. Strahlen und Überschneidungen
    3. Der Code bisher
    4. Wie es weitergeht
  18. 11 Projekt: Obstjagd
    1. Leg los
    2. Eine Punktetafel bei null starten
    3. Die Bäume ein bisschen wackeln lassen
    4. Für Punkte springen
    5. Unsere Spiele noch besser machen
    6. Der Code bisher
    7. Wie es weitergeht
  19. 12 Mit Licht und Material arbeiten
    1. Leg los
    2. Licht ausstrahlen
    3. Ambientes Licht
    4. Punktlicht
    5. Schatten
    6. Spotlichter und Sonnenlicht
    7. Textur
    8. Weitere Untersuchungen
    9. Der Code bisher
    10. Wie es weitergeht
  20. 13 Projekt: Die Mondphasen
    1. Leg los
    2. Die Sonne im Zentrum
    3. Spiel- und Simulationslogik
    4. Lokale Koordinaten
    5. Action mit mehreren Kameras
    6. Bonus Nummer 1: Sterne
    7. Bonus Nummer 2: Flugsteuerungen
    8. Die Mondphasen verstehen
    9. Nicht perfekt, aber trotzdem eine großartige Simulation
    10. Der Code bisher
    11. Wie es weitergeht
  21. 14 Projekt: Das Lila-Obstmonster-Spiel
    1. Leg los
    2. Das Konzept für das Spiel
    3. Boden für das Spiel hinzufügen
    4. Einen einfachen Avatar bauen
    5. Die Punktezählung hinzufügen
    6. Der Spielablauf
    7. Verbesserungen
    8. Der Code bisher
    9. Wie es weitergeht
  22. 15 Projekt: Balancierbrett
    1. Leg los
    2. Das Konzept für das Spiel
    3. Bonus Nummer 1: Einen Hintergrund hinzufügen
    4. Bonus Nummer 2: Feuer machen!
    5. Herausforderung
    6. Der Code bisher
    7. Wie es weitergeht
  23. 16 JavaScript-Objekte kennenlernen
    1. Leg los
    2. Einfache Objekte
    3. Eigenschaften und Methoden
    4. Objekte kopieren
    5. Neue Objekte konstruieren
    6. Das Schlimmste, was in JavaScript passieren kann: this verlieren
    7. Herausforderung
    8. Der Code bisher
    9. Wie es weitergeht
  24. 17 Projekt: Achtung, fertig, Start
    1. Leg los
    2. Das Startgerät
    3. Die Punktetafel
    4. Körbe und Ziele
    5. Wind!
    6. Der Code bisher
    7. Wie es weitergeht
  25. 18 Projekt: Spiele für zwei Spieler
    1. Leg los
    2. Zwei Startgeräte
    3. Zwei Punktetafeln
    4. Die Körbe die korrekte Punktetafel aktualisieren lassen
    5. Eine Tastatur teilen
    6. Ein vollständiges Zurücksetzen
    7. Der Code bisher
    8. Wie es weitergeht
  26. 19 Projekt: Rafting auf dem Fluss
    1. Leg los
    2. Formen schieben und ziehen
    3. Unebenes Terrain
    4. Einen Fluss graben
    5. Die Punktetafel
    6. Ein Floß zum Wettrennen bauen
    7. Das Spiel zurücksetzen
    8. Tastatursteuerungen
    9. Die Ziellinie
    10. Bonus: Punkte zählen
    11. Der Code bisher
    12. Wie es weitergeht
  27. 20 Code in das Web bekommen
    1. Der mächtige, mächtige Browser
    2. Kostenlose Websites
    3. Deinen Code auf eine andere Site bringen
    4. Der Code bisher
    5. Wie es weitergeht
  28. A Projektcode
    1. Code: Einfache Formen herstellen
    2. Code: Mit der Konsole herumspielen und feststellen, was kaputt ist
    3. Code: Einen Avatar herstellen
    4. Code: Avatare bewegen
    5. Code: Funktionen: Immer und immer wieder benutzen
    6. Code: Hände und Füße bewegen
    7. Code: Die Grundlagen von JavaScript näher untersucht
    8. Code: Unseren Avatar drehen
    9. Code: Was ist das alles für ein Code?
    10. Code: Kollisionen
    11. Code: Obstjagd
    12. Code: Mit Licht und Material arbeiten
    13. Code: Die Mondphasen
    14. Code: Das Lila-Obstmonster-Spiel
    15. Code: Balancierbrett
    16. Code: JavaScript-Objekte kennenlernen
    17. Code: Achtung, fertig, Start
    18. Code: Achtung, fertig, Start für zwei Spieler
    19. Code: Rafting auf dem Fluss
    20. Code: Code in das Web bekommen
  29. B In diesem Buch verwendete JavaScript-Codesammlungen
    1. Three.js
    2. Physijs
    3. Steuerungen
    4. Rauschen
    5. Scoreboard.js
    6. Shader-Partikel-Engine
    7. Sounds.js
    8. Tween.js
  30. Fußnoten
  31. Index

Product information

  • Title: Kids programmieren 3D-Spiele mit JavaScript, 2nd Edition
  • Author(s): Chris Strom
  • Release date: January 2019
  • Publisher(s): dpunkt
  • ISBN: 9783960090960