Team:SYSU-Software/game

From 2013.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 8: Line 8:
     <style>
     <style>
       .icons, .icons1, .icons2{cursor:pointer;}
       .icons, .icons1, .icons2{cursor:pointer;}
-
       .main,.gameover,.showinstruction{display:none;}
+
       .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>
-
   <body onLoad="init();" background="https://static.igem.org/mediawiki/2013/0/05/0.png" onselectstart="return false">
+
   <body onLoad="init();" background="https://static.igem.org/mediawiki/2013/b/b7/SYSU-game-bg.jpg" style="width:100%;height:100%;" onselectstart="return false">
-
     <div class="main" style="position:absolute;left:120px;top:100px;height:481px;width:800px;background:url(https://static.igem.org/mediawiki/2013/e/e0/Imagebc2.png);">
+
<div id="container">
 +
     <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 21: Line 29:
       </div>
       </div>
     </div>
     </div>
-
     <div style="position:absolute;bottom:-100px;left:0px;">
+
     <div style="position:absolute;top:480px;left:150px;">
       <img class="icons" id="ctrlmusic" src="https://static.igem.org/mediawiki/2013/4/4f/ImageiconsSound.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:150px;top:100px;width:800px;height:481px;background:url(https://static.igem.org/mediawiki/2013/5/53/Imagebc1.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 class="gamename" style="position:relative;left:150px;top:20px;">
       <div class="gamename" style="position:relative;left:150px;top:20px;">
         <img class="icons" src="https://static.igem.org/mediawiki/2013/3/39/ImageiconsName.png">
         <img class="icons" src="https://static.igem.org/mediawiki/2013/3/39/ImageiconsName.png">
Line 33: Line 41:
       </div>
       </div>
     </div>
     </div>
-
     <div id="gameoverscreen" class="gameover" style="position:absolute;left:150px;top:100px;width:800px;height:481px;background:url(https://static.igem.org/mediawiki/2013/5/53/Imagebc1.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="https://static.igem.org/mediawiki/2013/b/b9/ImageGameover.png">
         <img src="https://static.igem.org/mediawiki/2013/b/b9/ImageGameover.png">
Line 42: Line 50:
       </div>
       </div>
     </div>
     </div>
-
     <div id="showlevelscreen" class="showlevel" style="position:absolute;left:-50px;top:0px;">
+
     <div id="showlevelscreen" class="showlevel" style="position:absolute;left:50px;top:0px;">
       <img id="levelPhotoshow" src="https://static.igem.org/mediawiki/2013/a/a1/Imagelesh0.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:150px;top:100px;width:600px;height:500px;background:url(https://static.igem.org/mediawiki/2013/e/e2/Imagebc4.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="https://static.igem.org/mediawiki/2013/d/d2/Imagebcwords1.png">
         <img class=icons" id="words" style="position:absolute;" src="https://static.igem.org/mediawiki/2013/d/d2/Imagebcwords1.png">
Line 58: Line 66:
       </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"