【问题标题】:What is the best and fastest way to load external geometries into Three.js, without impacting on UI在不影响 UI 的情况下,将外部几何加载到 Three.js 中的最佳和最快方法是什么
【发布时间】:2014-08-29 20:25:20
【问题描述】:

目前我正在将大量 .obj 文件(共 20MB)加载到 Three.js 中。加载文件后一切正常,但问题是 Three.JS 需要大约 25 秒来加载和处理数据,并且用户无法与页面交互,这很烦人。
这些文件只包含几何图形,没有动画和材质,所以我想知道是否有更好的方法可以将几何图形加载到 Three.JS 中。我阅读了很多关于 webworkers 和缓冲几何的内容,但直到现在我还没有找到一个明确的解决方案来解决我的问题。
希望有人能给我一个提示。

【问题讨论】:

    标签: javascript three.js geometry loader web-worker


    【解决方案1】:

    试试examples/js/loaders/ctm/CTMLoader.js,因为它可以非常有效地打包对象。您可以使用在http://openctm.sourceforge.net/ 找到的工具转换对象

    我认为当模型插入场景中时,您无法避免 UI 冻结,但 OpenCTM 应该确实可以减少这个问题。还有一个examples/js/loaders/ctm/CTMWorker.js

    实时示例:http://threejs.org/examples/#webgl_loader_ctmhttp://threejs.org/examples/#webgl_loader_ctm_materials

    【讨论】:

      【解决方案2】:

      我才刚开始三个.js

      但我认为这可能会对你有所帮助

      http://threejs.org/docs/index.html#Reference/Loaders/Loader .addStatusElement() 可以用作几何加载的调试工具

      关于减少加载时间,本网站解释了“使用单个绘制调用绘制多个对象”(但不使用 .obj 文件) http://www.html5rocks.com/en/tutorials/webgl/million_letters/#toc-efficientwebgl

      关于“缓冲几何”,以下问题的答案给出了缓冲几何的简明轮廓,关于“Verold Studio”http://www.verold.com/

      Fastest method to load a large number of objects in Three.js?

      感谢您的建议@Armam 我取消删除我的答案只是为了感谢您的建议。 (您可以删除此评论) 如果它不是太麻烦你能告诉我如何用更简洁的方式重新格式化这个问题 https://stackoverflow.com/questions/25312778/i-need-help-understanding-the-math-in-a-three-js-simple-animation

      @spencer7593 感谢您的意见,我还没有掌握提出好的问题,但我非常感谢您的建议。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2019-08-13
        • 2012-12-09
        • 2017-08-02
        • 1970-01-01
        • 2021-08-05
        相关资源
        最近更新 更多