<!DOCTYPE html>
<HTML lang="en-AU">
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=GBK">
<META name="author" content="Benjamin Joffe">
<META name="Content-Script-Type" content="text/javascript">
<META name="Content-Style-Type" content="text/css">
<STYLE>
<!--
@import "/css/main4.css";
-->
#container {
margin:0 auto;
text-align:center;}
.cyr {
text-align:center;}
</STYLE>
<SCRIPT type="text/javascript" src="./index_files/main.js"></SCRIPT>
<STYLE type="text/css">
<!--
@import "css/all.css";
-->
</STYLE>
<SCRIPT type="text/javascript" src="./index_files/logic_min2.js"></SCRIPT>
</HEAD>
<BODY style="visibility: visible; ">
<DIV id="benjoffe">
<DIV id="content">
<DIV id="loading" style="display: none; "><IMG src="./index_files/loading.gif" alt="" style="width:16px;height:16px;vertical-align:top;"> Loading game...</DIV>
<SCRIPT type="text/javascript"><!--
if (!window.CanvasRenderingContext2D)
{
document.getElementById('loading').innerHTML = 'Your browser doesn\'t support canvas, if you are using IE then the <a href="v1/">older version</a> will likely work.<br>I suggest you download a standards compliant browser such as <a href="http://www.opera.com/">Opera</a>.';
}
else
{
document.getElementById('loading').innerHTML = '<img src="img/loading.gif" alt="" style="width:16px;height:16px;vertical-align:top;"> Loading game...';
}
--></SCRIPT>
<DIV id="container" style="visibility: visible; ">
<DIV id="menu" style="display:none; ">
<DIV id="menu_area">
<DIV id="screen0">
<DIV id="helpBox">
<P><B>玩法</B><BR>
Use the arrow keys to guide the falling blocks, spacebar and the up-arrow will rotate the block in opposite directions.
Alternatively the keys A,W,S and D can be used as arrow keys for the same purpose.<BR>
<BR>
When a complete horizontal ring of 15 blocks is occupied by pieces the row will collapse and earn 100 points.
If multiple rows are cleared at a time you will earn bonus points. </P></DIV>
<DIV id="copy">©2010 <A href="http://www.html5china.com/">HTML5China.com</A></DIV>
<DIV id="but_main0" class="but"></DIV>
</DIV>
<DIV id="screen1">
<DIV id="go1" class="but"></DIV>
<DIV id="go2" class="nonstick"></DIV>
<DIV id="go3" class="nonstick"></DIV>
<DIV id="but_main1" class="but"></DIV>
</DIV>
<DIV id="screen2">
<DIV id="quote">"A <B>circle</B> may be small, yet it may be as mathematically beautiful and perfect as a large one."<BR>
<SPAN>- Isaac Disraeli</SPAN></DIV>
<DIV id="but_play" class="but"></DIV>
<DIV id="but_settings" class="but"></DIV>
<DIV id="but_high" class="but"></DIV>
<DIV id="but_help" class="but"></DIV>
</DIV>
<DIV id="screen3">
<SELECT id="bestType">
<OPTION>Traditional</OPTION>
<OPTION>Time Attack</OPTION>
<OPTION>Garbage</OPTION>
</SELECT>
<DIV id="best1"><B>Traditional</B><BR>
1. Empty (0)<BR>
2. Empty (0)<BR>
3. Empty (0)</DIV>
<DIV id="best2"><B>Time Attack</B><BR>
1. Empty (0)<BR>
2. Empty (0)<BR>
3. Empty (0)</DIV>
<DIV id="best3"><B>Garbage</B><BR>
1. Empty (59:59)<BR>
2. Empty (59:59)<BR>
3. Empty (59:59)</DIV>
<DIV id="but_main2" class="but"></DIV>
</DIV>
<DIV id="screen4">
<DIV id="div_base">
<LABEL>Skin:
<SELECT id="set_base">
<OPTION>Glass</OPTION>
</SELECT>
</LABEL>
</DIV>
<DIV id="div_ghost">
<LABEL>
<INPUT id="set_ghost" type="checkbox">
Show ghost</LABEL>
</DIV>
<DIV id="but_main3" class="but"></DIV>
</DIV>
</DIV>
</DIV>
<DIV id="out"></DIV>
<DIV id="playing" style="background-image: url(img/base0.png); ">
<CANVAS id="canvas" width="200" height="400" style="opacity: 0; "></CANVAS>
<DIV id="paused" style="opacity: 1; display: block; ">
<DIV id="but_resume" class="but"></DIV>
<DIV id="but_restart" class="but"></DIV>
<DIV id="but_quit" class="but"></DIV>
</DIV>
<DIV id="panel" style="display: none; ">
<DIV id="title1" style="display: block; "></DIV>
<DIV id="title2" style="display: none; "></DIV>
<DIV id="title3" style="display: none; "></DIV>
<DIV id="score">0</DIV>
<DIV id="time">0:00</DIV>
<DIV id="next" style="background-position: -240px 0px; "></DIV>
<DIV id="but_pause" class="but"></DIV>
</DIV>
<DIV id="gameover" style="display: block; ">
<DIV id="winner" style="display: block; ">
<FORM id="high_form">
You have achieved a high score, please enter your name:<BR>
<INPUT type="text" id="high_name" maxlength="20">
<INPUT type="submit" value="OK">
</FORM>
</DIV>
<DIV id="newgame" style="display: none; ">
<DIV id="sorryText"></DIV>
<DIV id="skull"></DIV>
<DIV id="but_restart2" class="but"></DIV>
<DIV id="but_main4" class="but"></DIV>
</DIV>
</DIV>
</DIV>
<DIV id="close" class="nonstick" style="left: 435px; top: 185px; "></DIV>
</DIV>
</DIV>
<DIV id="foot">
<script src="http://s15.cnzz.com/stat.php?id=2297124&web_id=2297124" language="JavaScript"></script>
</div>
</DIV>
</DIV>
<SCRIPT type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</SCRIPT>
<SCRIPT src="./index_files/ga.js" type="text/javascript"></SCRIPT>
<SCRIPT type="text/javascript">try {var pageTracker = _gat._getTracker("UA-7116912-1");pageTracker._trackPageview();} catch(err) {}</SCRIPT>
</BODY>
</HTML>
纯JS编写的3d动态俄罗斯方块，完整源码.rar
版权申诉
12 浏览量
2023-01-27
15:32:22
上传
评论
收藏 274KB RAR 举报
纯JS编写的3d动态俄罗斯方块，完整源码.rar （35个子文件） 
纯JS编写的3d动态俄罗斯方块，完整源码 index_files 
loading.gif 1KB
main.js 154B ga.js 25KB logic_min2.js 30KB index.htm 6KB img 
but_restart.png 6KB base0.png 27KB title_garbage.png 23KB title_traditional.png 13KB but_resume.png 6KB title_settings.png 5KB but_play.png 5KB title_help.png 3KB but_settings.png 6KB but_main.png 6KB
splash.jpg 6KB menu.png 18KB loading.gif 1KB game_over.png 7KB but_help.png 4KB panel.png 5KB bg.png 389B but_high.png 8KB close.png 5KB title_time.png 14KB blocks.png 18KB modes.png 4KB paused.png 5KB but_quit.png 5KB coins.png 27KB title_high.png 7KB but_pause.png 5KB but_go.png 8KB css main4.css 2KB all.css 7KB资源评论
