如何使用 canvas 实现 3D 模型查看器,例如 wowhead 网站使用的那个?

How can I implement a 3D model viewer using canvas such as the one used by wowhead's website?

今天我遇到了 wowhead's 3d model viewer(你应该能够在右侧横幅上看到一个交互式 3d 蜘蛛模型),它似乎使用 HTML5 canvas 来渲染交互式 3d 模型。问题是我仍然没有弄清楚如何对个人应用程序做同样的事情。

也许有人可以分享一些有关此类 3d 功能的知识。

不久前,我为一个学校项目制作了一些原型。我用了GLGE framework after failing with SceneJS

结果虽然丑陋,但显示了如何在 WebGL 视图中加载和卸载模型。这导致配置动作人偶的可能性。仍然可以在这里找到该演示,我不打算很快将其删除。

http://goleztrol.nl/SO/GLGE/03/

从那以后我就没怎么尝试过 3D,我也不记得所有的细节,但这是我第一次尝试,只有几十行代码,所以应该很漂亮直截了当。

虽然代码是荷兰语,但注释很好。因此,如果您 运行 遇到问题,请告诉我,我会尝试翻译评论,也许将所有内容都放在 fiddle 中,并可能再次深入研究以解释您不清楚的细节.