ノードのフェードインおよびフェードアウト効果
フェードイン、フェードアウト効果を実現するため、クリエイターはAPIを実装済み
var action = cc.fadeIn(1.0);//渐显
var action = cc.fadeOut(1.0);//渐隐效果
var action = cc.tintTo(2, 255, 0, 255);//修改颜色到指定值
var action = cc.fadeTo(1.0, 0);//修改透明度到指定值
カスタム DIY アニメーション
Tween は、アクションを作成するためのシンプルで柔軟な方法を提供します。Cocos の従来の cc.Action と比較して、cc.Tween はアニメーションの作成においてはるかに柔軟です。
- 連鎖構造でのアニメーション シーケンスの作成をサポートします。
- ノード上の属性に限定されなくなった、任意のオブジェクトの任意の属性のイージングをサポートし、cc.Action は、属性のサポートを追加するときに新しいアクション タイプを追加する必要があります。
- cc.Action との混合のサポート
- 設定のイージングまたはプログレス機能をサポート
cc.tween(node)
.to(1, {scale: 2, position: cc.v3(100, 100, 100)})
.call(() => { console.log('This is a callback'); })
.by(1, {scale: 3, position: cc.v3(200, 200, 200)}, {easing: 'sineOutIn'})
.run(cc.find('Canvas/cocos'));
たとえば、フェード効果の実装は次のとおりです。
node.opacity = 0;
cc.tween(node)
.to(1, {opacity: 255})
.start();
上記のコードは、透明度が 1 秒以内に 0 から 255 に変化するアニメーション
cc.tween を実現します API リンク: Click me to jump