|
请使用QQ关联注册PLM之家,学习更多关于内容,更多精彩原创视频供你学习!
您需要 登录 才可以下载或查看,没有账号?注册
x
) O/ X: C8 N' K% z0 G& \) `/ W; }! N% W) G* w
官方提供的实例如下
: a$ C4 B6 ?2 N: K) c/ C3 G2 u
- j7 X$ F9 @/ G' l3 G1。 首先在Scene里面激活 渲染 ShadowMap8 v* R- ]+ c" w1 l
//Create a WebGLRenderer and turn on shadows in the renderervar renderer = new THREE.WebGLRenderer();renderer.shadowMap.enabled = true;renderer.shadowMap.type = THREE.PCFSoftShadowMap; // default THREE.PCFShadowMap# M B* `6 Z* S7 S0 X+ C
" C1 p5 O! G7 G2。 创建平行光,并可以投射Shadow//Create a DirectionalLight and turn on shadows for the lightvar light = new THREE.DirectionalLight( 0xffffff, 1, 100 );light.position.set( 0, 1, 0 ); //default; light shining from toplight.castShadow = true; // default falsescene.add( light );
8 @- C) s8 ]5 Q% Z& ~4 u9 ]# o6 v$ c8 _3 A3 q1 C' ?
//Set up shadow properties for the lightlight.shadow.mapSize.width = 512; // defaultlight.shadow.mapSize.height = 512; // defaultlight.shadow.camera.near = 0.5; // defaultlight.shadow.camera.far = 500; // default
' `8 f8 F, X" s( i% h8 Q8 Q: t4 p8 q. m% _6 `7 e4 Q5 G
3. 创建接受shadow的物体 //Create a sphere that cast shadows (but does not receive them)var sphereGeometry = new THREE.SphereBufferGeometry( 5, 32, 32 );var sphereMaterial = new THREE.MeshStandardMaterial( { color: 0xff0000 } );var sphere = new THREE.Mesh( sphereGeometry, sphereMaterial );sphere.castShadow = true; //default is falsesphere.receiveShadow = false; //defaultscene.add( sphere );
" O$ M; B6 K3 k* \
8 c7 I+ X2 }1 G( \: ^# S8 t* t4. 创建获取投影的平面 //Create a plane that receives shadows (but does not cast them)var planeGeometry = new THREE.PlaneBufferGeometry( 20, 20, 32, 32 );var planeMaterial = new THREE.MeshStandardMaterial( { color: 0x00ff00 } )var plane = new THREE.Mesh( planeGeometry, planeMaterial );plane.receiveShadow = true;scene.add( plane );//Create a helper for the shadow camera (optional)var helper = new THREE.CameraHelper( light.shadow.camera );scene.add( helper );$ a4 n+ A6 C s& B
! @9 N# p0 h- H0 W- m
1 W% O7 g! A: H- Q1 V$ ^
$ _9 B! U7 r& W! a% M
1 y, \/ ]3 R' M3 g& N+ k7 |# u效果如下!: {2 W, X9 J m! a
1 f7 S- ^' J) `7 o6 u! p# k; `2 V; c% o8 |1 C
& N1 G; M& ?5 {+ G4 T
|
|