转场动画
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, ...]