javascript - 3d基础知识绘制魔方

Question

我想以某种视角在 html canvas 元素上绘制魔方，但我从未有过 3d 图形、透视等方面的任何经验，因此我正在寻找所有有用的资源来实现这一点。我找到的唯一有用的链接是针对此演示的:

http://oos.moxiecode.com/js_canvas/3d_cube/index.html

Answer 1

您当然可以使用 webGL 或 3-d javascript 库在 Canvas 上创建 3-d 模型，但如果您想创建一个 rubix 立方体，我个人会使用 CSS3 转换和平移(我保证，这将是很多更少的代码)。看看这个，你会受到启发:

http://www.paulrhayes.com/2009-07/animated-css3-cube-interface-using-3d-transforms/

此演示使用线性旋转，但如果您使用缓入缓出旋转，旋转看起来会自然得多。