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

 

首先介绍一下：

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

现在，我想对它进行完全重写，因为旧版本有一些限制，例如：有时会出现条形图不可见，因为它们被绘制在另一个之后。

在这个旧版本中，没有真正的3D，只是2D模拟的3D模拟。

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

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

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

它应该涵盖所有相关主题：

  • 矢量
  • 矩阵
  • 对象
  • 相机
  • 场景渲染
  • 灯光
  • 旋转场景上的物体
  • 移动相机

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

    感谢您的时间。

    如果这是专门针对JavaScript相关的项目，那么我明白，但如果您只是简单地掌握3d渲染的基础知识，那么您可能会有更成熟的平台。

    任何状况之下..

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

  • 在JavaScript中创建简单的3D渲染器
  • 3D基础 - 入门
  • JavaScript Raytracer
  • JavaScript 3D渲染器

    • 此外，一些有趣的JavaScript三维示例：

  • 在JavaScript中旋转3D立方体
  • Wolfenstein 3D在JavaScript中
  • 在这个任何其他的问题：使用JavaScript的令人惊叹的图形效果？

    • 只是几个建议，但可能不是你正在寻找的东西：

    我建议你看一看Jacob Seidelin在nihilogic.dk上的画布范例：http://blog.nihilogic.dk/search/label/canvas。

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

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

    链接地址: http://www.djcxy.com/p/8843.html

    上一篇: What is the best online resource for 3D rendering in JavaScript?

    下一篇: How do I load balance parallelism in tasks wherein some tasks are very costly?