复杂模型的Three.js阴影看起来很奇怪

我们在Blender中创建了一个模型，它使用布尔差分算子从“平面”基底中减去一个挤压SVG。换句话说，我们为它画了一张照片。该模型在Blender中渲染得很好，但将其加载到我们简单的基于three.js的Web查看器中（使用Blender的json导出器），我们在曲面上获得了一些非常奇怪的阴影，并且根据比例，闪亮的顶点。复杂模型的Three.js阴影看起来很奇怪

这里是我的灯和照相机：

camera = window.camera = new THREE.PerspectiveCamera(45, $('main').width()/$('main').height(), 10, 10000); 

    loader = new THREE.JSONLoader(true); 

    var light = new THREE.DirectionalLight(0xffffff, 1.0); 
    light.position.set(-30, 30, 100); 
    light.target.position.set(0, 0, 0); 
    light.shadowCameraNear = 200;

任何人能发现我们是否做错了什么事？这是一个三特定的问题，或WebGL，或Blender，或我们的模型？

Output (screenshot) Fiddle

来源

2013-07-27 lalomartins