我們正在開發一個impactjs遊戲,允許點擊實體的「鏈接」。基本上這只是在兩點之間劃出一條線,並帶有霓虹發光效果。到現在爲止還挺好。現在,我們有一個要求讓'連鎖'連接變成動畫 - 火,火花等等。從本質上看,他們需要實際的圖形動畫才能看起來正確。由於實體之間可以有任何距離/角度,所以我們堅持如何最好地實現這個解決方案 - 也就是說,如何繪製對角線圖像,例如,在我們可以製作動畫的兩個隨機點之間。任何想法,我們的建議,如何把這個關閉將不勝感激。在HTML5畫布上爲兩個對象之間的路徑設置動畫
2
A
回答
1
也許用包含必要的動畫/粒子效果的動畫片創建一個粒子實體。然後沿着從點A到點B的線繪製這些粒子。
當您想爲其設置動畫效果時,爲所有這些實體運行動畫。在那一行。
0
我傾向於同意Prat。粒子效應很可能是你需要的。 這是一個關於在impact.js中生成粒子效果的教程,可以幫助你。
http://www.pointofimpactjs.com/snippets/view/24/particle-effects-generation
相關問題
- 1. html5畫布 - 按路徑動畫對象
- 2. 在兩個對象之間的HTML5畫布上繪製箭頭
- 3. 在HTML5畫布中沿着路徑旋轉移動的對象
- 4. canvas/raphael.js - 在畫布上爲對象設置動畫
- 5. 在html5畫布上移動對象
- 6. Android:在畫布上爲單個路徑的Alpha創建動畫
- 7. HTML5畫布:操縱單個路徑
- 8. 在畫布中旋轉兩個分離對象(路徑)
- 9. 動畫像畫在畫布上的路徑
- 10. 任何路徑從動畫設計到HTML5的動畫?
- 11. 在Android畫布上設置動畫點
- 12. 畫布 - 在兩個控件之間的最近路徑上繪製線
- 13. Html5畫布動畫
- 14. 兩個貝塞爾路徑形狀之間的動畫
- 15. 畫布創建兩個單獨的動畫瀑布對象
- 16. 動畫對象的畫布
- 17. 動畫GIF在HTML5畫布
- 18. 畫布上的SVG路徑位置
- 19. HTML5畫布在同一個畫布內分層對象
- 20. HTML5畫布對象隨機路徑生成
- 21. 訪問html5畫布對象
- 22. HTML5畫布對象事件
- 23. Android的畫布 - 之間畫弧點和刪除路徑
- 24. 在Android中設置動畫路徑?
- 25. 如何爲一系列html畫布路徑的alpha設置動畫效果?
- 26. 將畫布調整爲路徑或調整畫布路徑
- 27. 動態HTML5畫布動畫
- 28. HTML5畫布距離和移動對象
- 29. 對HTML5畫布
- 30. HTML5畫布路徑繪製問題