问题描述
首先介绍一下:
去年我写了这个http://dragan.yourtree.org/code/canvas-3d-graph/
现在,我想完全重写它,因为那个旧版本有一些限制,例如:有时会发生条形不可见,因为它们一个接一个地绘制.
Now, i want to make complete rewrite of it, because that old version have some limitations, for example: sometimes it happens that bars are not visible, because they are drawn one behind another.
在这个旧版本中,没有真正的 3D,只有一堆 2D 线条,可以模拟 3D.
In this old version there is no real 3d, just bunck of 2D lines, which emulate 3D.
现在,我想要的是完整的 3D 场景,我想将所有对象保存在内存中,并添加某种 3D 导航按钮,使用户能够在所有 3 轴上旋转整个场景,并进行缩放相机进出.
Now, what i want is to go to full blown 3D scene, i want to keep all the objects in memory, and add some kind of 3D navigation buttons that will enable users to rotate whole scene on all 3 axis, and zoom camera in and out.
我已经决定使用 http://sylvester.jcoglan.com/ 作为矢量/matrix 的东西,但我仍然找不到好的 3D 教程.互联网上有大量的文本,其中大部分是 90 年代的,而且不完整或写得非常糟糕.
I've already decided that i will use http://sylvester.jcoglan.com/ for vector/matrix stuff, but i'm still unable to find good tutorial for 3D. There are tons of texts on the Internet, most of them date from the 90s, an are incomplete or written really bad.
所以,我的问题是:让我能够从头开始编写自己的 JS 3D 引擎的最佳在线资源/教程是什么.
So, my question is: what is the best online resource/tutorial that will enable me to write my own JS 3D engine from scratch.
它应该涵盖所有相关主题:
It should cover all relevant topics:
- 向量
- 矩阵
- 对象
- 相机
- 场景渲染
- 照明
- 在场景中旋转物体
- 移动相机
等等.(我对前两个相当熟悉)
etc..(i'm fairly familiar with first two)
感谢您的宝贵时间.
推荐答案
如果这是专门针对 JavaScript 相关项目,那么我理解但如果您只是为了掌握 3d 渲染的基础知识而这样做,那么可能会有更成熟的平台有你.
If this is specifically for a JavaScript related project then I understand but if you are simply doing this to grasp the basics of 3d rendering there might be more mature platforms out there for you.
无论如何..
可能对您的学习有用的链接:
Links that might be useful to your learning:
另外,一些有趣的 JavaScript 3d 示例:
Also, some fun JavaScript 3d examples:
这篇关于在 JavaScript 中进行 3D 渲染的最佳在线资源是什么?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!