Initial commit.

chrisneave · chrisneave · commit 889d0f34c21b · 2012-07-22T03:40:37.000+01:00
Achieved a basic animation of moving a square back and forth across a
canvas.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.idea/
diff --git a/backlog.txt b/backlog.txt
@@ -0,0 +1,4 @@
+
+animate a player across the map.
+adjust framerate/movement speeds.
+use cursor keys to move the player.
diff --git a/game.css b/game.css
@@ -0,0 +1,4 @@
+canvas
+{
+    border: 1px solid black;
+}
diff --git a/gameideas.txt b/gameideas.txt
@@ -0,0 +1,15 @@
+Zombie game
+
+player has to move from start position to end position without touching a zombie to win.
+
+player can move in all eight directions.
+
+zombies move slower than the player.
+zombies either (in order of priority):
+- towards the player
+- towards other zombies
+- move in random patterns
+
+zombies have line of sight in a cone shape in front of them.
+zombies have short range hearing all round.
+hearing detects movement by the player or other zombies.
diff --git a/index.htm.html b/index.htm.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <script language="javascript" src="main.js"></script>
+    <link rel="stylesheet" href="game.css" text="text/css">
+    <title></title>
+</head>
+<body>
+    <button id="start" onclick="startGame()">Start Game</button>
+    <br>
+    <button id="pause" onclick="pauseGame()">Pause Game</button>
+    <br>
+    <button id="end" onclick="endGame()">End Game</button>
+    <br>
+    Player speed = <input id="playerSpeed" value="1">
+    <br>
+    FPS = <input id="fps" value="1">
+    <br>
+    <canvas id="gamefield" width="400" height="300"></canvas>
+</body>
+</html>
diff --git a/main.js b/main.js
@@ -0,0 +1,66 @@
+/**
+ * Created with JetBrains WebStorm.
+ * User: Chris
+ * Date: 22/07/12
+ * Time: 02:06
+ * To change this template use File | Settings | File Templates.
+ */
+
+var player = {
+    x: 20,
+    y: 150,
+    w: 20,
+    h: 20,
+    d: "e"
+}
+
+var timer;
+
+function startGame()
+{
+    timer = setInterval("redrawGameField()", 33);
+}
+
+function pauseGame()
+{
+    clearInterval(timer);
+}
+
+function endGame()
+{
+    clearInterval(timer);
+}
+
+function redrawGameField()
+{
+    var gf = document.getElementById("gamefield");
+    var ctx = gf.getContext("2d");
+    ctx.clearRect(0, 0, gf.width, gf.height);
+
+    ctx.fillStyle = "rgba(255, 0, 0)";
+    var playerSpeed = document.getElementById("playerSpeed");
+
+    // Handle player direction
+    if (player.x >= gf.width - player.w)
+    {
+        player.d = "w";
+    }
+    else if (player.x < 0)
+    {
+        player.d = "e";
+    }
+
+    // Increment x coordinate based on direction and speed.
+    switch(player.d)
+    {
+        case "e":
+            player.x += parseInt(playerSpeed.value);
+            break;
+        case "w":
+            player.x -= parseInt(playerSpeed.value);
+            break;
+    }
+
+    // Render the player.
+    ctx.fillRect(player.x, player.y, player.w, player.h);
+}

-Original file line number
+Diff line change
 +canvas
 +{
 +    border: 1px solid black;
 +}