Three.js应用程序性能（点击游戏）

three.jsn大家好，n我目前是交互式开发的一名学生，在一家网络开发机构兼职。n我们为一个项目创建了一个点击式游戏，使用角度8和带有层（平面）的三个JS，由于视差的原因，对隐藏的生物和对象有很好的视差效果。n它在chrome（60）上运行得很好当页面完全加载时，1到40~当页面加载内容时）但在firefox中，它真的很滞后（当页面完全加载时为15~常数）.n我们已经尝试在上实现性能提示threejs.org及threejsfundamentals.org+这个论坛和其他讨论，但我们仍然有一些问题…n我们不习惯建立这样的网站和体验，所以我们在讨论过程中有些迷失sea。n该应用程序实例化了3个平面（~1024x512或2048x1024）+~1到5个平面用于自定义着色器，以及每个页面（游戏中的位置）上的2-3个小图标/UI元素（最大64x64）。n我们已经在每次路由更改时为所有对象实现了dispose，我们正在为所有对象使用BufferGeometry，我们使用服务人员（角度内置），但似乎我们有太多的脚本/渲染/循环运行，这会降低应用程序的fps和流动性…n我不知道这是否是询问的地方，或者是否有“代码审查和优化提示”的地方哈哈n这里是网站（虽然不是最终版本，仍然在dev env上）对于优化和客户提问）：Istyald王国-互动之旅|幻想-BnF 17n任何帮助都将不胜感激！n谢谢n在这种情况下，找到瓶颈很重要。您的应用程序似乎是片段着色器绑定的，因为如果我将浏览器窗口明显缩小，性能会更好。atzmael:n它在chrome上运行得很好n我恐怕在iMac 5K上不行（尽管chrome渲染速度比FF快一点）。很难猜测帧速率，但绝对不是60 FPS。n看看你的资产，似乎你使用了太多的高分辨率纹理，这会很快占用大量内存和带宽。对于所有背景纹理，请尝试将Texture.minFilter设置为THREE.LinearFilter，以避免生成mipmap。如果这没有帮助，请尝试将纹理的分辨率降低一半。n谢谢您的反馈！n这意味着绑定应用程序片段着色器意味着什么？n关于纹理，它们都是72ppp的，但是那些在背景中没有打开的是png的，因为透明度和视差效果，它们的平均大小是2Mo…如果我们减小它们的大小或质量，它在桌面屏幕上看起来真的是像素化了…n并且所有的纹理都将minFilter设置为THREE.LinearFilterpng或jpg纹理。atzmael:n绑定应用程序片段着色器意味着什么？n好吧，渲染所有片段需要太多的资源。如果您降低分辨率（例如，通过缩小应用程序窗口），您可以轻松降低必须处理的碎片数量。n好的，我们将尝试降低纹理的分辨率并绕过不同的平面，谢谢！n Three.js app performance (point & click game)n

Three.js应用程序性能（点击游戏）

admin_action_{$_REQUEST[‘action’]}

admin_footer-{$GLOBALS[‘hook_suffix’]}

customize_save_{$this->id_data[‘base’]}

customize_value_{$this->id_data[‘base’]}

get_comment_author_url

network_admin_edit_{$_GET[‘action’]}

network_sites_updated_message_{$_GET[‘updated’]}

pre_wp_is_site_initialized

WordPress 的SEO 教学：如何在网站中加入关键字（Meta Keywords）与Meta 描述（Meta Description）？

谷歌的SEO是什么