【问题标题】:THREE: Controls are not smooth due to lots of models三:模型多,控制不流畅
【发布时间】:2015-08-23 20:11:24
【问题描述】:

我正在用threejs开发一个房间,有很多模型,如沙发、墙壁、地板、窗帘、地毯、桌子、墙板等(都是3ds max模型)。所以我的问题是控件不流畅,我也尝试过轨道操作 firstPersonControls 但在操作时都被卡住了。请帮忙?

【问题讨论】:

  • 您的意思是您的 FPS 太低而无法进行流畅的渲染,或者摄像机的移动对于轨道和 FP 控制来说太粗鲁了?你有链接的例子吗?
  • 1/2 希望当我打开一个未知场景时,我会查看我的操作系统控制面板,因为如果我不关闭它,我的笔记本电脑就会崩溃。移动访问者怎么样..如果您不希望这种情况发生在其他人身上,您实际上应该删除链接:) @Master James 是对的,您的场景太详细了:电视应该只有〜20个顶点,灯〜200个,地板应该只是一个平面。这是对您的应用程序的建议,但由于我肯定没有您的 GPU,因此我无法真正回答您的问题,这取决于您的计算机:您的 FPS 可能也很低。你也应该试试 trackballcontrols。
  • 2/2 如果你想让一个场景在 webgl 中看起来很逼真,并且对于普通桌面+移动用户仍然可见,这里有一些好的做法:没有抗锯齿,没有阴影投射,绘制非常简单的网格(目标只是重现主要形状),在纹理上绘制细节和阴影,然后调整大小+压缩纹理。我记得一个非常好的 webgl 房间内部设计的例子,它很棒,我没有想到链接。当我查看模型时,它们非常简单,没有任何光线:阴影贴图与纹理合并,meshbasicmaterial 就足够了

标签: javascript three.js controls 3dsmax


【解决方案1】:

您应该尝试减少网格的模型细节,以便在纹理贴图图像(凹凸贴图等)中提供细节。

基本上你可以加载最初的低质量模型,如果帧速率仍然不错(可能 20 fps 或更高)开始添加更详细的版本。

如果真的很糟糕,请通知他们应该在速度更快的设备或台式机上尝试。 如果这是在您的快速机器/设备上,那么一次尝试一个模型,以隔离何时何地发生了其他错误。

否则我确定有一些功能可以从双面禁用到锯齿等。灯光和阴影等也是如此。隔离问题或减少模型和功能。同样,您也可以对灯光和阴影进行优化和问题分析。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-05-23
    • 2012-01-14
    • 2011-08-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多