在哪里开始学习如何制作可视化程序的程序？

Question

我无法知道谷歌的教程或书籍。

以下是我想要做的事情的一些例子：

http://www.chromeexperiments.com/detail/voronoi-experiment/

http://www.chromeexperiments.com/detail/plane-deformations/

http://jsdo.it/clockmaker/particle

我希望在Javascript中构建它们。所以我意识到这个问题有点模糊，但答案也是如此。我只是想知道要学习什么数学相关的主题，或者是否有任何关于“视觉编程”的书籍我应该阅读。 （我不是指编程中的视觉编程......好吧，视觉上而不是通过文本，更多与编程形状和模式创建相关的主题。）

任何帮助将不胜感激，我可以澄清你是否愿意。

编辑：刚刚发现：

http://wonderfl.net/c/x9a3

太酷了。另一方面，我曾与Flash合作，结果是过去一年的as3。所以我习惯使用我已经创建的图像。用纯编程创建形状和图案我完全陌生。

Answer 1

您可能对Processing感兴趣。这绝不是对你的问题的完整答案，但它会给你一些有用的见解。他们网站的商店页面提供了您可能感兴趣的书籍的详细信息，

Answer 2

很酷的视觉效果清单！

另一个寻找示例（不是教程）的好地方是Shader Toy，它在Javascript下通过WebGL使用GLSL着色器。请注意，要使WebGL在浏览器中运行，您需要very new browser。

如果您对着色器很感兴趣，如果您想进行实时可视化，那么可能就是several good tutorials。

编辑：我应该补充一点，如果您只是想要启动，则不需要图形加速（例如GLSL）;这可能比你需要的更复杂，并且你失去了可移植性（直到WebGL进入更主流的浏览器版本）。显然，只需使用HTML 5 canvas（如在processing.js或Chrome实验中）就可以做得很好。请记住，HTML 5画布虽然比WebGL更广泛，但也是not ubiquitous among web surfers（5月份为46％）。