AnimationClip.html 4.6 KB

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