フェードインアニメーションとフェードアウトアニメーションのスライドショーのように、キャンバスに複数の画像を1つずつ描画する方法

Question

ライブ壁紙を開発しています。私はこの新しい問題に挑戦しています。キャンバスを1つ1つ、スライドショーのようにフェードインとフェードアウトのアニメーションで表示します。 私はビューとレイアウトでこのアニメーションを実行できますが、私はキャンバス上でそれらを実行する考えはありません。助けてください！

Answer 1

わからないあなたがフェードインソリューションについてjavaまたはjavascript

いくつかの手がかりを意味する場合：

var delta = 0; 
var interval = 0; 
var duration = 2000; 

setInterval(function() { 
    ctx.globalAlpha = 1.0; 
    ctx.drawImage(oldImage); 

    ctx.globalAlpha = delta/duration; 
    ctx.drawImage(nextImage); 

    delta += interval; 
}, interval); 

• は（

• 計算本当のデルタが使用してタイマーの代わりにrequestAnimationFrameの使用を検討してください新しい日付）.getTime（）

いくつかの緩和方程式と

• プレイ - 例えば：

alpha = Math.sin(0.5 * Math.PI * delta/duration)