首先介绍一下:
去年我写了http://dragan.yourtree.org/code/canvas-3d-graph/
现在,我想完全重写它,因为旧版本有一些限制,例如:有时会发生条形图不可见,因为它们是一个接一个地绘制的。
在这个旧版本中,没有真正的3D,只是2D线条,模仿3D。
现在,我想要的是进入全面的3D场景,我想将所有对象保留在内存中,并添加某种3D导航按钮,使用户可以在所有3轴上旋转整个场景,并缩放相机进出。
我已经决定将http://sylvester.jcoglan.com/用于矢量/矩阵的东西,但我仍然无法找到适合3D的精彩教程。互联网上有大量的文本,其中大多数是90年代的文本,不完整或写得非常糟糕。
所以,我的问题是:什么是最好的在线资源/教程,使我能够从头开始编写自己的JS 3D引擎。
它应涵盖所有相关主题:
等。 (我对前两个相当熟悉)
感谢您的时间。
答案 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)
自从我上次尝试使用图形/游戏/ 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测试版)......