Changeset 110 for pycodeshooter/trunk/index.html

Timestamp:

01/18/12 14:04:55 (13 years ago)

Author:

atzm

Message:

modified, random enemy encounter

File:

• pycodeshooter/trunk/index.html (modified) (5 diffs)

pycodeshooter/trunk/index.html

@@ -13 +13 @@
     <script type="text/javascript" charset="UTF-8" src="shooter/system.js"></script>
     <script type="text/javascript">
-    var titleIntervalId = 0;
-
-    function startGame() {
-        var msg    = document.getElementById("message");
-        var player = {
-            "name":         document.getElementById("name").value,
-            "image":        document.getElementById("p_img0"),
-            "size":         parseInt(document.getElementById("size").value),
-            "hitsize":      parseInt(document.getElementById("hitsize").value),
-            "speed":        parseInt(document.getElementById("speed").value),
-            "hitpoint":     parseInt(document.getElementById("hitpoint").value),
-            "shotsize":     parseInt(document.getElementById("shotsize").value),
-            "shotinterval": parseInt(document.getElementById("shotinterval").value),
-            "shotspeed":    parseInt(document.getElementById("shotspeed").value),
-            "shotlevel":    parseInt(document.getElementById("shotlevel").value),
-            "numbombs":     parseInt(document.getElementById("numbombs").value)
-        };
-
-        for (var n in player) {
-            if (n == "name")
-                continue;
-            if (!player[n] || player[n] < 0) {
-                setMessage(msg, "Invalid Input Data");
-                return;
-            }
-        }
-
-        document.onkeydown  = function (ev) { setKeyDown(ev.keyCode); };
-        document.onkeyup    = function (ev) { setKeyUp(ev.keyCode); };
-        document.onkeypress = function (ev) { setKeyPress(ev.charCode); };
-
-        initGame(document.getElementById("screen"), msg, player);
-    }
-
-    function initControlPanel(list) {
-        var cp  = document.getElementById("controlpanel");
-        var sel = "<select id=\"enemySelection\">";
-
-        for (var id in list) {
-            sel += "<option value=\"" + id + "\"" + ">" + list[id].name + "</option>";
-        }
-
-        cp.innerHTML = sel + "</select>";
-
-        document.getElementById("enemySelection").onchange = function (ev) {
-            if (titleIntervalId) {
-                clearInterval(titleIntervalId);
-                titleIntervalId = 0;
-
-                var imgs = document.getElementsByTagName("img");
-                for (var i = 0; i < imgs.length; i++) {
-                    if (imgs[i].getAttribute("id").match(/^e_img/)) {
-                        addEnemyImage(imgs[i]);
-                    }
-                }
-
-                startGame();
-            }
-
-            addEnemy(list[this[this.selectedIndex].value]);
-        };
-    }
-
     window.onload = function () {
-        var screen  = document.getElementById("screen");
-        var ctx     = screen.getContext("2d");
-        var logoimg = document.getElementById("logoimg");
-
+        // load enemies
+        var req = new XMLHttpRequest();
+        req.open("GET", document.getElementById("api").value, false);
+        req.send(null);
+
+        // global variables
+        var titleIntervalId = 0;
+        var msg             = document.getElementById("message");
+        var screen          = document.getElementById("screen");
+        var ctx             = screen.getContext("2d");
+        var enemyList       = JSON.parse(req.responseText).result;
+
+        setMessage(msg, "<br />");
+
+        // title screen set
+        var logoimg  = document.getElementById("logoimg");
         var x        = (screen.width - logoimg.width) / 2;
         var y        = -1 - logoimg.height;
@@ -92 +41 @@
             if (++y > titlePos)
                 y = titlePos;
+
+            drawString(
+                ctx, "source-over",
+                "Click screen to start game",
+                15, 20, "#ACF", "9pt monospace", "left"
+            );
         }, 20);
 
-        var req = new XMLHttpRequest();
-        req.open("GET", document.getElementById("api").value, false);
-        req.send(null);
-
-        initControlPanel(JSON.parse(req.responseText).result);
+        // start game
+        screen.onclick = function() {
+            if (!titleIntervalId) {
+                return;
+            }
+
+            clearInterval(titleIntervalId);
+            titleIntervalId = 0;
+
+            var player = {
+                "name":         document.getElementById("name").value,
+                "image":        document.getElementById("p_img0"),
+                "size":         parseInt(document.getElementById("size").value),
+                "hitsize":      parseInt(document.getElementById("hitsize").value),
+                "speed":        parseInt(document.getElementById("speed").value),
+                "hitpoint":     parseInt(document.getElementById("hitpoint").value),
+                "shotsize":     parseInt(document.getElementById("shotsize").value),
+                "shotinterval": parseInt(document.getElementById("shotinterval").value),
+                "shotspeed":    parseInt(document.getElementById("shotspeed").value),
+                "shotlevel":    parseInt(document.getElementById("shotlevel").value),
+                "numbombs":     parseInt(document.getElementById("numbombs").value)
+            };
+
+            for (var n in player) {
+                if (n == "name")
+                    continue;
+                if (!player[n] || player[n] < 0) {
+                    setMessage(msg, "Invalid Input Data");
+                    return;
+                }
+            }
+
+            var imgs = document.getElementsByTagName("img");
+            for (var i = 0; i < imgs.length; i++) {
+                if (imgs[i].getAttribute("id").match(/^e_img/)) {
+                    addEnemyImage(imgs[i]);
+                }
+            }
+
+            document.onkeydown  = function (ev) { setKeyDown(ev.keyCode); };
+            document.onkeyup    = function (ev) { setKeyUp(ev.keyCode); };
+            document.onkeypress = function (ev) { setKeyPress(ev.charCode); };
+
+            initGame(document.getElementById("screen"), msg, player);
+
+            var enemyIntervalId = setInterval(function() {
+                if (numEnemies() < parseInt(document.getElementById("numenemies").value)) {
+                    var ids = Object.keys(enemyList);
+                    var id  = ids[Math.floor(Math.random() * ids.length)];
+                    addEnemy(enemyList[id]);
+                }
+            }, 5000);
+        };
     };
     </script>
@@ -118 +121 @@
             <form>
               <h3><span class="sanchor">■</span> 挑戊する!</h3>
-              <p id="controlpanel">Now loading...</p>
               <p>
                 名前: <input type="text" value="Player" size="8" id="name" />
@@ -133 +135 @@
                 <input type="hidden" value="5"  id="shotinterval" />
                 <input type="hidden" value="3"  id="shotlevel" />
+                <input type="hidden" value="3"  id="numenemies" />
                 <input type="hidden" value="/etc/pycodebattler/?mode=json" id="api" />
                 <img src="images/logo.png" style="visibility: hidden;" id="logoimg" />
@@ -193 +196 @@
 
         <p>システムメッセヌゞ</p>
-        <span id="message" style="font-size: small;"><br /></span>
+        <span id="message" style="font-size: small;">Now loading...</span>
 
         <p>泚意</p>