JavaScript中3D渲染的最佳在线资源是什么?

时间:2008-12-19 07:55:07

标签: javascript 3d rendering

首先介绍一下:

去年我写了http://dragan.yourtree.org/code/canvas-3d-graph/

现在,我想完全重写它,因为旧版本有一些限制,例如:有时会发生条形图不可见,因为它们是一个接一个地绘制的。

在这个旧版本中,没有真正的3D,只是2D线条,模仿3D。

现在,我想要的是进入全面的3D场景,我想将所有对象保留在内存中,并添加某种3D导航按钮,使用户可以在所有3轴上旋转整个场景,并缩放相机进出。

我已经决定将http://sylvester.jcoglan.com/用于矢量/矩阵的东西,但我仍然无法找到适合3D的精彩教程。互联网上有大量的文本,其中大多数是90年代的文本,不完整或写得非常糟糕。

所以,我的问题是:什么是最好的在线资源/教程,使我能够从头开始编写自己的JS 3D引擎。

它应涵盖所有相关主题:

  • 载体
  • 矩阵
  • 物体
  • 相机
  • 场景渲染
  • 照明
  • 在场景中旋转物体
  • 移动相机

等。 (我对前两个相当熟悉)

感谢您的时间。

6 个答案:

答案 0 :(得分:6)

如果这是专门针对JavaScript相关的项目,那么我理解,但如果您只是为了掌握3d渲染的基础知识,可能会有更多成熟的平台供您使用。

无论如何..

可能对您的学习有用的链接:

另外,一些有趣的JavaScript 3d示例:

答案 1 :(得分:0)

只是一些建议,但可能不完全是你想要的:

我建议您在nihilogic.dk上查看Jacob Seidelin的画布示例: http://blog.nihilogic.dk/search/label/canvas

如果您愿意放弃画布并使用现有的Flash库,请查看Sandy3D:http://www.flashsandy.org/demos

答案 2 :(得分:0)

答案 3 :(得分:0)

http://www.gamedev.net/

自从我上次尝试使用图形/游戏/ 3D做了一段时间以来已经有一段时间了,但我确实记得这个网站是最广为人知的资源之一。

http://www.gamedev.net/reference/

当然,它是非常通用的,涵盖了比你要求更多的东西,但它包含数学和物理方面的好东西。

答案 4 :(得分:0)

令人遗憾的是,JavaScript中的3D图形仍然没有真正的支持 因此,您所做的任何事情都必须涉及完全实现3D渲染器(或使用已经实现的其他人) 由于这些东西通常是用硬件实现的,而且你正在编写JavaScript,所以除了琐碎的场景之外,它自然会变得非常缓慢。

您可以通过Java,C#或C ++等语言为您的3D图形提供更好的服务。

答案 5 :(得分:0)

Firefox有一项名为"Canvas 3D"的技术。 还有一个名为C3DL的实用程序,可以更轻松地使用此技术。

不幸的是,据我所知,没有Opera / Internet Explorer / WebKit等效 - 这个插件仅适用于Firefox 3(不支持Firefox 2和Firefox 3.1测试版)......