javascript - 在 HTML5 上绘制不同视角的模型

Question

好吧，这是我为我的计算机图形课选择做的一个项目 - 画一架可以从不同 Angular 观看的三 Angular 钢琴。

我还没有开始工作，我刚刚在 HTML5:Graphics and Animation with Canvas 上完成了 lynda.com 类(class).我可以看到人们如何制作一个立方体或一个球，这些简单的图形。但我不知道我应该如何进行我的项目。一个一个地定义每个小表面，肯定会非常乏味。我应该多学点吗？ WebGL 还是其他？还是“乏味”的方式是“好”的方式？你有什么建议？

Answer 1

“不同的 Angular ”意味着您想要建模和渲染三维对象。

这是成功的秘诀:

• 在任何开源和免费建模应用程序中设计您的模型(三 Angular 钢琴)，例如 Blender

• 然后，学习 Three.js 的基础知识或类似的 WebGL 框架，简化了渲染 3D 场景的复杂过程

• 从 Blender 导出您的模型并将其导入您的 Three.js JavaScript。

可以将对象渲染到 <canvas>在没有 WebGL 的 Three.js 上，但使用 WebGL 后端可以大大简化流程，我强烈建议坚持使用 WebGL。

Here are is one of Three.js examples showing some modeled cars from different angles (cameras) .

HTML5 Canvas API 主要用于 2D 图形，并不适合您的目的，因为您已经注意到它的局限性。