返回介绍

手册

参考

示例

开发者参考

AnimationClip

发布于 2021-07-10 14:14:14 字数 3524 浏览 1579 评论 0 收藏 0

动画剪辑(AnimationClip)是一个可重用的关键帧轨道集,它代表动画。

在使用手册的“下一步”章节中,“动画系统”一文对three.js动画系统中的不同元素作出了概述

构造器

AnimationClip( name : String, duration : Number, tracks : Array )

name - 此剪辑的名称
duration - 持续时间 (单位秒). 如果传入负数, 持续时间将会从传入的数组中计算得到。
tracks - 一个由关键帧轨道(KeyframeTracks)组成的数组。

说明: 与其直接调用构造函数实例化一个动画剪辑, 不如使用其静态方法中的一个来创建: 用JSON (parse), 用变形目标序列(CreateFromMorphTargetSequence, CreateClipsFromMorphTargetSequences)或者用动画层级 (parseAnimation)来创建 - 如果你的模型中几何体的动画数组中还没有保存动画剪辑的话。

属性

.duration : Number

剪辑的持续时间 (单位秒). 可以通过resetDuration从轨道数组(tracks)计算出来。

.name : String

剪辑的名称. 调用findByName根据名称搜索某个剪辑

.tracks : Array

一个包含该剪辑中有动画的所有属性的关键帧轨道(KeyframeTrack)的数组。

.uuid : String

剪辑实例的UUID,自动分配且不可编辑。

方法

.clone () : AnimationClip

.optimize () : this

通过移除等效的顺序键(在变形目标序列中很常见)来优化每一个轨道

.resetDuration () : this

将剪辑的持续时间(duration)设为最长的关键帧轨道(KeyframeTrack)的持续时间。

.toJSON () : Object

Returns a JSON object representing the serialized animation clip.

.trim () : this

修剪所有的轨道到该剪辑的持续时间。

.validate () : Boolean

对剪辑中的每个轨道执行最小验证。如果所有轨道都有效,返回true。

静态方法

.CreateClipsFromMorphTargetSequences ( name : String, morphTargetSequence : Array, fps : Number, noLoop : Boolean ) : Array

返回从几何体的变形目标序列(morph target sequences)创建的新动画剪辑(AnimationClip)数组,并尝试将变形目标名称分类为基于动画组的模式,如“Walk_001、Walk_002、Run_001、Run_002……”。

.CreateFromMorphTargetSequence ( name : String, morphTargetSequence : Array, fps : Number, noLoop : Boolean ) : AnimationClip

返回一个由几何体变形目标数组(morph targets array)得到的新动画剪辑,接收名称和帧率参数。

说明: 帧率是必须参数, 但是动画速度可能会在AnimationAction中被animationAction.setDuration方法重写。

.findByName ( objectOrClipArray : Object, name : String ) : AnimationClip

根据名称搜索动画剪辑(AnimationClip), 接收一个动画剪辑数组或者一个包含名为"animation"的数组的网格(或几何体)作为第一个参数。

.parse ( json : Object ) : AnimationClip

解析剪辑的JSON表示,并返回一个动画剪辑(AnimationClip)。

.parseAnimation ( animation : Object, bones : Array ) : AnimationClip

解析动画层级格式并返回动画剪辑。

.toJSON ( clip : AnimationClip ) : Object

接收一个动画剪辑为参数并返回一个JSON对象.

源码

src/animation/AnimationClip.js

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文