Added Multiply Defense game example

makzan · Sep 23, 2012 · ee8c5c6 · ee8c5c6
1 parent d8c7ed3
commit ee8c5c6
Show file tree

Hide file tree

Showing 9 changed files with 933 additions and 0 deletions.
diff --git a/multiply-defense/css/multiply-defense.css b/multiply-defense/css/multiply-defense.css
@@ -0,0 +1,29 @@
+html, body {
+  margin: 0;
+}
+#game-canvas {
+  background: #333;
+  width: 320px;
+  margin-top: 20px;
+}
+#ui {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  background: #efefef;
+}
+#ui a {
+  display: block;
+  padding: 20px;
+  text-decoration: none;
+  color: #000;
+}
+#fps {
+  position: fixed;
+  left: 0;
+  top: 20px;
+  background: rgba(0, 0, 0, 0.8);
+  color: #ffffff;
+  padding: 5px;
+  border-bottom-right-radius: 3px;
+}
diff --git a/multiply-defense/css/multiply-defense.css.less b/multiply-defense/css/multiply-defense.css.less
@@ -0,0 +1,38 @@
+.debug (@color: red) {
+  border: 1px solid @color;
+}
+
+html, body {
+  margin: 0;
+}
+
+
+#game-canvas {
+  background: #333;
+  width: 320px;
+  margin-top: 20px;
+}
+
+#ui {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  background: #efefef;
+
+  a {
+    display: block;
+    padding: 20px;
+    text-decoration: none;
+    color: #000;
+  }
+}
+
+#fps {
+  position: fixed;
+  left: 0;
+  top: 20px;
+  background: rgba(0,0,0,0.8);
+  color: #ffffff;
+  padding: 5px;
+  border-bottom-right-radius: 3px;
+}
diff --git a/multiply-defense/index.html b/multiply-defense/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang='en'>
+<head>
+  <meta charset='utf-8'>
+  <title>Multiply Defense</title>
+
+  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+
+  <link rel="stylesheet" media="all" href="css/multiply-defense.css">
+</head>
+
+<body>
+
+<canvas id='game-canvas' width='320' height='460'>
+  Please make sure you have the latest modern browser for the game. Chrome is a good choice :)
+</canvas>
+
+<div id="fps">0.00</div>
+
+<script src="vendors/jquery-1.7.1.min.js"></script>
+<script src="vendors/easeljs-0.4.min.js"></script>
+<script src="vendors/underscore-1.3.1.min.js"></script>
+<script src='js/multiply-defense.js'></script>
+
+</body>
+</html>