teris.css
*{margin:0;padding:0;}html,body{width:100%;height:100%;}.bg{font-size:13pt;background-color:rgb(239,239,227);/*好看的渐变色*/background-image:radial-gradient(rgb(239,239,227),rgb(230,220,212));/*阴影*/box-shadow:#cdc8c1-1px-1px7px0px;padding-bottom:4px;}.ui_bg{border-bottom:1px#a69e9ea3solid;padding-bottom:2px;overflow:hidden;/*没有这句的话因为子div都设置了float，所以是浮在网页上的，所以父div就没有高度，这句清除了浮动，让父div有了子div的高度*/}
然后是重头戏，teris.js
游戏变量：
//游戏设定vartetris_rows=20;vartetris_cols=14;varcell_size=24;varno_block=0;varhave_block=1;//定义几种可能出现的方块组合varblockarr=[//z[{x:tetris_cols/2-1,y:0},{x:tetris_cols/2,y:0},{x:tetris_cols/2,y:1},{x:tetris_cols/2 1,y:1}],//反z[{x:tetris_cols/2 1,y:0},{x:tetris_cols/2,y:0},{x:tetris_cols/2,y:1},{x:tetris_cols/2-1,y:1}],//田[{x:tetris_cols/2-1,y:0},{x:tetris_cols/2,y:0},{x:tetris_cols/2-1,y:1},{x:tetris_cols/2,y:1}],//l[{x:tetris_cols/2-1,y:0},{x:tetris_cols/2-1,y:1},{x:tetris_cols/2-1,y:2},{x:tetris_cols/2,y:2}],//j[{x:tetris_cols/2,y:0},{x:tetris_cols/2,y:1},{x:tetris_cols/2,y:2},{x:tetris_cols/2-1,y:2}],//□□□□[{x:tetris_cols/2,y:0},{x:tetris_cols/2,y:1},{x:tetris_cols/2,y:2},{x:tetris_cols/2,y:3}],//┴[{x:tetris_cols/2,y:0},{x:tetris_cols/2-1,y:1},{x:tetris_cols/2,y:1},{x:tetris_cols/2 1,y:1}]];//记录当前积分varcurscore=0;//记录曾经的最高积分varmaxscore=1;varcurspeed=1;//ui元素varcurspeedele=document.getelementbyid("cur_speed");varcurscoreele=document.getelementbyid("cur_points");varmaxscoreele=document.getelementbyid("max_points");vartimer;//方块下落控制varmycanvas;varcanvasctx;vartetris_status;//地图数据varcurrentfall;//当前下落的block
游戏界面的完善
//createcanvasfunctioncreatecanvas(){mycanvas=document.createelement("canvas");mycanvas.width=tetris_cols*cell_size;mycanvas.height=tetris_rows*cell_size;//绘制背景canvasctx=mycanvas.getcontext("2d");canvasctx.beginpath();//tetris_cosfor(leti=1;i
游戏逻辑
functionrotate(){//定义记录能否旋转的旗标varcanrotate=true;for(vari=0;i
这篇文章主要介绍js如何删除数组的重复项，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
删除数组的重复项
以上是“js如何删除数组的重复项”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注恰卡编程网行业资讯频道！