2d粒子效果的高级画布教程

时间:2012-08-07 13:53:16

标签: html5-canvas

我的设计理念由100×4×4像素的彩色方块组成。

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

我需要做的是 1)将广场从画布上移动到它们的原点。 (x,y翻译) 2)循环每个方格上的颜色

可选择查看3d转换,但现在只是尝试完成上面的1 + 2。

有人能指点我一些高级的Canvas教程来实现这个目标吗?

1 个答案:

答案 0 :(得分:3)

此视频描述了基本概念,是我发现的最佳概念:http://vimeo.com/36278748

blobArray通常称为场景图,blob将被视为场景/游戏对象,draw包含场景的更新和绘图,您通常希望将它们保存在单独的函数中,这样如果绘制速度很慢(通常的瓶颈),循环可以多次更新(固定频率)。

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