html5-canvas - 二维粒子效果的高级画布教程

Question

我的设计概念由 100 个 4 x 4 像素的彩色方块组成。

他们一起创造了一个模式。

我需要做的是 1) 将画布上的正方形动画到它们的原点。(x,y 平移) 2) 在每个单独的正方形上循环颜色

可选地可能会考虑 3d 转换，但现在只是尝试完成上面的 1+2。

谁能指点我一些高级的画布教程来完成这个？

Answer 1

该视频描述了基本概念，是我发现的最好的：http: //vimeo.com/36278748

blobArray通常被称为场景图，blob被认为是场景/游戏对象，draw包含场景的更新和绘制，您通常希望将它们保存在单独的函数中，以便在绘制时循环可以更新多次（固定频率）很慢（通常的瓶颈）。

不幸的是，我从未发现任何其他值得一提的教程。我通过阅读three.js、Unity 3D、OpenGL和WebGL的教程和资源来学习。然后切换到书籍。