代码之家  ›  专栏  ›  技术社区  ›  kodisha

在javascript中,3D渲染的最佳在线资源是什么?[关闭]

  •  12
  • kodisha  · 技术社区  · 17 年前

    首先介绍一下:

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

    现在,我想对它进行完全重写,因为旧版本有一些限制,例如:有时会出现条不可见的情况,因为它们被一个接一个地绘制。

    在这个旧版本中,没有真正的3D,只是一堆模拟3D的二维线条。

    现在,我想要的是进入全面展开的3D场景,我想把所有的对象都保存在内存中,并添加一些3D导航按钮,使用户能够在所有3个轴上旋转整个场景,并放大和缩小相机。

    我已经决定用 http://sylvester.jcoglan.com/ 对于矢量/矩阵的东西,我还是找不到很好的3D教程。互联网上有很多文本,大部分都是90年代的,一个是不完整的,或者写得很糟糕。

    所以,我的问题是:什么是最好的在线资源/教程,可以让我从头开始编写自己的JS3D引擎。

    它应涵盖所有相关主题:

    • 向量
    • 矩阵
    • 物体
    • 照相机
    • 场景渲染
    • 照明
    • 旋转场景中的对象
    • 移动摄像机

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

    谢谢你抽出时间。

    6 回复  |  直到 17 年前
        1
  •  6
  •   Community Mohan Dere    8 年前

    如果这是专门针对一个与javascript相关的项目,那么我理解,但是如果您只是为了掌握3D渲染的基础知识而这样做,那么您可能会有更成熟的平台。

    在任何情况下…

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

    另外,一些有趣的javascript 3D示例:

        2
  •  0
  •   Alterlife    17 年前

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

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

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

        4
  •  0
  •   hasen    17 年前

    http://www.gamedev.net/

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

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

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

        5
  •  0
  •   shoosh    17 年前

    可悲的是,在javascript中仍然没有对3D图形的真正支持。
    因此,您所做的任何事情都必须完全实现一个3D渲染器(或者使用已经实现的其他人)。
    因为这些东西通常是在硬件中实现的,并且您正在编写JavaScript,所以对于任何比琐碎场景更慢的场景来说,都是很自然的。

    您将更好地为Java、C或C语言提供3D图形服务。

        6
  •  0
  •   luiscubal    17 年前

    有一种技术叫做 "Canvas 3D" 可用于Firefox。 还有一个实用程序叫做 C3DL 这使得使用这项技术更加容易。

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