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

Question

首先一点介绍：

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

现在，我想让它完全重写，因为旧版本有一定的局限性，例如：有时会发生这条不可见的，因为它们被一个接一个地拉开。

在旧版本没有真正的3D，只是bunck 2D线，模拟3D。

现在，我想要去全面的3D场景，我想保留在内存中的所有对象，并添加一些3D导航按钮，将使用户在所有3轴上旋转整个场景，并且放大和缩小相机。

我已经决定，我将使用http://sylvester.jcoglan.com/矢量/矩阵的东西，但我仍然无法找到很好的教程为3D。互联网上有很多文字，其中大部分都是90年代的文字，不完整或写得很糟糕。

所以，我的问题是：什么是最好的网上资源/教程将让我从头开始写我自己的JS 3D引擎。

应该涵盖所有相关主题：

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

等。 （我相当熟悉的前两个）

谢谢您的时间。

Answer 1

如果这是专门为JavaScript相关的项目，那么我明白，但如果你只是这样做来掌握3d渲染的基础知识，那么可能会有更多成熟的平台供你使用。

在任何情况下..

链接，可能是有用的，你的学习：

• Prototyping A Simple 3d Renderer In JavaScript
• 3D Basics - A Primer
• The JavaScript Raytracer
• JavaScript 3D Renderer

此外，一些有趣的JavaScript 3D例子：

• Rotating 3D Cube in JavaScript
• Wolfenstein 3D in JavaScript
• 别的在这个SO问题：Stunning graphic effects with JavaScript?

Answer 2

只是一对夫妇的建议，但可能不是你寻找什么：

我建议你看看雅各Seidelin的画布的例子在nihilogic.dk：http://blog.nihilogic.dk/search/label/canvas。

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

Answer 3

透视投影： http://www.cse.unr.edu/~bebis/CS791E/Notes/PerspectiveProjection.pdf

Answer 4

http://www.gamedev.net/

它已经相当因为我最后一次尝试做图形/游戏/ 3D任何一段时间，但我记得这个网站作为最广泛的一个已知的资源。

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

当然，这是非常通用，并覆盖更多的东西比你要求的，但它包含了数学和物理的东西好东西。

Answer 5

可悲的事实是，还有没有真正的支持JavaScript中的3D图形。
因此，您所做的任何事情都必须涉及完全实现3D渲染器（或者使用其他人已经实现的）
由于这些东西通常是用硬件实现的，而且您正在编写JavaScript，所以对于其他任何东西比琐碎的场景。

对于3D图形，Java，C＃或C++等语言会更好地为您服务。

Answer 6

有一种可用于Firefox的技术"Canvas 3D"。 还有一个名为C3DL的实用程序，它可以更容易地使用此技术。

不幸的是，据我所知，没有歌剧院/ Internet Explorer中/ WebKit的等效 - 这个插件仅适用于火狐3（Firefox 2中和Firefox 3.1测试版不支持）...