r73以上的三个js聚光灯

时间:2017-03-22 15:18:32

标签: javascript performance three.js spotlight

聚光灯问题。我使用的是r.73并且有50x简单的聚光灯没有阴影等。它可以毫无问题地工作,仍然可以在移动设备上使用60fps。

现在我被改为r84(问题发生在r73之上),聚光灯的质量要好得多,但也丢了我的画面。我知道在r74中添加半影选项有一些变化..我真的不明白我怎样才能降低质量..

在小提琴上,你看不到质量变化,不要紧。但框架会下垂。 所以我的问题是,有可能设置一种方式的聚光灯,我还有60帧吗? 只有当网格(地板)足够大时才会出现错误。

var spotLightSize=50;
var spotLight=[];

var geometry = new THREE.BoxGeometry( 500, 1, 500 );
var material = new THREE.MeshPhongMaterial( {color: "blue"} );
var floor = new THREE.Mesh( geometry, material );

var renderer = new THREE.WebGLRenderer({precision:"lowp",alpha:true});

for (var i=0;i<spotLightSize;i++){
  spotLight.push(new THREE.SpotLight("green" ,2,20,0.1,0,1));
  spotLight[spotLight.length-1].position.set( 0, 5, 0 );
  scene.add(spotLight[spotLight.length-1]); 
  var spotLightHelper = new THREE.SpotLightHelper(  spotLight[spotLight.length-1] );
  scene.add( spotLightHelper ); 
}

http://jsfiddle.net/killerkarnikel/hyqgjLLz/19/

0 个答案:

没有答案