javascript - 透明 Material 上的 Three.js/shadow 中的 Shadow Catcher

标签 javascript three.js

我需要在 boxMesh 上转换阴影,而网格本身应该不可见。

我找到了 technique Three.js GitHub 问题跟踪器似乎在几年前就可以工作,但现在不再工作了 - 它涉及创建一个新的着色器。

有没有其他方法或更新版本现在不再有效?

最佳答案

您可以使用THREE.ShadowMaterial在具有透明 Material 的网格上转换阴影。使用此模式:

var material = new THREE.ShadowMaterial();
material.opacity = 0.5;

var mesh = new THREE.Mesh( geometry, material );
mesh.receiveShadow = true;
scene.add( mesh );

this中有一个使用示例三个.js 示例。

三.js r.147

关于javascript - 透明 Material 上的 Three.js/shadow 中的 Shadow Catcher,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35710130/

相关文章:

javascript - jQuery 菜单淡出但仍在链接上

javascript - 将 JSON 格式化为特定结构

javascript - 页面未满时将页脚推到底部

javascript - 如何在 Django 中的第二个应用程序中检索第一个应用程序模型数据

javascript - WebRTC 和 ThreeJS 创建拉丝金属纹理立方体

javascript - JavaScript 中动态生成的方法

javascript - Three.js - 鼠标悬停效果不恢复以前的颜色

javascript - ThreeJs 事件处理层次结构

javascript - 如何在 Three.js 中剪切立方体

javascript - THREE.js lookAt - 如何在新旧目标位置之间平滑平移?