Team:SYSU-Software/game

From 2013.igem.org

(Difference between revisions)
 
(89 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
  <head>
+
<script type="text/javascript" src="https://2013.igem.org/Team:SYSU-Software/game/game.js?action=raw&c" type="text/javascript"></script>
-
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+
-
    <script type="text/javascript" src="js/game.js?action=raw&c" type="text/javascript"></script>
+
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js?action=raw&c" type="text/javascript"></script>
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js?action=raw&c" type="text/javascript"></script>
     <script src="http://code.createjs.com/easeljs-0.6.1.min.js?action=raw&c" type="text/javascript"></script>
     <script src="http://code.createjs.com/easeljs-0.6.1.min.js?action=raw&c" type="text/javascript"></script>
     <script src="http://code.createjs.com/soundjs-0.4.1.min.js?action=raw&c" type="text/javascript"></script>
     <script src="http://code.createjs.com/soundjs-0.4.1.min.js?action=raw&c" type="text/javascript"></script>
     <script src="http://code.createjs.com/preloadjs-0.3.1.min.js?action=raw&c" type="text/javascript"></script>
     <script src="http://code.createjs.com/preloadjs-0.3.1.min.js?action=raw&c" type="text/javascript"></script>
 +
<link href="https://2012.igem.org/Team:SYSU-Software/prefix.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" >
     <style>
     <style>
       .icons, .icons1, .icons2{cursor:pointer;}
       .icons, .icons1, .icons2{cursor:pointer;}
 +
      .showlevel,.gamelayer,.main,.gameover,.showinstruction{display:none;}
 +
#container{
 +
  position:fixed;
 +
  height:100%;
 +
  width:100%;
 +
  background-image:url(https://static.igem.org/mediawiki/2013/b/b7/SYSU-game-bg.jpg);
 +
  background-size:100% 100%;
 +
}
     </style>
     </style>
-
  </head>
+
   <body onLoad="init();" background="https://static.igem.org/mediawiki/2013/b/b7/SYSU-game-bg.jpg" style="width:100%;height:100%;" onselectstart="return false">
-
   <body onLoad="init();" background="image\background\0.png" onselectstart="return false">
+
<div id="container">
-
     <div class="main" style="position:absolute;left:20%;top:15%;height:481px;width:800px;background:url(image/background/2.png);">
+
     <div class="main" style="position:absolute;left:270px;top:80px;height:481px;width:800px;background:url(https://static.igem.org/mediawiki/2013/e/e0/Imagebc2.png);">
       <div class="span5" style="cursor:crosshair;">
       <div class="span5" style="cursor:crosshair;">
         <canvas id="Main" width="560" height="420" style="cursor:crosshair;position:relative;top:32px;left:31px;">
         <canvas id="Main" width="560" height="420" style="cursor:crosshair;position:relative;top:32px;left:31px;">
Line 22: Line 29:
       </div>
       </div>
     </div>
     </div>
-
     <div style="position:absolute;top:80%;left:5px;">
+
     <div style="position:absolute;top:480px;left:150px;">
-
       <img class="icons" id="ctrlmusic" src="image/icons/sound.png" alt="SoundOn" onclick = "backgroundMusic();">
+
       <img class="icons" id="ctrlmusic" src="https://static.igem.org/mediawiki/2013/4/4f/ImageiconsSound.png" alt="SoundOn" onclick = "backgroundMusic();">
     </div>
     </div>
-
     <div id="gamestartscreen" class="gamelayer" style="position:absolute;left:25%;top:15%;width:800px;height:481px;background:url(image/background/1.png);">
+
     <div id="gamestartscreen" class="gamelayer" style="position:absolute;left:300px;top:80px;width:800px;height:481px;background:url(https://static.igem.org/mediawiki/2013/5/53/Imagebc1.png);">
-
       <div src="image\icons\name.png" style="position:relative;left:150px;top:20px;">
+
       <div class="gamename" style="position:relative;left:150px;top:20px;">
-
         <img class="icons" src="image\icons\name.png">
+
         <img class="icons" src="https://static.igem.org/mediawiki/2013/3/39/ImageiconsName.png">
       </div>
       </div>
       <div style="position:relative;top:30px;left:240px;width:200px;">
       <div style="position:relative;top:30px;left:240px;width:200px;">
-
         <img class="icons" src="image/icons/play.png" alt="Play Game" onclick = "handleClick();"><br><br>
+
         <img class="icons" src="https://static.igem.org/mediawiki/2013/6/6a/ImageiconsPlay.png" alt="Play Game" onclick = "handleClick();"><br><br>
-
         <img class="icons" src="image\icons\instruction.png" alt="Settings" onclick="firstinstruction();">
+
         <img class="icons" src="https://static.igem.org/mediawiki/2013/6/63/ImageiconsInstruction.png" alt="Settings" onclick="firstinstruction();">
       </div>
       </div>
     </div>
     </div>
-
     <div id="gameoverscreen" class="gameover" style="position:absolute;left:25%;top:15%;width:800px;height:481px;background:url(image/background/1.png)">
+
     <div id="gameoverscreen" class="gameover" style="position:absolute;left:300px;top:80px;width:800px;height:481px;background:url(https://static.igem.org/mediawiki/2013/5/53/Imagebc1.png)">
       <div style="position:relative;left:150px;width:300px;top:20px;">
       <div style="position:relative;left:150px;width:300px;top:20px;">
-
         <img src="image\gameover.png">
+
         <img src="https://static.igem.org/mediawiki/2013/b/b9/ImageGameover.png">
       </div>
       </div>
       <div style="position:relative;top:50px;left:240px;width:200px;">
       <div style="position:relative;top:50px;left:240px;width:200px;">
-
         <img class="icons" src="image/icons/playagain.png" alt="Playagain" onclick="watchRestart();"><br><br>
+
         <img class="icons" src="https://static.igem.org/mediawiki/2013/6/63/ImageiconsPlayagain.png" alt="Playagain" onclick="watchRestart();"><br><br>
-
         <img class="icons" src="image\icons\instruction.png" alt="Settings" onclick="secondinstruction();">
+
         <img class="icons" src="https://static.igem.org/mediawiki/2013/6/63/ImageiconsInstruction.png" alt="Settings" onclick="secondinstruction();">
       </div>
       </div>
     </div>
     </div>
-
     <div id="showlevelscreen" class="showlevel" style="position:absolute;left:5%;top:-5%;">
+
     <div id="showlevelscreen" class="showlevel" style="position:absolute;left:50px;top:0px;">
-
       <img id="levelPhotoshow" src="image\levelphotos\show\0.png">
+
       <img id="levelPhotoshow" src="https://static.igem.org/mediawiki/2013/a/a1/Imagelesh0.png">
     </div>
     </div>
-
     <div id="showinstructionscreen" class="showinstruction" style="position:absolute;left:25%;top:15%;width:600px;height:500px;background:url(image/background/4.png);">
+
     <div id="showinstructionscreen" class="showinstruction" style="position:absolute;left:350px;top:80px;width:600px;height:500px;background:url(https://static.igem.org/mediawiki/2013/e/e2/Imagebc4.png);">
       <div>
       <div>
-
         <img class=icons" id="words" style="position:absolute;" src="image\background\words\1.png">
+
         <img class=icons" id="words" style="position:absolute;" src="https://static.igem.org/mediawiki/2013/d/d2/Imagebcwords1.png">
       </div>
       </div>
       <div class="showicons" style="position:absolute;z-index:0;margin-top:30px;left:450px;float:right">
       <div class="showicons" style="position:absolute;z-index:0;margin-top:30px;left:450px;float:right">
-
         <img class="icons1" style="position:absolute;left:0px;" src="image\icons\left.png" onclick="previous();">
+
         <img class="icons1" style="position:absolute;left:0px;" src="https://static.igem.org/mediawiki/2013/c/cf/ImageiconsLeft.png" onclick="previous();">
-
         <img class="icons2" style="position:absolute;left:50px;" src="image\icons\next.png" onclick="next();">
+
         <img class="icons2" style="position:absolute;left:50px;" src="https://static.igem.org/mediawiki/2013/f/f3/ImageiconsNext.png" onclick="next();">
-
         <img class="icons" style="position:absolute;left:100px;" src="image\icons\close.png" onclick="init();">
+
         <img class="icons" style="position:absolute;left:100px;" src="https://static.igem.org/mediawiki/2013/7/76/ImageiconsClose.png" onclick="init();">
       </div>
       </div>
       <div class="showstart" style="position:absolute;top:350px;left:170px;z-index:1;">
       <div class="showstart" style="position:absolute;top:350px;left:170px;z-index:1;">
-
         <img class="icons" src="image\icons\playnow.png" onclick="start();">
+
         <img class="icons" src="https://static.igem.org/mediawiki/2013/3/39/ImageiconsPlaynow.png" onclick="start();">
       </div>
       </div>
     </div>
     </div>
-
     <div class="copyright" style="position:absolute;left:40%;bottom:5px;">
+
     <div class="copyright" style="position:absolute;left:500px;top:580px;">
-
       Copyright © 2013 SYSU-Software.All rights reserved.<br />
+
       &nbsp;&nbsp;&nbsp;Copyright © 2013 SYSU-Software.All rights reserved.<br />
-
   Any questions or suggestions please vist <a href="http://www.liuxiangyu.net" target=blank>LiuXiangyu.net</a>
+
   Any questions or suggestions please visit <a href="http://www.liuxiangyu.net" target=blank>LiuXiangyu.net</a>
     </div>
     </div>
 +
</div>
   </body>
   </body>
</html>
</html>

Latest revision as of 03:22, 29 October 2013

Sorry!Your browser does not support the canvas element.
SoundOn
Play Game

Settings
Playagain

Settings
   Copyright © 2013 SYSU-Software.All rights reserved.
Any questions or suggestions please visit LiuXiangyu.net

Retrieved from "http://2013.igem.org/Team:SYSU-Software/game"