threejs，后期处理大全。以及obj模型优化

最新推荐文章于 2026-05-20 08:00:00 发布

原创最新推荐文章于 2026-05-20 08:00:00 发布 · 1.3k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#html5

收录于

前端3D 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种使用Three.js库实现的视觉效果：使画面中心清晰而边缘模糊的技术。通过设置shader参数，如屏幕宽度和高度、采样距离等，可以在网页上创建出这种焦点清晰的效果。

看到一篇文章写得很好，特此记录一下。

我要用的。如何使中心看的清楚，周围模糊。

<script src="js/shaders/FocusShader.js"></script>



 var focusShader = new THREE.ShaderPass(THREE.FocusShader);
 focusShader.uniforms["screenWidth"].value = window.innerWidth;
 focusShader.uniforms["screenHeight"].value = window.innerHeight;
 focusShader.uniforms["sampleDistance"].value = 1.07;


 composer.addPass(focusShader);

可用！！

转载链接传送门