Yeti Xmas Game mit p5.js

Ziel der Übung

In dieser Übung programmierst du mit p5.js and Jump & Run Spiel.

p5.js

Wir verwenden für diese Übung die JavaScript Bibliothek p5.js. Du kannst den online Editor verwenden, um damit Programme zu bauen, du kannst die Bibliothek aber auch in deine eigene Webseite einbauen.

Öffne zum Starten den p5.js editor.

Dort wird dir folgender Code angezeigt:

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
}

Anleitung

Die Anleitung zum Yeti Spiel kommt in den nächsten Wochen …

Source Code

Hier findest du den gesamten Source Code:

• index.html
• assets
  • background.png
  • earth.png
  • surface-danger.png
  • surface-earth.png
  • surface.png
  • yeti-dead-1.png
  • yeti-dead-2.png
  • yeti-dead-3.png
  • yeti-dead-4.png
  • yeti-dead-5.png
  • yeti-dead-6.png
  • yeti-dead-7.png
  • yeti-dead-8.png
  • yeti-dead-9.png
  • yeti-idle-1.png
  • yeti-idle-2.png
  • yeti-idle-3.png
  • yeti-idle-4.png
  • yeti-idle-5.png
  • yeti-idle-6.png
  • yeti-idle-7.png
  • yeti-idle-8.png
  • yeti-idle-9.png
  • yeti-walk-1.png
  • yeti-walk-2.png
  • yeti-walk-3.png
  • yeti-walk-4.png
  • yeti-walk-5.png
  • yeti-walk-6.png
  • yeti-walk-7.png
  • yeti-walk-8.png
  • yeti-walk-9.png
• css
  • style.css
• js
  • config.json
  • game.js
  • ground.js
  • p5-play.js
  • sky.js
  • yeti.js