Sprite.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="utf-8" />
  5. <base href="../../../" />
  6. <script src="page.js"></script>
  7. <link type="text/css" rel="stylesheet" href="page.css" />
  8. </head>
  9. <body>
  10. [page:Object3D] &rarr;
  11. <h1>精灵([name])</h1>
  12. <p class="desc">
  13. 精灵是一个总是面朝着摄像机的平面,通常含有使用一个半透明的纹理。<br /><br />
  14. 精灵不会投射任何阴影,即使设置了<code>castShadow = true</code>也将不会有任何效果。
  15. </p>
  16. <h2>代码示例</h2>
  17. <code>
  18. const map = new THREE.TextureLoader().load( "sprite.png" );
  19. const material = new THREE.SpriteMaterial( { map: map } );
  20. const sprite = new THREE.Sprite( material );
  21. scene.add( sprite );
  22. </code>
  23. <h2>构造器</h2>
  24. <h3>[name]( [param:Material material] )</h3>
  25. <p>
  26. [page:Material material] - (可选值)是[page:SpriteMaterial]的一个实例。 默认值是一个白色的[page:SpriteMaterial]。<br /><br />
  27. 创建一个新的[name]。
  28. </p>
  29. <h2>属性</h2>
  30. <p>共有属性请参见其基类[page:Object3D]。</p>
  31. <h3>[property:Boolean isSprite]</h3>
  32. <p>
  33. Read-only flag to check if a given object is of type [name].
  34. </p>
  35. <h3>[property:SpriteMaterial material]</h3>
  36. <p>
  37. [page:SpriteMaterial]的一个实例,定义了这个对象的外观。默认值是一个白色的[page:SpriteMaterial]。
  38. </p>
  39. <h3>[property:Vector2 center]</h3>
  40. <p>
  41. 这个精灵的锚点,也就是精灵旋转时,围绕着旋转的点。当值为(0.5,0.5)时,对应着这个精灵的中心点;当值为(0,0)时,对应着这个精灵左下角的点。<br>
  42. 其默认值是(0.5,0.5)。
  43. </p>
  44. <h2>方法</h2>
  45. <p>共有方法请参见其基类[page:Object3D]。</p>
  46. <h3>[method:this copy]( [param:Sprite sprite] )</h3>
  47. <p>
  48. 将前一个Sprite对象的属性复制给当前的这个对象。
  49. </p>
  50. <h3>[method:undefined raycast]( [param:Raycaster raycaster], [param:Array intersects] )</h3>
  51. <p>
  52. 在投射的光线和精灵之前产生交互。[page:Raycaster.intersectObject]将会调用这个方法。
  53. 在对sprite进行射线投射之前,射线投射必须通过调用[page:Raycaster.setFromCamera]()来初始化。 </p>
  54. <h2>源代码</h2>
  55. <p>
  56. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  57. </p>
  58. </body>
  59. </html>