绘制魔方的3D基础知识

mik*_*eck 1 javascript 3d canvas perspective rubiks-cube

我想在html canvas元素上绘制一个Rubik's Cube,但是我从来没有任何3D图形,透视等经验.所以我正在寻找所有有用的资源来实现这一目标.我发现的唯一有用的链接是这个演示:

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

Eri*_*ell 7

你当然可以使用webGL或三维javascript库创建带有画布的三维模型,但如果你想创建一个rubix多维数据集,我会亲自使用CSS3变换和翻译(我保证,它将是很少的代码) .看看这个,你会受到启发:

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

这个演示使用的是线性旋转,但是如果使用轻松旋转,旋转看起来会更加自然.