转场动画

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, ...]