如何仅使用画布制作旋转物体(球体,盒子等)

时间:2010-12-04 15:57:48

标签: javascript canvas rotation

我想仅使用画布制作旋转对象(球体,方框等)。但我找不到教程。帮助如果您在某处看到或解释如何操作。

喜欢这个example,只是没有任何影响

2 个答案:

答案 0 :(得分:1)

希望你喜欢数学。如果您愿意编写一些代码,可以始终在2D平面上实现3D效果。

一些可能有用的资源:

An Intro to Computer Graphics

并获得数学方面的帮助,

A Book on Linear Algebra

答案 1 :(得分:-1)

好吧,理论上这很简单。一种方法是只设置一个计时器,然后当它触发时,清除画布并重绘你的球体,盒子。为了使它更快,你可以覆盖画布的一个区域而不是整个画面。你也可以获得png精灵并在画布上移动它们。

我通过尝试穿着睡衣画布包装进入这个东西,这意味着你可以在python中编码然后将其编译成js,这对我来说更友好。

http://pyjs.org/examples/gwtcanvas/output/GWTCanvasDemo.html

注意,这个演示稍微有点笨拙,但是如果你做一个git pull,示例代码会编译并运行得很好。