平面直角坐标系

某点(ab)绕点(mn)旋转θ°后得到的点为(x , y)

可用到公式

x = (a-m)*cos(θ)-(b-n)*sin(θ)+m

y=(a-m)*sin(θ)+(b-n)*cos(θ)+n

我的需求只需要旋转90`:

因为:

sin90` = 1,cos90` = 0

所以:

x = m+n-b

y = a-m+n

所以在只是逆时针旋转90`的情况下只要用上面公式就行

俄罗斯方块

js代码实现90`旋转:(逆时针旋转  不是完整游戏代码,不可直接运行)

tmpBlock = copyBlock(active);// 也是个方法 用于复制数组 并且返回

//求中心点
cx = Math.round((active[0].x+active[1].x+active[2].x+active[3].x)/4);
cy = Math.round((active[0].y+active[1].y+active[2].y+active[3].y)/4);

console.log("cx = "+cx); console.log("cy = "+cy); erase(active);//这也是个方法 用于擦除画面 //平面直角坐标系 按某点旋转90°公式 for(var i=0; i<4; i++){ tmpBlock[i].x = cx+cy-active[i].y; //console.log("tmpBlock["+i+"].x:"+tmpBlock[i].x); tmpBlock[i].y = active[i].x-cx+cy; //console.log("tmpBlock["+i+"].y:"+tmpBlock[i].y); } active = tmpBlock; paint(active);//这是个方法 用于绘制图形

效果:

初始效果

点击键盘上以后:

很有趣是吧,等我全部研究完了,会出个教程

 

转载于:https://www.cnblogs.com/wobeinianqing/p/7677649.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值