CoderDojoGitHub
diff --git a/‎lessons/3-objects/README.md
Lines changed: 19 additions & 0 deletions b/‎lessons/3-objects/README.md
Lines changed: 19 additions & 0 deletions
diff --git a/‎lessons/3-objects/character.js
Lines changed: 84 additions & 0 deletions b/‎lessons/3-objects/character.js
Lines changed: 84 additions & 0 deletions
diff --git a/‎lessons/3-objects/images/boy.gif
2.42 KB b/‎lessons/3-objects/images/boy.gif
2.42 KB
diff --git a/‎lessons/3-objects/images/girl.gif
3.51 KB b/‎lessons/3-objects/images/girl.gif
3.51 KB
diff --git a/‎lessons/3-objects/images/map.png
3.47 KB b/‎lessons/3-objects/images/map.png
3.47 KB
diff --git a/‎lessons/3-objects/index.html
Lines changed: 21 additions & 0 deletions b/‎lessons/3-objects/index.html
Lines changed: 21 additions & 0 deletions
@@ -0,0 +1,19 @@
+# Lesson 3: Add interactive objects
+
+## Goals
+
+## Getting set up
+
+- Download [this lesson]() onto your computer
+
+- Create a folder for your project and put the lesson files there
+
+- Open up `index.html`
+
+## objects.js
+
+## Your assignment
+
+
+## Free time
+
@@ -0,0 +1,84 @@
+game.addEventListener("load", function(){
+
+  // Get a character
+  character = new Sprite(32, 32)
+  character.image = game.assets['images/girl.gif']
+  character.frame = 0
+  character.x = 100
+  character.y = 100
+  game.rootScene.addChild(character)
+
+  speed = 2
+
+  function movement(){
+
+    x = this.x
+    y = this.y
+
+    if (game.input.left) {
+      x -= 1 * speed
+      character.frame = 3
+    }
+    if (game.input.right) {
+      x += 1 * speed
+      character.frame = 6
+    }
+    if (game.input.down) {
+      y += 1 * speed
+      character.frame = 0
+    }
+    if (game.input.up) {
+      y -= 1 * speed
+      character.frame = 9
+    }
+
+    // Did our character run into something?
+    var top = y
+    var bottom = y + 32
+    var left = x
+    var right = x + 32
+
+    if ( map.hitTest(left, top) ) {
+      if (this.x != x) {
+        x += speed
+      }
+      if (this.y != y){
+        y += speed
+      }
+    }
+
+    if ( map.hitTest(right, top) ) {
+      if (this.x != x) {
+        x -= speed
+      }
+      if (this.y != y){
+        y += speed
+      }
+    }
+
+    if ( map.hitTest(left, bottom) ) {
+      if (this.x != x) {
+        x += speed
+      }
+      if (this.y != y){
+        y -= speed
+      }
+    }
+
+    if ( map.hitTest(right, bottom) ) {
+      if (this.x != x) {
+        x -= speed
+      }
+      if (this.y != y){
+        y -= speed
+      }
+    }
+
+
+    this.x = x
+    this.y = y
+
+  }
+  character.addEventListener("enterframe", movement)
+
+})
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Objects Example</title>
+  <link rel="stylesheet" type="text/css" href="lib/styles.css">
+</head>
+<body>
+
+  <h1>Objects Example</h1>
+
+  <script src="lib/enchant.js" type="text/javascript" charset="utf-8"></script>
+  <script src="lib/game.js" type="text/javascript" charset="utf-8"></script>
+  <script src="character.js" type="text/javascript" charset="utf-8"></script>
+  <script src="objects.js" type="text/javascript" charset="utf-8"></script>
+  <script src="map.js" type="text/javascript" charset="utf-8"></script>
+
+  <script>
+    game.start()
+  </script>
+</body>
+</html>