Canvas3D添加阴影

adadadda

各位吼啊。最近着手做一个可以显示和编辑3D图形的软件，基本思路是用Canvas3D，基于Three.js引擎来设计。现在遇到一个问题，就是无法显示阴影。求助啊
代码如下：

1. .import "three.js" as Engine
   
2. 
   
3. var camera, scene, renderer;
   
4. var cube;
   
5. 
   
6. function initializeGL(canvas) {
   
7.     scene = new Engine.THREE.Scene();
   
8. 
   
9. //    var axes = new Engine.THREE.AxisHelper(20);
   
10. //    scene.add(axes);
    
11. 
    
12.     var planeGeometry = new Engine.THREE.PlaneGeometry(60, 20);
    
13.     var planeMaterial = new Engine.THREE.MeshLambertMaterial({color: 0xcccccc});
    
14.     var plane = new Engine.THREE.Mesh(planeGeometry, planeMaterial);
    
15.     plane.rotation.x = -0.5*Math.PI;
    
16.     plane.position.set(15, 0, 0);
    
17.     scene.add(plane);
    
18. 
    
19.     var cubeGeometry = new Engine.THREE.CubeGeometry(4, 4, 4);
    
20.     var cubeMaterial = new Engine.THREE.MeshLambertMaterial({color: 0xff0000});
    
21.     cube = new Engine.THREE.Mesh(cubeGeometry, cubeMaterial);
    
22.     cube.position.set(-4, 3, 0);
    
23.     scene.add(cube);
    
24. 
    
25.     var sphereGeometry = new Engine.THREE.SphereGeometry(4, 20, 20);
    
26.     var sphereMaterial = new Engine.THREE.MeshLambertMaterial({color: 0x7777ff});
    
27.     var sphere = new Engine.THREE.Mesh(sphereGeometry, sphereMaterial);
    
28.     sphere.position.set(20, 4, 2);
    
29.     scene.add(sphere);
    
30. 
    
31.     var spotLight = new Engine.THREE.SpotLight(0xffffff);
    
32.     spotLight.position.set(-40, 60, 10);
    
33.     scene.add(spotLight);
    
34. 
    
35.     camera = new Engine.THREE.PerspectiveCamera(45, canvas.width/canvas.height, 0.1, 1000);
    
36. //    camera = new Engine.THREE.OrthographicCamera(-canvas.width/2, canvas.width/2,
    
37. //                                                 canvas.height/2, -canvas.height/2, 0.1, 1000);
    
38.     camera.position.set(-30, 40, 30);
    
39.     camera.lookAt(scene.position);
    
40. 
    
41.     renderer = new Engine.THREE.Canvas3DRenderer({
    
42.                 canvas: canvas,
    
43.                 antialias: true,
    
44.                 devicePixelRatio: canvas.devicePixelRatio });
    
45.     renderer.setSize(canvas.width, canvas.height);
    
46.     renderer.setClearColor(0xeeeeee, 1.0);
    
47. 
    
48.     renderer.shadowMapEnabled = true;
    
49.     plane.receiveShadow = true;
    
50.     cube.castShadow = true;
    
51.     sphere.castShadow = true;
    
52.     spotLight.castShadow = true;
    
53. }

复制代码

    还有一个问题就是，qt使用的Three.js貌似在官方版的基础上进行一定的修改，因为我尝试用最新的Three.js版本，无法运行。即便用Three.js的Version74（qt官方的最近Three.js版本是V74），也无法运行。
     最后， QT的Canvas3D组件没有requestAnimation方法，但是有 renderOnDemand属性可以直接使用。QT的Canvas3D组件无法貌似无法加载Stats模块，但自带FPS属性可以使用。
     然而，阴影效果始终弄不出来，求帮助！！

    最终跑出来是这么个东西：

adadadda

代码怎么弄不上去？

adadadda

额，重新在书册里面查了一下，canvas3D渲染器不支持阴影和部分材质的渲染。很尴尬。。。