绘制魔方的 3d 基础知识



我想在html画布元素上画一个具有一些视角的魔方,但我从未有过3d图形,视角等方面的任何经验,所以我正在寻找所有有用的资源来实现这一目标。我找到的唯一有用的链接是这个演示:

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

你当然可以使用webGL或3d javascript库与画布创建3d模型,但我个人会使用CSS3转换和翻译,而不是如果你想创建一个魔方(我保证,这将是更少的代码)。看看这个,你会受到启发的:

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

这个演示使用的是线性旋转,但是如果你使用ease-in-out旋转,旋转看起来会更自然。

这是我之前写的

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

当你开始混合颜色时,它有问题,但你可以玩代码。

相关内容

  • 没有找到相关文章

最新更新