キャンバスに「アニメーション」背景

Question

私はキャンバス上でやっているプロジェクトの「背景」をアニメーション化しようとしていました。私はraphaelJSを使用して、そして私がやっていることは

function bg(){ 

    h = 0; 

    var terra = paper.rect(0, 500 + h, 900, 100); 
    terra.attr({'fill': '#00E639', 'stroke': 'none'}); 

    var troposfera = paper.rect(0, -100 + h, 900, 600); 
    troposfera.attr({'fill': '#C0866D', 'stroke': 'none'}); 

    var estratosfera = paper.rect(0, -700 + h, 900, 600); 
    estratosfera.attr({'fill': '#4497BF', 'stroke': 'none'}); 

    var ozono = paper.rect(0, -900 + h, 900, 600); 
    ozono.attr({'fill': '#E8EAE9', 'stroke': 'none'}); 

    var mesosfera = paper.rect(0, -1500 + h, 900, 600); 
    mesosfera.attr({'fill': '#434392', 'stroke': 'none'}); 

    var termosfera = paper.rect(0, -2100 + h, 900, 600); 
    termosfera.attr({'fill': '#3A435A', 'stroke': 'none'}); 

    var exosfera = paper.rect(0, -2700 + h, 900, 300); 
    exosfera.attr({'fill': '#000000', 'stroke': 'none'}); 
} 

、その後はしかし、それは働いていないように

var drbg = setInterval(function(){ 
    bg(); 
    h = h + 1; 
}, 40); 

としてのsetIntervalの下でそれを呼び出すことですよ。それは背景を描くが、私が望むように上に動かない。それを動作させるために

Answer 1

bg()の最初の行は、あなたがそれを呼び出すh0にするたびにリセットされ、h=0;あるので...

、（BGのうち、h=0;を移動してみてください）