Javascript 绘制魔方的3d基础知识

Javascript 绘制魔方的3d基础知识,javascript,canvas,3d,perspective,rubiks-cube,Javascript,Canvas,3d,Perspective,Rubiks Cube,我想用一些透视图在html画布元素上绘制一个魔方,但我从来没有任何3d图形、透视图等方面的经验。所以我正在寻找所有有用的资源来实现这一点。我找到的唯一有用的链接是这个演示: 您当然可以使用webGL或3-d javascript库使用canvas创建3-d模型,但我个人会使用CSS3转换和翻译,如果您想创建rubix多维数据集,我保证,代码会少得多。看看这个,你会受到启发: 本演示使用的是线性旋转,但如果您使用“轻松输入输出”旋转,旋转看起来会更自然。您当然可以使用webGL或三维javascr

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


您当然可以使用webGL或3-d javascript库使用canvas创建3-d模型,但我个人会使用CSS3转换和翻译,如果您想创建rubix多维数据集,我保证,代码会少得多。看看这个,你会受到启发:


本演示使用的是线性旋转,但如果您使用“轻松输入输出”旋转,旋转看起来会更自然。

您当然可以使用webGL或三维javascript库使用画布创建三维模型,但我个人会使用CSS3转换和翻译,如果您想创建rubix多维数据集,我保证,这将是更少的代码。看看这个,你会受到启发:


本演示使用线性旋转,但如果使用“缓进-缓出”旋转,旋转看起来会更自然。

我不久前写过这篇文章


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

我不久前写了这封信


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

有一些Java小程序可以画等距魔方,可能会有帮助。有一些Java小程序可以画等距魔方,可能会有帮助。