AnimationClip.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  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. <h1>[name]</h1>
  12. <p class="desc">
  13. 动画剪辑(AnimationClip)是一个可重用的关键帧轨道集,它代表动画。<br /><br />
  14. 在使用手册的“下一步”章节中,“动画系统”一文对three.js动画系统中的不同元素作出了概述
  15. </p>
  16. <h2>构造器</h2>
  17. <h3>[name]( [param:String name], [param:Number duration], [param:Array tracks] )</h3>
  18. <p>
  19. [page:String name] - 此剪辑的名称<br />
  20. [page:Number duration] - 持续时间 (单位秒). 如果传入负数, 持续时间将会从传入的数组中计算得到。<br />
  21. [page:Array tracks] - 一个由关键帧轨道([page:KeyframeTrack KeyframeTracks])组成的数组。<br /><br />
  22. 说明: 与其直接调用构造函数实例化一个动画剪辑, 不如使用其静态方法中的一个来创建:
  23. 用JSON ([page:.parse parse]), 用变形目标序列([page:.CreateFromMorphTargetSequence CreateFromMorphTargetSequence],
  24. [page:.CreateClipsFromMorphTargetSequences CreateClipsFromMorphTargetSequences])或者用动画层级 ([page:.parseAnimation parseAnimation])来创建 - 如果你的模型中几何体的动画数组中还没有保存动画剪辑的话。
  25. </p>
  26. <h2>属性</h2>
  27. <h3>[property:Number duration]</h3>
  28. <p>
  29. 剪辑的持续时间 (单位秒). 可以通过[page:.resetDuration resetDuration]从轨道数组([page:.tracks tracks])计算出来。
  30. </p>
  31. <h3>[property:String name]</h3>
  32. <p>
  33. 剪辑的名称. 调用[page:.findByName findByName]根据名称搜索某个剪辑
  34. </p>
  35. <h3>[property:Array tracks]</h3>
  36. <p>
  37. 一个包含该剪辑中有动画的所有属性的关键帧轨道([page:KeyframeTrack])的数组。
  38. </p>
  39. <h3>[property:String uuid]</h3>
  40. <p>
  41. 剪辑实例的[link:http://en.wikipedia.org/wiki/Universally_unique_identifier UUID],自动分配且不可编辑。
  42. </p>
  43. <h2>方法</h2>
  44. <h3>[method:this optimize]()</h3>
  45. <p>
  46. 通过移除等效的顺序键(在变形目标序列中很常见)来优化每一个轨道
  47. </p>
  48. <h3>[method:this resetDuration]()</h3>
  49. <p>
  50. 将剪辑的持续时间([page:.duration duration])设为最长的关键帧轨道([page:KeyframeTrack])的持续时间。
  51. .
  52. </p>
  53. <h3>[method:this trim]()</h3>
  54. <p>
  55. 修剪所有的轨道到该剪辑的持续时间。
  56. </p>
  57. <h3>[method:Boolean validate]()</h3>
  58. <p>
  59. 对剪辑中的每个轨道执行最小验证。如果所有轨道都有效,返回true。
  60. </p>
  61. <h2>静态方法</h2>
  62. <h3>[method:Array CreateClipsFromMorphTargetSequences]( [param:String name], [param:Array morphTargetSequence], [param:Number fps], [param:Boolean noLoop] )</h3>
  63. <p>
  64. 返回从几何体的变形目标序列([page:Geometry.morphTargets morph
  65. target sequences])创建的新动画剪辑(AnimationClip)数组,并尝试将变形目标名称分类为基于动画组的模式,如“Walk_001、Walk_002、Run_001、Run_002……”。<br /><br />
  66. 该方法被[page:JSONLoader]内部调用, 并且它使用了
  67. [page:.CreateFromMorphTargetSequence CreateFromMorphTargetSequence].
  68. </p>
  69. <h3>[method:AnimationClip CreateFromMorphTargetSequence]( [param:String name], [param:Array morphTargetSequence], [param:Number fps], [param:Boolean noLoop] )</h3>
  70. <p>
  71. 返回一个由几何体变形目标数组([page:Geometry.morphTargets morph targets array])得到的新动画剪辑,接收名称和帧率参数。<br /><br />
  72. 说明: 帧率是必须参数, 但是动画速度可能会在*AnimationAction*中被[page:AnimationAction.setDuration animationAction.setDuration]方法重写。
  73. </p>
  74. <h3>[method:AnimationClip findByName]( [param:Object objectOrClipArray], [param:String name] )</h3>
  75. <p>
  76. 根据名称搜索动画剪辑(AnimationClip), 接收一个动画剪辑数组或者一个包含名为"animation"的数组的网格(或几何体)作为第一个参数。
  77. </p>
  78. <h3>[method:AnimationClip parse]( [param:Object json] )</h3>
  79. <p>
  80. 解析剪辑的JSON表示,并返回一个动画剪辑(AnimationClip)。
  81. </p>
  82. <h3>[method:AnimationClip parseAnimation]( [param:Object animation], [param:Array bones] )</h3>
  83. <p>
  84. 解析动画层级格式并返回动画剪辑。
  85. </p>
  86. <h3>[method:Object toJSON]( [param:AnimationClip clip] )</h3>
  87. <p>
  88. 接收一个动画剪辑为参数并返回一个JSON对象.
  89. </p>
  90. <h2>源码</h2>
  91. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  92. </body>
  93. </html>