SkeletonHelper.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <base href="../../../" />
  6. <script src="list.js"></script>
  7. <script src="page.js"></script>
  8. <link type="text/css" rel="stylesheet" href="page.css" />
  9. </head>
  10. <body>
  11. [page:Object3D] &rarr; [page:Line] &rarr; [page:LineSegments] &rarr;
  12. <h1>[name]</h1>
  13. <div class="desc">
  14. A helper object to assist with visualizing a [page:Skeleton Skeleton].
  15. The helper is renderered using a [page:LineBasicMaterial LineBasicMaterial].
  16. </div>
  17. <h2>Example</h2>
  18. [example:webgl_animation_skinning_blending animation / skinning / blending]<br />
  19. [example:webgl_animation_skinning_morph animation / skinning / morph]<br />
  20. [example:webgl_loader_bvh loader / bvh ]
  21. <code>
  22. var helper = new THREE.SkeletonHelper( mesh );
  23. helper.material.linewidth = 3;
  24. scene.add( helper );
  25. </code>
  26. <h2>Constructor</h2>
  27. <h3>[name]( object )</h3>
  28. <div>
  29. object -- can be any object that has an array of [page:Bone Bone]s as a sub object. <br />
  30. For example, a [page:Skeleton Skeleton] or a [page:SkinnedMesh SkinnedMesh].
  31. </div>
  32. <h2>Properties</h2>
  33. <h3>[property:Array bones]</h3>
  34. <div>
  35. The list of bones that the helper renders as [page:Line Lines].
  36. </div>
  37. <h3>[property:Object root]</h3>
  38. <div>
  39. The object passed in the constructor.
  40. </div>
  41. <h2>Methods</h2>
  42. <h3>[method:Array getBoneList]( object )</h3>
  43. <div>
  44. getBoneList -- the object used in the constructor.<br /><br />
  45. This is called automatically to generate a list of bones from the object passed in the constructor.
  46. </div>
  47. <h3>[method:null update]()</h3>
  48. <div>
  49. Update the helper. Call in the render loop if animating the model.
  50. </div>
  51. <h2>Source</h2>
  52. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  53. </body>
  54. </html>