<!doctype html> | |
<html><head> | |
<title>Cycleblob - A WebGL lightcycle game</title> | |
<meta http-equiv="content-type" content="text/html; charset=UTF8"> | |
<link href="http://cycleblob.com/favicon.ico" rel="shortcut icon"> | |
<link rel="stylesheet" type="text/css" href="page.css"> | |
<meta name="description" content="Cycleblob, A WebGL lightcycle game based on the concept of the movie TRON. written by Shy Shalom"> | |
<script type="text/javascript" src="jquery-1.4.4.min.js"></script> | |
<script type="text/javascript" src="cycleblob.min.js"></script> | |
<script type="text/javascript"> | |
var _gaq = _gaq || []; | |
_gaq.push(['_setAccount', 'UA-2231125-3']); | |
_gaq.push(['_trackPageview']); | |
(function() { | |
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | |
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | |
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | |
})(); | |
</script> | |
</head> | |
<body onload="webGLStart();"> | |
<iframe id="shadersFrame" src="shaders.html" style="display:none"></iframe> | |
<div id="canvas-container" style="position:relative; height:650px; width:80%; margin:auto;"> | |
<canvas id="game-canvas" width="900" height="650" style="background-color: transparent; position: absolute; left: 0px; top: 0px; z-index: 0;"></canvas> | |
<canvas id="ctrl-canvas" width="900" height="650" style="background-color: transparent; position: absolute; left: 0px; top: 0px; z-index: 1;"></canvas> | |
<noscript class="no-script"> | |
<p>Cycleblob - a 3D lightcycle game based on a concept from the 1982 movie "TRON". Cycleblob uses WebGL and JavaScript | |
to bring 3D content to the web browser</p> | |
<h2>You have JavaScript disabled</h2> | |
<p>In order to play cycleblob you need to have JavaScript enabled in your browser</p> | |
<!-- "old embed code" from youtube --> | |
<br/><object width="640" height="390"><param name="movie" value="http://www.youtube.com/v/amFozFKhmxc?fs=1&hl=en_US&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/amFozFKhmxc?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="390"></embed></object> | |
</noscript> | |
</div> | |
<div id="feedback"> | |
<a href="contact.php">Feedback</a> <a href="about.php">About</a> | |
<!-- facebook like button --> | |
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://cycleblob.com/" layout="button_count" show_faces="false" width="70" font="" colorscheme="dark"></fb:like> | |
</div> | |
<img id="repImg" src="img/rep_image.png" style="display:none"></img> <!-- for facebook --> | |
<audio id="turnSound1" src="sound/turn5.ogg" preload="auto" style="display:none"></audio> | |
<audio id="powerupSound" src="sound/powerup2.ogg" preload="auto" style="display:none"></audio> | |
<audio id="crashSound" src="sound/crash2.ogg" preload="auto" style="display:none"></audio> | |
<audio id="coinUp" src="sound/coin_up3.ogg" preload="auto" style="display:none"></audio> | |
<img id="soundOnImg" src="img/speaker_on.svg" style="display:none"></img> | |
<img id="soundOffImg" src="img/speaker_off.svg" style="display:none"></img> | |
<img id="titleTextImg" src="img/title_text8.svg" style="display:none"></img> | |
<img id="againImg" src="img/icon_Refresh.png" style="display:none"></img> | |
<img id="resumeImg" src="img/icon_Playb.png" style="display:none"></img> | |
<img id="menuImg" src="img/icon_Desktop.png" style="display:none"></img> | |
<img id="nextImg" src="img/icon_Forward.png" style="display:none"></img> | |
<img id="instructImg" src="img/instructions3.svgz" style="display:none"></img> <!-- missing the header image --> | |
<img id="instructHeader" src="img/instructions_header.png" style="display:none"></img> <!-- missing the header image --> | |
</body> | |
</html> | |
3D網頁貪喫蛇遊戲(http://cycleblob.com/)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.