2010-11-04 64 views
1

我很难知道如何谷歌教程或书籍。哪里可以开始学习如何制作可视化程序?

这里是在想什么,我做的境界的东西一些例子:

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。所以我习惯于处理我已经创建的图像。对于用纯编程创建图形和图案,我是一个完全陌生的人。

回答

1

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

+0

这看起来正是我所需要的。你真的认为这些信息会传递给JavaScript之类的语言吗?因为最终我不打算处理。无论如何,从网站看来它似乎是一种学习语言。如果是这样的话,我准备购买这本书。真棒。 编辑:http://processingjs.org/ 这看起来像一个完美的解决方案。你知道什么。 – Miles 2010-11-05 01:47:21

1

很酷的视觉效果的清单!

查找示例(不是教程)的另一个好地方是Shader Toy,它在Javascript下使用GLSL着色器,通过WebGL。请注意,要让WebGL在浏览器中工作,您需要一个very new browser

如果您对着色器感兴趣,如果您想要进行实时可视化,可能会出现这种着色器,这里有several good tutorials

编辑:我要补充一点,如果你只是希望得到开始,你不需要图形加速(如GLSL);这可能比你需要的更复杂,并且你失去了可移植性(直到WebGL成为更主流的浏览器版本)。很明显,只要使用HTML 5画布(就像在processing.js或Chrome实验中那样)就可以做得很好。请记住,HTML5画布虽然比WebGL更广泛,但也是not ubiquitous among web surfers(5月份为46%)。

相关问题