pixi-action, 一个类似 cocos2d-x 使用方法的 Pixi.js 动画插件。
var renderer = new PIXI.autoDetectRenderer(800,600); document.body.appendChild(renderer.view); var stage = new PIXI.Container(); var sprite1 = new Sprite(resources['res/img/animal.png'].texture); var action_move = PIXI.action.MoveTo(500, 400, 2); // 移动动画 var animation = PIXI.actionManager.runAction(cat, action_moveto); // 执行动画 animation.on('end', function(elapsed) { console.log('action end.'); }); function animate() { window.requestAnimationFrame(animate); renderer.render(stage); PIXI.actionManager.update(); // update actions,这句必须加上 } animate();
使用非常简单,目前支持以下动画:
1. Action Move: Include: MoveTo , MoveBy
2. Action Scale :Include: ScaleTo , ScaleBy
3. Action Rotate :Include: RotateTo , RotateBy
4. Action Fade :Include: FadeIn , FadeOut
5. Action Blink :Include: Blink
6. Action Tint :Include: TintTo , TintBy
7. Action Skew :Include: SkewTo , SkewBy
8. Action Pivot :Include: PivotTo , PivotBy
9. Action Repeat :Include: Repeat and cancelAction
10. Action Sequence : Include: Sequence
11. Action Delay :Include: DelayTime
12. Action CallFunc :Include: CallFunc
DEMO 地址:http://git.hust.cc/pixi-action/