Chrome/MacOS'ta Three.js gölgesinin kalitesi?

Question

Basit bir Three.js sahnesini deniyorum (bu alandaki acemi). Three.js WebGLRenderer'ı kullanıyorum ve bir düzlem, gölgeler ve yönlü bir ışık kaynağı oluşturan bir küp kurdum. Sonuç resimde gösterilmektedir.

Nasıl yapılır:

1. Artış gölge render kalitesi?
2. Tırtıklı kenarlardan kurtulun mu?

Ben true antialiasing belirledik ama herhangi bir tarayıcıda yardımcı görünmüyor

...

oluşturucu = new THREE.WebGLRenderer ({antialias: true});

Answer 1

İki şey yapabilirsiniz. Önce bir işleyici

renderer.shadowMapType = THREE.PCFSoftShadowMap; // options are THREE.BasicShadowMap | THREE.PCFShadowMap | THREE.PCFSoftShadowMap 

öznitelik kümesi ve sonra da ile ışığın shadowmap boyutunu artırabilir:

light.shadowMapWidth = 1024; // default is 512 
light.shadowMapHeight = 1024; // default is 512