如何解决x和y的画布旋转效果
在使图像朝着所面对的方向移动之前,我已经取得了效果。但是现在当我尝试时,图像旋转了,但是没有朝正确的方向移动。 如何使画布中的图像朝其面对的方向移动?
我的代码:
ctx.save();
ctx.translate(bulletArray[i].x,bulletArray[i].y);
ctx.rotate(bulletArray[i].degree);
ctx.translate(-bulletArray[i].x,-bulletArray[i].y);
bulletArray[i].x++;
ctx.drawImage(bullet,bulletArray[i].x,bulletArray[i].y,10,10);
ctx.restore();
(这是在游戏循环中,因此会重复)
解决方法
如果您不想轮换,请不要使用
ctx.rotate(bulletArray[i].degree);
在您的代码中
,好的。它不旋转的原因是旋转点必须位于屏幕的中心而不是子弹。这将使子弹正确移动,而不仅仅是旋转。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。