小编Jes*_* MC的帖子

Three.js-为什么这些项目的阴影看起来像这样？

我正在学习three.js。

我做一个例子来实践，但项目的影子正在寻找错误的或陌生人。

应该是这样的（此图像是一个旧教程的）：

代码是这样的：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.js"></script>

<div id="WebGL-salida">
</div>

<script type="text/javascript">
  $(function() {
    var scene = new THREE.Scene();

    var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);

    var renderer = new THREE.WebGLRenderer();

    var color = new THREE.Color("rgb(200, 250, 250)");
    renderer.setClearColor(new THREE.Color(color));
    renderer.setSize(window.innerWidth, window.innerHeight);

    renderer.shadowMap.enabled = true;
    renderer.shadowMap.type = THREE.PCFSoftShadowMap; // default THREE.PCFShadowMap


    var ejesAyuda = new THREE.AxesHelper(20); //son los ejes de ayuda creo
    scene.add(ejesAyuda);

    var planeGeometry = new THREE.PlaneGeometry(60, 20);

    var planeMaterial = new THREE.MeshLambertMaterial({
      color: 0xcccccc …

Run Code Online (Sandbox Code Playgroud)

javascript shadows three.js

Jes*_* MC

2017 12-29

4
推荐指数

1
解决办法

571
查看次数

Three.js：为什么没有出现阴影？

我继续学习Three.js。我使用JSONLoader函数对3D模型进行充电，当我要将其阴影放置时，它不会出现，而且我也不知道为什么，因为我认为我已完成所有步骤：

1-激活阴影贴图。

2-我有灯。

3-飞机有receveShadow = true;

4- 3D模型具有castShadow = true;

完整的代码（现在可以正常工作）：

<html><head>
<title>Ejemplo 9 Three.js</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> <!--320-->

<script type = 'text/javascript' src = "plugins/jquery/jquery.js"></script>
<script type = 'text/javascript' src = "plugins/bootstrap/bootstrap.js"></script>
<script type = 'text/javascript' src = "plugins/three.js-master/build/three.js"></script>
<script type = 'text/javascript' src = "plugins/dat.gui.js/dat.gui.js"></script>

<script type = 'text/javascript' src = "plugins/threex.windowresize-master/threex.windowresize.js"></script>
<script type = 'text/javascript' src = "plugins/threex.keyboardstate-master/threex.keyboardstate.js"></script>
<script type = 'text/javascript' src = "plugins/orbitcontrols/OrbitControls.js"></script>
<script type = …

Run Code Online (Sandbox Code Playgroud)

javascript three.js

Jes*_* MC

2018 01-24

1
推荐指数

1
解决办法

357
查看次数