topical media & game development

talk show tell print

mobile-query-game-tools-shim-index.htm / htm



  <!doctype html>
  <html>
          <head>
                  <meta charset="utf-8" />
                  <title>gameQuery shim</title>
                  <script language="JavaScript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
                  <script language="JavaScript" type="text/javascript" src="mobile-query-game-jquery.gamequery.js"></script>
                  <script>
                          $(function(){
                                  // sets the div to use to display the game and its dimension
                                  $("#playground").playground({width: 640, height: 480});
                                  
                                  // configure the loading bar
                                  .loadCallback(function(percent){
                                          $("#loadBar").width(400*percent);
                                          $("#loadtext").html(""+percent+"%")
                                  });
                                  
                                  // register the start button and remove the splash screen once the game is ready to starts
                                  $("#start").click(function(){
                                          .playground().startGame(function(){
                                                   $("#splash").remove();
                                          });
                                  });
          
                          });
                  </script>
          </head>
          <body>
                  <div id="playground">
                          <div id ="splash">
                                  <a id="start">Start</a>
                                  <div id="loadbar" style="background: 000; height: 32px; overflow: visible;"><span id="loadtext" style="color: red"></span></div>
                          </div>
                  </div>
          </body>
  </html>
  


(C) Æliens 04/09/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.