ThreeJS赢得'不要投下任何阴影
ThreeJS won't cast any shadows
我在使用ThreeJS时遇到了一些问题。我有一些立方体,应该会在下面的飞机上投射阴影,但它们没有——我已经在谷歌上搜索了几个小时的解决方案,并尝试了我能找到的一切,但我无法让它发挥作用。
我在所有对象上使用MeshPhongMaterial
,并将.castShadow
和.receiveShadow
添加到所有适当的对象中。我使用SpotLight
,指向地面——它照亮立方体和地面,但立方体不会投射阴影。这里有一个立方体和地面的例子:
var cubeGeometry = new THREE.CubeGeometry(20, 20, 20);
cube1 = new THREE.Mesh(cubeGeometry, material);
cube1.shading = THREE.FlatShading;
cube1.castShadow = true;
cube1.receiveShadow = true;
var groundGeometry = new THREE.PlaneGeometry(200, 200);
var groundMaterial = new THREE.MeshPhongMaterial({color: 0xf0dc3f});
ground = new THREE.Mesh(groundGeometry, groundMaterial);
ground.shading = THREE.FlatShading;
ground.position.y = -30;
ground.rotation.x = Math.PI / 2;
ground.rotation.z = Math.PI / 4;
ground.receiveShadow = true;
我的JsFiddle:https://jsfiddle.net/fggjp2n9/
您失踪了:
renderer.shadowMap.enabled = true;
https://jsfiddle.net/fggjp2n9/1/
相关文章:
- 函数参数中的数据与指定变量之间的任何性能差异
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- jQuery中是否内置了任何字符串格式化函数
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- 有任何可能将facebook实时信使整合到一个网站中
- 是否有任何方法可以使用jQuery替换在数组中定义值的文本
- AJAX:$_GET不返回任何值
- 在同一个服务工作者中处理service-worker.js有任何影响吗
- 将事件处理程序绑定到任何可能的事件
- 在Highcharts中,我们可以通过任何方式在渲染图表之前获得plotWidth和plotHeight
- 任何方式使AJAX调用Gmail API,而无需通过JS库
- document.styleSheets不返回任何内容
- 带有填充属性的SVG矩形显示在包含元素的上方插入框阴影
- 在D3.js中,有没有任何方法可以将x和y方向上的滚动事件绑定到平移svg
- Graphiti中是否有任何工具提示功能
- 有没有任何方法可以使用node-js从不同的机器打开浏览器
- 在网格PhongMaterial地面和聚光灯上看不到任何带有Colada模型的阴影
- 在JSSOR滑块中为图像添加框阴影的任何方法
- ThreeJS赢得'不要投下任何阴影