|
请使用QQ关联注册PLM之家,学习更多关于内容,更多精彩原创视频供你学习!
您需要 登录 才可以下载或查看,没有账号?注册
x
2 J& {' d$ e5 I3 E5 |/ B4 b4 `
, I! \5 V3 g% ]0 d% o+ x: } K官方提供的实例如下
0 [) r$ I. n" |
, B; f r" F6 i: O7 N: [6 L1。 首先在Scene里面激活 渲染 ShadowMap
# l: Z( L& u2 e/ m& L7 F% N* A//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.PCFShadowMap8 m- F1 X; ^5 e
4 i. [( z" Z# @ H, s, G& u- U2。 创建平行光,并可以投射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 );
* p8 U, V$ ~$ ]! {* R# U& X* T) ?
//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* @/ r0 _* o5 X P) c
8 }7 e5 f/ U8 ^2 \5 K) ]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 );
! b! v7 {* t2 v( A$ Y5 k
% O. Y" i& `" ?5 p, l2 |. J4. 创建获取投影的平面 //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 );
0 U% E) z: s+ n- N
3 J% o# Z. B$ S# j2 T
! _: Z/ g5 C: _! y9 R4 \( E# \4 \' y$ p" p
- B! m( j, z! ?) Z+ b. m J* M+ l2 X5 s- ~( p' d D& P$ D
效果如下!# H* q1 @1 h; g
; ^2 Z! I; X0 D" J6 s r: t. j7 s: G3 w+ K* s; b% |
4 j( y% M( s1 I |
|