为了达到最精简的写法，整个程序的运行是围绕着位操作进行的。
一共用了不到100代码(常规写法)，实现了最基本的变形、下落、消除、积分的功能。
操作：
上（变形），下(加速），左（左移），右（右移），空格（落到底）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<style>
GBody {width:241px;height:401px;display:block;background-color:black;}
GSpan {background-color:gray;float:left;width:12px;height:12px;border:4px gray outset;margin:0 1 1 0;overflow:hidden;}
</style>
<script>
//By: X!ao_f QQ:120000512
var G = {
s:0,
f:[],
m:[],
v:[0x801,0x801,0x801,0x801,0x801,0x801,0x801,0x801,0x801,0x801,0x801,0x801,0x801,0x801,0x801,0x801,0x801,0x801,0x801,0xFFFF],
d:[[0xCC00],[0x4444,0xF0],[0x8C40,0x6C00],[0x4C80,0xC600],[0x44C0,0x8E00,0xC880,0xE200],[0x88C0,0xE800,0xC440,0x2E00],[0x4E00,0x8C80,0xE400,0x4C40]],
init:function(c){
c = c.appendChild(document.createElement("GBody"));
for(var i=0;i<240;i++){
G.f.push(c.appendChild(document.createElement("GSpan")));
}
document.onkeydown=function(e){G.event(e||window.event,0)};
G.next();
setInterval("G.timeTesk()",500);
},
timeTesk:function(){
if(!G.move(G.x, G.y+1, G.t)){
var s = 0;
for(var i=0;i<20;i++){
G.v[i]=G.v[i]|G.m[i];
if(G.v[i]==0xFFF){
for(var k=i;k>0;k--){
G.v[k] = G.v[k-1];
}
G.s+=++s;
}
}
G.next();
return false;
}
G.draw();
return true;
},
move:function(x,y,t){
var m = [];
for(var k=0;k<4;k++){
m[y+k] = (G.d[G.n][t]>>(3-k)*4&0xF)<<Math.max(x,0)>>-Math.min(x,0);
if(m[y+k] & G.v[y+k]){
return false;
}
}
G.x = x;
G.y = y;
G.t = t;
G.m = m;
G.draw();
return true;
},
next:function(){
var i = 0;
G.n = parseInt(Math.random()*G.d.length);
G.t = parseInt(Math.random()*G.d[G.n].length);
while(!(G.d[G.n][G.t]>>i*4&0xF))i++;
if(!G.move(3, i-3, G.t)){
alert('Game over!');
}
},
draw:function(){
for(var i=0;i<240;i++){
if((G.v[parseInt(i/12)]>>(11-i%12))&0x1||(G.m[parseInt(i/12)]>>(11-i%12))&0x1){
G.f[i].style.visibility = '';
}else{
G.f[i].style.visibility ='hidden';
}
}
document.title = 'score:'+G.s;
},
event:function(e,t){
switch(e.keyCode){
case 37:
G.move(G.x + 1, G.y, G.t);
break;
case 39:
G.move(G.x - 1, G.y, G.t);
break;
case 38:
G.move(G.x, G.y, (G.t + 1) % G.d[G.n].length);
break;
case 40:
G.timeTesk();
break;
case 32:
while(G.timeTesk());
}
}
}
</script>
<body onload='G.init(document.body);'></body>
</html>
分享到：
相关推荐
JavaScript俄罗斯方块是一款经典的编程学习项目，非常适合初学者入门。这个项目主要涉及到以下几个核心知识点： 1. **HTML基础知识**：`a.html` 文件是网页的基本结构，它包含了游戏的界面元素，如游戏区域、得分...
终端俄罗斯方块利用ASCII字符或Unicode图形来呈现游戏画面，虽然没有华丽的3D图形，但这种极简主义风格反而别具一格，有一种独特的怀旧魅力。 从“terminally-tetris-master”这个压缩包文件名来看，这很可能是该...
项目工程资源经过严格测试运行并且功能上ok，可实现复现复刻，拿到资料包后可实现复现出一样的项目，本人系统开发经验充足（全栈全领域），有任何使用问题欢迎随时与我联系，我会抽时间努力为您解惑，提供帮助 【资源内容】：包含源码+工程文件+说明等。答辩评审平均分达到96分，放心下载使用！可实现复现；设计报告也可借鉴此项目；该资源内项目代码都经过测试运行，功能ok 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能 【提供帮助】：有任何使用上的问题欢迎随时与我联系，抽时间努力解答解惑，提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 下载后请首先打开说明文件（如有）;整理时不同项目所包含资源内容不同;项目工程可实现复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用
内容概要：本文档提供了关于数据分析全面的知识介绍与实战资源链接。首先，在数据分析的基础教程部分讲述了使用Python以及R两种语言来进行实际的数据分析工作所需具备的各项基本技能。其次，进阶教程涵盖从机器学习到深度学习的概念及其Python具体应用场景。接着，在工具有效利用层面介绍了多种热门库与平台的作用特点。在项目实践中，列举了四个实战案例：Titanic幸存者预测、房价预测、社交媒体情感倾向分析以及市场顾客购买模式研究，每个项目都有详细的技术流程指引。另外列出多个外部网站资源供进一步提升学习。 适用人群：本文主要面向有志于从事数据挖掘工作的学生和技术爱好者，同时也可辅助在职人士自我能力进阶。无论是在学术科研还是实际业务需求环境中都值得研读。 使用场景及目标：学习者将能够获取到系统的理论知识体系，熟悉业界主流软件包的功能优势，掌握具体业务问题解决方案路径，提高自身的综合技术素质，从而为个人职业规划增添竞争力。 其他说明：文档里推荐了不少高质量参考资料和实用线上学习社区，能有效补充专业知识空白并促进社交协作交流。
从埃安泰国工厂竣工看中国车企加快海外建厂步伐.pptx
复现改进的L-SHADE差分进化算法求解最优化问题详解：附MATLAB源码与测试函数集,复现改进的L-SHADE差分进化算法求解最优化问题详解：MATLAB源码与测试集全攻略,复现改进的L-SHADE差分进化算法求最优化问题 对配套文献所提出的改进的L-SHADE差分进化算法求解最优化问题的的复现，提供完整MATLAB源代码和测试函数集，到手可运行，运行效果如图2所示。 代码所用测试函数集与文献相同：对CEC2014最优化测试函数集中的全部30个函数进行了测试验证，运行结果与文献一致。 ,复现; 改进的L-SHADE差分进化算法; 最优化问题求解; MATLAB源代码; 测试函数集; CEC2014最优化测试函数集,复现改进L-SHADE算法：最优化问题的MATLAB求解与验证
可选择参考电压与输出电压 可选择电阻精度以及输出电压误差值
西门子博途三部十层电梯程序案例解析：基于Wincc RT Professional V14及更高版本的应用探索,西门子博途三部十层电梯程序案例解析：基于Wincc RT Professional画面与V14及以上版本技术参考,西门子1200博途三部十层电梯程序案例，加Wincc RT Professional画面三部十层电梯程序，版本V14及以上。 程序仅限于参考资料使用。 ,西门子;1200博途;三部十层电梯程序案例;Wincc RT Professional;V14以上程序版本。,西门子V14+博途三部十层电梯程序案例：Wincc RT Pro专业画面技术解析
2023政务大数据解决方案.pptx
项目工程资源经过严格测试运行并且功能上ok，可实现复现复刻，拿到资料包后可实现复现出一样的项目，本人系统开发经验充足（全栈全领域），有任何使用问题欢迎随时与我联系，我会抽时间努力为您解惑，提供帮助 【资源内容】：包含源码+工程文件+说明等。答辩评审平均分达到96分，放心下载使用！可实现复现；设计报告也可借鉴此项目；该资源内项目代码都经过测试运行；功能ok 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能 【提供帮助】：有任何使用上的问题欢迎随时与我联系，抽时间努力解答解惑，提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 下载后请首先打开说明文件（如有）;整理时不同项目所包含资源内容不同;项目工程可实现复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用
内容概要：本文介绍了基于Java的学业跟踪评价系统的详细设计与实现，涵盖系统的多维度数据整合与评价、智能化学习建议、数据可视化和实时反馈等方面。系统通过收集课堂表现、作业成绩、考试成绩等多源数据，对学生的学业表现进行全面跟踪和评价，提供可视化反馈以及个性化的学习建议，促进家校互动，助力学生全面素质提升和发展。 适合人群：具备一定Java编程经验的研究者和开发者，特别是从事教育信息化领域的从业人员和技术爱好者。 使用场景及目标：该系统主要用于K12教育阶段、高等教育以及其他涉及教育培训的场景。其目的是提高教育管理效率、推进教育数字化转型和个人化教育实施。 其他说明：该文档详细介绍了系统的设计思路、功能模块和技术细节，并提供了完整的程序代码以及GUI设计说明。对于希望深入了解或实际部署学业跟踪评价系统的机构非常有参考价值。文中强调技术创新与实践经验相结合，突出了实用性和前瞻性特点。
项目工程资源经过严格测试运行并且功能上ok，可实现复现复刻，拿到资料包后可实现复现出一样的项目，本人系统开发经验充足（全栈全领域），有任何使用问题欢迎随时与我联系，我会抽时间努力为您解惑，提供帮助 【资源内容】：包含源码+工程文件+说明等。答辩评审平均分达到96分，放心下载使用！可实现复现；设计报告也可借鉴此项目；该资源内项目代码都经过测试运行；功能ok 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能 【提供帮助】：有任何使用上的问题欢迎随时与我联系，抽时间努力解答解惑，提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 下载后请首先打开说明文件（如有）;整理时不同项目所包含资源内容不同;项目工程可实现复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用
erlang安装包，rabbmit安装环境
linux 下的oracle数据库的开机启动脚本，将里面的/home/oracle/app/oracle/product/11.2.0/dbhome_1 都改成你的oracle数据库的路径。在root用户下chmod +x 添加执行权限，然后./oracle_setup.sh 执行即可。
基于目标级联分析法的多微网主动配电系统自治优化经济调度算法实现与初级应用,基于目标级联分析法的多微网主动配电系统自治优化经济调度算法实践：初级拉格朗日算法应用,GAMS代码：基于目标级联分析法的多微网主动配电系统自治优化经济调度 该代码并非完全复现该文献，而是参照文献 《基于目标级联分析法的多微网主动配电系统自治优化经济调度》 的目标级联分析法（ATC）的算法部分，采用初级的拉格朗日算法，主网与配网部分模型较为简化。 代码结构完整，注释详细，可读性较强，可以在此基础上进行修改或者移植。 适用于初学者学习ATC模型 ,GAMS代码;目标级联分析法(ATC);微网主动配电系统;自治优化经济调度;拉格朗日算法;主网与配网模型简化;代码结构完整;注释详细;可读性强;初学者学习ATC模型。,基于ATC算法的GAMS多微网经济调度优化代码：简化版学习指南
基于ISODATA改进算法的负荷场景曲线聚类——适用于风光场景生成的高效算法创新,基于ISODATA改进算法的负荷场景曲线聚类（适用于风光场景生成，包含K-means等多种聚类方法与效果评价）,基于ISODATA改进算法的负荷场景曲线聚类（适用于风光场景生成） 摘要：代码主要做的是一种基于改进ISODATA算法的负荷场景曲线聚类，代码中，主要做了四种聚类算法，包括基础的K-means算法、ISODATA算法、L-ISODATA算法以及K-L-ISODATA算法，并且包含了对聚类场景以及聚类效果的评价，通过DBI的计算值综合对比评价不同方法的聚类效果，程序实现效果非常好，适合对于算法创新有需求的人，且也包含基础的k-means算法，用来学习也非常棒 另外，此代码同样适用于风光场景生成，自己准备好风光场景数据即可 代码非常精品，有部分注释； ,核心关键词： 1. 基于ISODATA改进算法 2. 负荷场景曲线聚类 3. K-means算法 4. 聚类场景评价 5. 聚类效果评价 6. DBI计算值 7. 算法创新需求 8. 风光场景生成 以上关键词用分号分隔为： 1. 基于ISO
xPack qemu arm 是一款高性能且跨平台的 ARM 架构虚拟机
莫理莉+AI+为新型能源系统赋能-技术与建筑建筑供配电论坛琶洲.pptx
学生毕业离校系统(源码+数据库+论文+ppt)java开发springboot框架javaweb，可做计算机毕业设计或课程设计 【功能需求】 本系统分为学生、教师、管理员3个角色 （1）学生功能需求 学生进入系统可以查看首页、个人中心、离校流程、网站公告、费用结算管理、论文审核管理、我的收藏管理等操作。 （2）教师功能需求 教师进入系统可以查看首页、学生管理、离校流程管理、费用结算管理、论文审核管理等操作。 （2）管理员功能需求 管理员登陆后，主要功能模块包括首页、个人中心、学生管理、教师管理、离校信息管理、费用结算管理、论文审核管理、管理员管理、留言板管理、系统管理等功能。 【环境需要】 1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。 2.IDE环境：IDEA，Eclipse,Myeclipse都可以。 3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可 4.数据库：MySql 5.7/8.0等版本均可； 【购买须知】 本源码项目经过严格的调试，项目已确保无误，可直接用于课程实训或毕业设计提交。里面都有配套的运行环境软件，讲解视频，部署视频教程，一应俱全，可以自己按照教程导入运行。附有论文参考，使学习者能够快速掌握系统设计和实现的核心技术。