我想在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/当你开始混合颜色时,它有问题,但你可以玩代码。