转场动画
PPT 有很多很 low 的切换动画,Tiny.js 也提供了一些,望您不嫌弃。
转场名 | 描述 |
---|---|
FadeColor | 颜色过渡 |
FadeWhite | 白色过渡 |
ProgressH | 横向进度 |
ProgressV | 纵向进度 |
ProgressInOut | 内=>外扩散 |
ProgressOutIn | 外=>内扩散 |
ProgressRadialCW | 顺时针射线 |
ProgressRadialCCW | 逆时针射线 |
MoveInL | 左侧移入 |
MoveInR | 右侧移入 |
MoveInT | 头部移入 |
MoveInB | 底部移入 |
SlideInL | 左=>右滑动 |
SlideInR | 右=>左滑动 |
SlideInT | 头=>底滑动 |
SlideInB | 底=>头滑动 |
你可能发现这些很 low 的转场动画不能满足我炫酷的需求?给 Tiny.Transition
注册这个炫酷的转场:
// 注册一个叫 myTransName 的转场
Tiny.Transition.prototype.myTransName = function(){
console.log('请叫我炫酷!', arguments);
}
// 实例化,转场时长是 500
var trans = new Tiny.Transition(scene1, scene2, 500);
trans['myTransName']('Hello', 'Tiny.js');
//=> 请叫我炫酷! (2) ["Hello", "Tiny.js", callee: function, ...]