Team:SYSU-Software/game
From 2013.igem.org
(Difference between revisions)
Liuxiangyu (Talk | contribs) |
Liuxiangyu (Talk | contribs) |
||
(10 intermediate revisions not shown) | |||
Line 9: | Line 9: | ||
.icons, .icons1, .icons2{cursor:pointer;} | .icons, .icons1, .icons2{cursor:pointer;} | ||
.showlevel,.gamelayer,.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/ | + | <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: | + | <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;top: | + | <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: | + | <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: | + | <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: | + | <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: | + | <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 54: | Line 62: | ||
<img class="icons" style="position:absolute;left:100px;" src="https://static.igem.org/mediawiki/2013/7/76/ImageiconsClose.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: | + | <div class="showstart" style="position:absolute;top:350px;left:170px;z-index:1;"> |
<img class="icons" src="https://static.igem.org/mediawiki/2013/3/39/ImageiconsPlaynow.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: | + | <div class="copyright" style="position:absolute;left:500px;top:580px;"> |
Copyright © 2013 SYSU-Software.All rights reserved.<br /> | Copyright © 2013 SYSU-Software.All rights reserved.<br /> | ||
- | Any questions or suggestions please | + | 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
Copyright © 2013 SYSU-Software.All rights reserved.
Any questions or suggestions please visit LiuXiangyu.net
Any questions or suggestions please visit LiuXiangyu.net