俄罗斯方块中方块的旋转变形

本文探讨了如何使用JavaScript实现俄罗斯方块游戏中方块的逆时针旋转算法。通过坐标平移和旋转原理,详细解释了绕固定点(x0,y0)逆时针旋转90度的坐标变换公式,并提供了实际工程代码片段,读者可以在作者的博客中查看完整代码。
摘要由CSDN通过智能技术生成

本文针对用js编写俄罗斯方块的时候,方块的旋转变形算法,以逆时针旋转为例,下图为旋转的说明图


第一次用visio画图,画的很不好,坐标(x,y)绕(x0,y0)逆时针旋转90度后的坐标为(x0+y0-y,y0-x0+x)。如图。假设(x0,y0)点为原点(0,0),(x,y)绕原点旋转90度后的坐标为(-y,x),当绕(x0,y0)旋转时,可以先把(x.y)坐标平移到(x-x0,y-y0)点,等于是基于原点旋转,旋转后坐标为(-(y-y0),(x-x0)),然后再平移回来,即所得坐标(x0+y0-y,y0-x0+x)。

下面是我工程的旋转部分的代码,完整的俄罗斯方块代码可以去我的博客代码片查看https://code.csdn.net/snippets/1675026

//定义旋转
var
  • 4
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值