js代码有些看不懂

问题描述

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html><style> div {display:block;background-color:black;position:absolute;font:17px Tahoma;color:#fff;} span {float:left;background-color:gray;width:12px;height:12px;border:4px gray outset;margin:0 1 1 0;overflow:hidden;} p {float:left;width:8px;height:8px;border:2px gray outset;overflow:hidden;margin:0;padding:0} #main {width:375px;height:430px;display:block;background-color:gray;position:relative;} #body {width:241px;height:401px;left:15px;top:15px;border:1px solid #999;} #score {width:80px;height:24px;left:270px;top:15px;padding:4px;} #level {width:80px;height:24px;left:270px;top:50px;padding:4px;} #next {width:50px;height:50px;left:270px;top:85px;border:19px black solid;} #ctrl {width:80px;height:55px;left:270px;top:360px;padding:4px;text-align:center;background-color:gray} #ctrl button{width:80px;height:25px;}</style><script> //http://www.codesky.net var G = { fs:[], fn:[], score:0, l:['#9F0','#FF3','#F33','#C0C','#33C','#0F3','#F93'], 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(){ var body = document.getElementById('body'); var next = document.getElementById('next'); for(var i=0;i<240;i++){ G.fs.push(body.appendChild(document.createElement("span"))); } for(var i=0;i<16;i++){ G.fn.push(next.appendChild(document.createElement("p"))); } G.domScore = document.getElementById('score'); G.domLevel = document.getElementById('level'); document.onkeydown=function(e){G.event(e||window.event,0)}; G.rand(); G.next(); }, timeTesk:function(){ if(G.pause)return; if(!G.move(G.x, G.y+1, G.t)){ var s = 0; for(var i=0;i<19;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.score+=++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; }, rand:function(){ G.n = G._n; G.t = G._t; G.c = G._c; G._n = parseInt(Math.random()*G.d.length); G._t = parseInt(Math.random()*G.d[G._n].length); G._c = parseInt(Math.random()*G.l.length); }, next:function(){ G.rand(); if(parseInt(G.score/20)!=G.level){ G.level = parseInt(G.score/20); clearInterval(G.handle); G.handle = setInterval("G.timeTesk()",500/(G.level+1)); } G.domScore.innerHTML = 'Score:'+G.score; G.domLevel.innerHTML = 'Level:'+G.level; var i = 0; while(!(G.d[G.n][G.t]>>i*4&0xF))i++; if(!G.move(3, i-3, G.t)){ alert('Game over!'); clearInterval(G.handle); } }, draw:function(){ for(var i=0;i<240;i++){ if((G.v[parseInt(i/12)]>>(11-i%12))&0x1){ G.fs[i].style.visibility = ''; }else if((G.m[parseInt(i/12)]>>(11-i%12))&0x1){ G.fs[i].style.visibility = ''; G.fs[i].style.borderColor = G.fs[i].style.background = G.l[G.c]; }else{ G.fs[i].style.visibility ='hidden'; } } for(var i=0;i<16;i++){ if(G.d[G._n][G._t]>>(15-i)&0x1){ G.fn[i].style.visibility = ''; G.fn[i].style.borderColor = G.fn[i].style.background = G.l[G._c]; }else{ G.fn[i].style.visibility ='hidden'; } } }, 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();'> <div id='main'> <div id='body'></div> <div id='score'></div> <div id='level'></div> <div id='next'></div> <div id='ctrl'> <button onclick="javascript:location.href=location.href;">New</button>//这下面的代码看不懂啊//[G.pause=!!!G.pause]和[G.pause=!G.pause]有去区别吗？？//有，那有什么区别，请详细讲讲。 <button onclick="javascript:this.innerHTML={'true':'Start','false':'Pause'}[G.pause=!!!G.pause];">Pause</button> </div> </GMain></body></html> 上面我注视的地方是我看不懂的地方，请帮帮我看看，如果知道麻烦给详细讲解一下，谢谢。 问题补充：<div class="quote_title">clue 写道</div><div class="quote_div">我觉得没区别，这里就是点击按钮切换pause值（true/false），并且当切换为true时显示Start，false时显示Pause</div><br />(G.d[G.n][t]&gt;&gt;(3-k)*4&amp;0xF)&lt;&lt;Math.max(x,0)&gt;&gt;-Math.min(x,0)<br />那这个了，这个表达式我也看不懂啊。&gt;&gt;表示的是位移运算，但是这样连在一起G.d[G.n][t]&gt;&gt;(3-k)*4&amp;0xF怎么解释呢？<br />希望能讲解一下，上面的表达式的意义，及执行的顺序。<br />

解决方案

囧，这个是俄罗斯方块啊...运算符优化级从高到低：()*-<< >>&这里G.d中存储的是各种形状，及它们各旋转形态下的点阵。G.v存储的是当前游戏区的点阵（每元素为1行，共20行）move的3个参数代表当前形状的x, y, 以及旋转形态索引 move:function(x,y,t){// m存储当前形状在游戏区的点阵计算结果 var m = []; for(var k=0;k<4;k++){ // 遍历4行（图形以4*4的点阵存储）// G.d[G.n][t]读取形状的4*4点阵，以M表示// M>>((3-k)*4) & 0xF 分别取从高至低的每4节点点阵，即取形状的每一行，以L表示// 最后L<<Math.max(x,0)>>-Math.min(x,0)根据当前形状的x坐标计算映射到游戏区的点阵 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; },
解决方案二：
我觉得没区别，这里就是点击按钮切换pause值（true/false），并且当切换为true时显示Start，false时显示Pause

时间： 2024-09-24 16:46:24

js代码有些看不懂的相关文章

html-AngularJS监听时间代码我看不懂，求大神解答

问题描述 AngularJS监听时间代码我看不懂,求大神解答 angular.module("ezstuff",[]) .directive("ezNamecardEditor",function(){ return { restrict : "E", template : " ", replace : true, link : function(scope,element,attrs){ //获得变量名称 var model

有关ruby一段代码，看不懂，请教ruby高手！

问题描述 require 'main' Main { mode 'install' do def run() puts 'installing...' end end mode 'uninstall' do def run() puts 'uninstalling...' end end }上面是这个gem的用法Main后直接跟block如果Main.xxx 可以理解 这是一个method可是Main直接跟,让我不能理解啊 问题补充:dream_hanker 写道 解决方案 https://gi

各位大神求解释一下代码，看不懂

问题描述 stringcomputer(){stringresult="Error";string[]nums=TextBox1.Text.Split(newchar[]{'+','-'});intx=0;intsignIndex=0;for(inti=0;i<nums.Length;i++){inty=int.Parse(nums[i]);if(i==0){x=y;continue;}if(signIndex>=numSigns)returnresult;if(signs

c语言-2048代码解释，，小白看不懂

问题描述 2048代码解释,,小白看不懂 #include #include #include #include #include int random_number_2_4();//随机出2和4 int* random_number_16(int* p);//确定随机的格子,返回指针. int main() { int end=0; long mark=0;//总分 int i,j; int c=0;//判误参数 char key;//键盘输入 int line,colum; int temp

javascript-问题如图，js代码可读性差。想知道差在哪里。请各位指出。不胜感激

问题描述 问题如图,js代码可读性差.想知道差在哪里.请各位指出.不胜感激 解决方案 第一,变量名要能体现所表示的内容,让他人能一看就明白什么意思. 第二,就是 if else 逻辑控制的问题,上面有人解释得比较清楚了. 第三,像 "未确认数据不能编制单元号!" "宗地代码不足19位不能编制单元号!" "已生成的不动产单元号不能重复编制!" 此类的返回消息应定义为常量.或者用一个变量保存,最后统一返回. 解决方案二: 因为你每个判断都是retur

ext js-Ext js添加javascript动作，看不懂，求解释。

问题描述 Ext js添加javascript动作,看不懂,求解释. screen.refresh('temp_extra_params;poll_interval=15;process;AUTO-GENERATE-REPORT;options=reportGEF020|47|REQGENERATE-XMLmessageRequest received.:lf:It may take up to 20 seconds to produce the VAF Request which will b

biginteger-Java中n!的代码看不懂啊，求解释

问题描述 Java中n!的代码看不懂啊,求解释 import java.math.BigInteger; import java.util.*; public class Main{ protected static ArrayList table = new ArrayList(); static { table.add(BigInteger.valueOf(1)); } public static synchronized BigInteger factorial(int x) { for

new-link这段代码的含义是什么？看不懂

问题描述 link这段代码的含义是什么?看不懂 var query = data.Select((x, r) =>x.Select((v, c) => new { r, c, v })); var result = query.GroupBy(x => x.c).Select(x => x.Select(y => y.v).OrderBy(x => x.r).ToArray()).ToArray(); 解决方案 我的代码? var query = data.Select

代码-有没有人帮我讲解下jsp的程序呢？实在是看不懂，网上搜索也了解了点

问题描述 有没有人帮我讲解下jsp的程序呢?实在是看不懂,网上搜索也了解了点 希望你们帮我讲讲整个代码的框架?怎么实现的,实在是看不懂,网上搜索也了解了点 解决方案 建议先看servlet,然后再了解jsp 解决方案二: JSP实际上就是是一个servlet程序,只是jsp把这个servlet封装起来,通过PrintWriter的方式,将你的jsp中的内容,以html的元素内容形式返回给页面 解决方案三: 通俗的讲,jsp就是服务端servlet运行代码的一种视图表现形式,你也可以理解为网页,只