Education

Educational Informatics

Computer Science Education

Citizen Science

Politics

Open Government

NPO

Art

Art

http://en.wikipedia.org/wiki/Computer_art

http://en.wikipedia.org/wiki/Information_art

Tessellation

Voronoi Diagram是自然的圖案。卡通動畫裡面,也有人利用Voronoi Diagram來鋪地磚。

http://blog.controul.com/2009/05/speedy-voronoi-diagrams-in-as3flash/
http://nodename.com/blog/2009/05/18/mona-voronita/

馬賽克照片:用許多張照片拼湊「蒙娜麗莎的微笑」。使用兩兩配對的概念,先把《蒙娜麗莎的微笑》切成小格,每一小格與每一張照片計算相似度,選出最適當的照片。

Fractal

http://www.matrix67.com/blog/archives/6231

Julia SetMandelbrot SetDragon CurveSpace-filling Curve

http://chaos.coa.edu/
http://mathcenter.ck.tp.edu.tw/Resources/Ctrl/ePaper/ePaperOpenFileX.ashx?autoKey=360
http://en.wikipedia.org/wiki/Logistic_map
http://zh.wikipedia.org/wiki/File:Logistic_map_examples_small.gif
http://en.wikipedia.org/wiki/Bifurcation_theory
http://algorithmicbotany.org/papers/
http://www.joesfer.com/?p=46

Tiling

http://tilings.math.uni-bielefeld.de/
http://en.wikipedia.org/wiki/Celtic_knot

Zoetrope

Fibonacci Sculpture。

Turtle Graphics

http://en.wikipedia.org/wiki/Turtle_graphics

一筆畫圖片。

Algorithm Visualization

http://bost.ocks.org/mike/algorithms/

Interactive Art

http://openframeworks.cc/

虛擬動物

原理是以三維座標記錄動物的身體外圍輪廓, 另外記錄動物的每個動作會經過的座標, 最後隨機播放動作即可。 要更擬真的話, 可以自行定義動作的相依性, 例如拍拍翅膀後一定要記得搖擺。 如果要讓動作有更細微的變化, 可以設定好有多少機率開始進行下一個動作, 而下一個動作有許多種可能,每一種都設定不同機率, 建立一個 Markov Process 就可以做到了。 要將動物繪於畫面上, 則需要有 Computer Graphics 電腦繪圖的知識。 一般來說,使用 OpenGL / WebGL 內建的函式庫, 就能輕鬆完成3D繪圖。 動物進行轉彎時, 就利用線性代數,將動物輪廓的座標,旋轉一定角度, 就可以使動物面向不同方向。

Body Art

臉部投影