javascript - 模糊three.js反射器对象
问题描述
我最近开始研究配置器工具,我需要在地面上有一个反射面来反射我们想要展示的对象并创建类似工作室的外观。
问题是 Three.js 有一个反射器版本,但它是 1:1 反射,而且它看起来很奇怪,因为它太反射了。问题是是否有人知道我怎样才能使反射的图像稍微模糊一些。我对着色器不是那么精通......
或者,如果有更好的方法,我愿意改变我的方法。我正在寻找获得与汽车展示柜类似的结果的最高效方式。图片供参考 https://comps.canstockphoto.com/3d-red-hot-rod-drawing_csp0608954.jpg
链接到我正在使用的文件。 https://github.com/mrdoob/three.js/blob/master/examples/jsm/objects/Reflector.js
以及我用来将其放置在场景中的代码:
var mirrorGeometry = new THREE.CircleGeometry(200, 200);
var groundMirror = new Reflector(mirrorGeometry, {
clipBias: 0.05,
textureWidth: window.innerWidth * window.devicePixelRatio,
textureHeight: window.innerHeight * window.devicePixelRatio,
color: 0x777777,
recursion: 1
});
scene.add(groundMirror);
tl;dr:物体被放置在镜子上,产生相同的反射。对于展示模型来说,这看起来很奇怪。我正在询问有关如何模糊它的信息,但另一种方法也适用于我。
编辑:显然反射器对象也不能接收阴影(虽然我需要先研究一下。这也是最终渲染的一个因素)
解决方案
推荐阅读
- sql-server - Serilog - 日志表中的时间戳具有时区,但被 SQL Server 忽略
- javascript - 如何遍历创建 HTML 以放入电子邮件的 javascript 对象
- node.js - RequireJS + Mocha + JSDom + Node -> Node 不支持 Shim 配置
- javascript - 锚标记href tel,数字以0开头
- python - Python 将雪花表中的数据发布到 API 的 DB 接口
- javascript - 使用 Firebase DB Emulators,如何在测试之间清除数据库并避免 PERMISSION_DENIED?
- mysql - 以递归方式获取ID为外键的列值
- javascript - prev().remove(); 不适用于前一个兄弟姐妹
- android - NullPointerException 创建对象
- postman - JSON Schema if/then/else 用于可以是对象或基于另一个属性值的 null 的属性