2d粒子效果的高級畫布教程

Question

我有由100個4乘4像素彩色正方形組成的設計概念。

他們一起創建一個模式。

我需要做的是 1）將畫布外的方​​格動畫到原點。 （x，y翻譯） 2）循環每個獨立正方形上的顏色

可選地可能會查看3d變換，但現在只是試圖完成上面的1 + 2。

任何人都可以指點我一些高級的Canvas教程來完成這個任務嗎？

Answer 1

這VID介紹了基本概念，是我找到的最好：http://vimeo.com/36278748

blobArray一般會被稱爲場景圖，blob將被視爲一個場景/遊戲對象，draw既包含更新和在繪製場景時，您通常希望將這些功能保留在不同的功能中，以便在繪圖較慢（通常的瓶頸）時循環可以更新多次（固定頻率）。

不幸的是，我從來沒有發現任何其他教程足夠好值得一提。通過閱讀three.js，Unity 3D，OpenGL和WebGL的教程和資源，我學到了知識。然後切換到書籍。