SkeletonHelper.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  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. <h2>Source</h2>
  48. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  49. </body>
  50. </html>