Add background and some engine stuff

macalinao · Nov 13, 2012 · e1a827a · e1a827a
1 parent 71245fd
commit e1a827a
Show file tree

Hide file tree

Showing 7 changed files with 63 additions and 14 deletions.
diff --git a/assets/images/bg.png b/assets/images/bg.png
diff --git a/config.xml b/config.xml
@@ -7,4 +7,5 @@
   <name>Peter Pepper</name>
   <content src="index.html"/>
   <feature id="blackberry.identity" required="true" version="1.0.0.0"/>
+  <rim:orientation mode="landscape" />
 </widget>
diff --git a/index.html b/index.html
@@ -1,21 +1,27 @@
 <!DOCTYPE html>
 <html>
 <head>
-   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-   <title>Peter Pepper</title>
+	<title>Peter Pepper</title>
+	<style type="text/css">
+	html, body {
+		width: 100%;
+		height: 100%;
+		margin: 0px;
+		padding: 0px;
+		overflow: hidden;
+	}
+
+	#game {
+		width: 100%;
+		height: 100%;
+	}
+	</style>
+	<script type="text/javascript" src="scripts/vendor/webworks-1.0.2.9.js"></script>
+	<script type="text/javascript" src="scripts/vendor/zepto.js"></script>
+	<script type="text/javascript" src="scripts/engine.js"></script>
+	<script type="text/javascript" src="scripts/game.js"></script>
 </head>
 <body>
-   <p>Peter Pepper</p>
-   <script src="webworks-1.0.2.9.js"></script>
-   <script>
-      function ready() {
-         var ele = document.createElement("div");
-         ele.innerHTML = "uuid: " + blackberry.identity.uuid;
-         document.documentElement.appendChild(ele);
-      }
-      window.addEventListener("load", function(e) {
-         document.addEventListener("webworksready", ready);
-      }, false);
-   </script>
+	<canvas id="game"></canvas>
 </body>
 </html>
diff --git a/scripts/engine.js b/scripts/engine.js
@@ -0,0 +1,25 @@
+function AssetManager(_images, _sounds) {
+    this.images = {}
+    this.sounds = {}
+
+    this.load = function() {
+        for (var i = 0; i < _images.length; i++) {
+            var name = _images[i]
+            this.images[name] = (function() {
+                var img = new Image();
+                img.src = "./assets/images/" + name + ".png"
+                return img
+            })()
+        }
+
+        for (var i = 0; i < _sounds.length; i++) {
+            var name = _sounds[i]
+            this.sounds[name] = (function() {
+                var sound = document.createElement('audio')
+                sound.setAttribute("src", "./assets/sounds/" + name + ".mp3")
+                sound.load()
+                return sound
+            })()
+        }
+    }
+}
diff --git a/scripts/game.js b/scripts/game.js
@@ -0,0 +1,15 @@
+$(function() {
+
+    var assets = new AssetManager(["bg"], []);
+    assets.load();
+
+    var canvas = document.getElementById("game");
+    canvas.width = document.width
+    canvas.height = document.height
+
+    var ctx = canvas.getContext("2d");
+    // ctx.fillStyle = "#000000";
+    // ctx.fillRect(10, 10, 100, 100);
+
+    ctx.drawImage(assets.images.bg, 0, 0, canvas.width, canvas.height)
+});
diff --git a/webworks-1.0.2.9.js → scripts/vendor/webworks-1.0.2.9.js b/webworks-1.0.2.9.js → scripts/vendor/webworks-1.0.2.9.js
diff --git a/scripts/vendor/zepto.js b/scripts/vendor/zepto.js