1
0

AnimationClip.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. <!DOCTYPE html>
  2. <html lang="fr">
  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. Un AnimationClip est un ensemble réutilisable de pistes de keyframes qui représentent une animation.<br /><br />
  13. Pour un aperçu des différents éléments du système d'animation de three.js consultez
  14. l'article "Système d'Animation" dans le section "Étapes Suivantes" du manuel.
  15. </p>
  16. <h2>Constructeur</h2>
  17. <h3>[name]( [param:String name], [param:Number duration], [param:Array tracks] )</h3>
  18. <p>
  19. [page:String name] - un nom pour ce clip.<br />
  20. [page:Number duration] - la durée du clip (en secondes). Si une valeur négative est renseignée,
  21. la durée sera calculée depuis le tableau `tracks` passé en paramètres.<br />
  22. [page:Array tracks] - un tableau de [page:KeyframeTrack KeyframeTracks].<br /><br />
  23. Note: Au lieu d'instantier un AnimationClip directement avec le constructeur, vous pouvez utiliser une de
  24. ses méthodes statiques pour créer des AnimationClips: depuis un JSON ([page:.parse parse]), depuis une séquence de
  25. morph target ([page:.CreateFromMorphTargetSequence CreateFromMorphTargetSequence],
  26. [page:.CreateClipsFromMorphTargetSequences CreateClipsFromMorphTargetSequences]) ou depuis
  27. une hiérarchie d'animations ([page:.parseAnimation parseAnimation]) - si votre modèle n'a pas encore
  28. d'AnimationClips dans le tableau d'animations de sa forme.
  29. </p>
  30. <h2>Propriétés</h2>
  31. <h3>[property:Number duration]</h3>
  32. <p>
  33. La durée de ce clip (en secondes). Elle peut être calculée depuis le tableau [page:.tracks tracks]
  34. via [page:.resetDuration resetDuration].
  35. </p>
  36. <h3>[property:String name]</h3>
  37. <p>
  38. Un nom pour ce clip. Un clip peut être recherché via [page:.findByName findByName].
  39. </p>
  40. <h3>[property:Array tracks]</h3>
  41. <p>
  42. Un tableau contenant un [page:KeyframeTrack] pour chaque propriété qui est animée par ce clip.
  43. </p>
  44. <h3>[property:String uuid]</h3>
  45. <p>
  46. Le [link:http://en.wikipedia.org/wiki/Universally_unique_identifier UUID] de cette instance du clip.
  47. Elle est assignée automatiquement et ne doit pas être modifiée.
  48. </p>
  49. <h2>Méthodes</h2>
  50. <h3>[method:AnimationClip clone]()</h3>
  51. <p>
  52. Renvoie une copie de ce clip.
  53. </p>
  54. <h3>[method:this optimize]()</h3>
  55. <p>
  56. Optimise chaque track en retirant les clés séquentielles équivalentes (qui sont communes dans les séquences
  57. de morph target).
  58. </p>
  59. <h3>[method:this resetDuration]()</h3>
  60. <p>
  61. Fixe la [page:.duration durée] de ce clip à la durée de son plus long
  62. [page:KeyframeTrack].
  63. </p>
  64. <h3>[method:Object toJSON]()</h3>
  65. <p>
  66. Renvoie un objet JSON représentant le clip d'animation serialisé.
  67. </p>
  68. <h3>[method:this trim]()</h3>
  69. <p>
  70. Réduit la durée de chaque track à celle du clip.
  71. </p>
  72. <h3>[method:Boolean validate]()</h3>
  73. <p>
  74. Performe une validation minimale de chaque track du clip. Renvoie true si toutes les tracks sont valides.
  75. </p>
  76. <h2>Méthodes Statiques</h2>
  77. <h3>[method:Array CreateClipsFromMorphTargetSequences]( [param:String name], [param:Array morphTargetSequence], [param:Number fps], [param:Boolean noLoop] )</h3>
  78. <p>
  79. Renvoie un tableau de nouveaux AnimationClips créés depuis les séquences de morph
  80. target d'une forme, essayant de trier les noms des morph targets en un pattern basé sur le groupe d'animation
  81. comme "Walk_001, Walk_002, Run_001, Run_002 ...".
  82. </p>
  83. <h3>[method:AnimationClip CreateFromMorphTargetSequence]( [param:String name], [param:Array morphTargetSequence], [param:Number fps], [param:Boolean noLoop] )</h3>
  84. <p>
  85. Renvoie un nouvel AnimationClip depuis le tableau de morph targets d'une forme, prenant un nom et un nombre de frames par secondes.<br /><br />
  86. Note: Le paramètre fps est requis, mais la vitesse d'animation peut être écrasée dans un
  87. `AnimationAction` via [page:AnimationAction.setDuration animationAction.setDuration].
  88. </p>
  89. <h3>[method:AnimationClip findByName]( [param:Object objectOrClipArray], [param:String name] )</h3>
  90. <p>
  91. Cherche un AnimationClip grâce à son nom, prenant en premier paramètre un tableau
  92. d'AnimationClips, un mesh ou une forme qui contient un tableau nommé "animations".
  93. </p>
  94. <h3>[method:AnimationClip parse]( [param:Object json] )</h3>
  95. <p>
  96. Analyse une représentation JSON d'un clip et renvoie un AnimationClip.
  97. </p>
  98. <h3>[method:AnimationClip parseAnimation]( [param:Object animation], [param:Array bones] )</h3>
  99. <p>
  100. Analyse le format de l'animation.hierarchy et retourne un AnimationClip.
  101. </p>
  102. <h3>[method:Object toJSON]( [param:AnimationClip clip] )</h3>
  103. <p>
  104. Prends un AnimationClip et renvoie un objet JSON.
  105. </p>
  106. <h2>Source</h2>
  107. <p>
  108. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  109. </p>
  110. </body>
  111. </html>