首页 > 解决方案 > Javascript画布:如何使对象仅围绕y轴旋转(2d)

问题描述

几乎我试图让落叶在屏幕上保持平展的同时旋转,我制作了一个函数 draw_leafs 成功绘制了叶子但是当我rotate在 draw_leafs 函数中使用将它们中的每一个设置在不同的起始位置时,它使它们中的一些旋转出屏幕或以我们看到它们背面的方式翻转,但我总是希望叶子有一个正面视图,并且只沿着平面(沿着 y 轴)旋转。

我还没有进入动画步骤,我只想绘制第一片叶子,使它们每个都有不同的旋转,同时都面向相机。

我将它们设置为随机旋转度角的方式是这样的:

r = Math.random() * 360 * Math.PI / 180;

我希望我说得够清楚。

标签: javascripthtmlcanvas

解决方案


推荐阅读