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

Question

我想在 html 画布元素上用一些透视图绘制一个魔方，但我从未有过 3d 图形、透视图等方面的经验，所以我正在寻找所有有用的资源来实现这一点。我发现的唯一有用的链接是这个演示：

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

Answer 1

您当然可以使用 webGL 或 3-d javascript 库使用画布创建 3-d 模型，但如果您想创建一个 rubix 立方体，我个人会使用 CSS3 转换和翻译（我保证，这将是更少的代码） . 看看这个，你会受到启发：

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

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

Answer 2

我不久前写了这个

http://www.pascarello.com/canvas/rubikscube/

当您开始混合颜色时会出现问题，但您可以使用代码。