Ocanvas限制動畫

我是新來的ocanvas，我發現它沒有很好的記錄爲初學者。我想知道如何限制動畫，比如點擊時，一個盒子會移動-350到它自己的位置，但如果它比它的位置更靠近它，就停在畫布的邊緣 - 350.任何幫助或教程都會很大讚賞。Ocanvas限制動畫

2015-05-14 Jeff

Ocanvas是一個庫嗎？您只標記了畫布，但提到了Ocanvas ...和常規畫布一樣，這裏有詳細記錄http://www.w3schools.com/html/html5_canvas.asp如果您嘗試對其進行動畫製作，您必須考慮製作重複循環（例如，setInterval（））並更新位置逐個像素的對象。下面是關於如何在畫布上動畫對象的網站：http://codular.com/animation-with-html5-canvas

編輯

爲ocanvas它看起來像他們在其網站上http://ocanvas.org/docs/Animation

這裏非常有據可查的是一個例子與循環，只有這一個是使用旋轉，所以你可以使用任何你想要的屬性http://ocanvas.org/docs/Timeline/setLoop

你可以在setLoop（）函數中使用自己的自定義邏輯，以限制或移動基於您的要求的對象（例如if (object.x < whatever) object.x++;）

來源

2015-05-14 14:41:26 SnoApps

非常感謝您的回答，我已經看到了第一個鏈接，但它有點困惑。就像我說的，我對javascript和ocanvas很陌生。我用這樣的：box.stop（）動畫（{ \t \t \t \t \t \t \t旋轉：0， \t \t \t \t \t \t \t×：box.x - 250， \t \t \t \t \t \t \t y：box.y - 250 \t \t \t \t \t \t}）; – Jeff

ocanvas，我試圖標記ocanvas，但堆棧溢出不會讓我創建一個新的標記，因爲我是一個noob – Jeff

如果你想限制動畫，我會建議使用setLoop（）函數，以便您可以手動設置動畫當你需要 – SnoApps

Ocanvas限制動畫

回答

相關問題