案例笔记课堂笔记.docx

《案例笔记课堂笔记.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Canvas动画第2天课堂笔记（本课程共3天）目录Canvas动画1目录2一、俄罗斯方块31.1原理31.2移位运算51.3按位运算6一、俄罗斯方块1.1原理俄罗斯方块是经典中的经典，一定要自己写一遍。总代码量真的很小，是矩阵游戏，格子游戏，说白了用table就能做。先说一下规则，规则大家都懂，不自动补齐可能玩儿的时候没有注意：比如下面的情形，能够消行：消行之后：注意A块不会自动下落，因为策略是同行数下落。方块都用4*4的矩阵来表示，分别是O、L、J、Z、S、T、I型。为了记录每种形态，我们用2进制，这个格格有，就写1

2、，没有就写0。比如，O型方块就是：0000011001100000但是我们觉得2进制仍然复杂，因为每行有16种状态，所以16进制是最好的办法。16进制中1位就能表示16中情形。所以一个方块用4位就能表示。O型：0x0660L型：0x44600x0e800xc4400x2e00J型：0x44c00x8e000x64400x0e20Z型：0xc6000x2640S型：0x46200x6c00T型0xe4000x4c400x4e000x4640I型0x44440x0f001.2移位运算1vara=18;2varb=a>>2;

3、3console.log(b);>>是一个运算符，中间没有空格。表示把数字变为2进制之后，向右移动2位。18变为2进制是：10010这个数字现在要进行向右边移动两位的运算，就变为100（末尾的10被移出去了），这个100是2进制，对应的十进制是4，所以显示的是4。再来一题：1vara=59;//32+16+8+2+12//1110113varb=a>>1;//111014//1+4+8+165console.log(b);//输出29向左移位，末尾补0：1vara=4;//1002varb=a<<1;//10003co

4、nsole.log(b);//816进制的数字，也可以进行移位运算。1vara=0x1234;//10010001101002varb=a>>8;//100103console.log(b);//181.3按位运算&是一个运算符，叫做“按位与”。1就是真，0就是假。每位都进行“与”运算。1console.log(9&5);解：10010101--------00011console.log(43&28);解：10101111100----------001000

5、，按位或1console.log(43

6、28);解：10

7、101111100----------111111^，按位异或：相同是0，不同是1。1console.log(43^28);10101111100----------110111