Animation(Under Construction!)

Animation

動畫。狹義是卡通動畫。廣義是電腦模擬動畫。

知名的動畫製作軟體如AfterEffect、NUKE、MAYA、MARI、CelAction2D。

http://www.youtube.com/playlist?list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd
https://www.khanacademy.org/partner-content/pixar
http://animapp.tw/
https://www.zhihu.com/question/61990609/answer/193543646
http://www.youtube.com/channel/UC0GpuO2aEbGMG8N0iLE9_TA
http://www.cse.ohio-state.edu/~parent/

3D。建立3D模型。現在最流行的方式。

3D仿2D。調整3D模型,營造2D效果。例如採用特殊的shading。

http://animapp.tw/blog/insight/people/1816

2.5D。調整2D圖片,營造3D效果。例如多層貼圖、image warping。

2D仿3D。以2D圖片為基礎,打造3D模型。

http://www.alecrivers.com/2.5dcartoonmodels/
http://graphics.csie.ncku.edu.tw/double_side/doublegfx.TVCG.final.pdf

Stop-frame Animation。停格動畫、定格動畫。拍攝靜態畫面,串成一個影片。

Cinemation

電影。相關的學問叫做「攝影學Cinematography」。

電視廣告。所有技巧集大成。

https://www.facebook.com/worthtostudy

Visual Effects(VFX)

視覺特效。

知名的視覺特效軟體如Houdini。

http://freespace.virgin.net/hugo.elias/

Sakuga

作畫。傳統的卡通動畫是人工作畫。現代的卡通動畫是運用演算法協助作畫。

經典的作品是小小武打

日本發展出許多令人驚豔的作畫風格。台灣曾經是作畫代工大國,不過已經沒落了。

Animation Effect(Under Construction!)

Easing Function

https://github.com/kaelzhang/easing-functions
https://syphobia.wordpress.com/2011/04/07/useful-mathematic-curves/

Transformation Function

https://www.ptt.cc/bbs/GameDesign/M.1516259307.A.10F.html

Character Rigging

Particle System

http://davidhsu666.com/archives/js-firework/

Perlin noise應用廣泛,例如紋路(座標)、地勢(高度)、痕跡(表面法向量)、移動(速度)、濃淡(密度)。

Animation Rendering(Under Construction!)

Shader

Non-photorealistic Rendering

非寫實繪圖。

Painterly Rendering
Artistic Rendering
Vision-Realistic Rendering
http://www.dgp.toronto.edu/~hertzman/
http://www.cs.cf.ac.uk/npr/
http://www.red3d.com/cwr/npr/
http://www.cs.virginia.edu/~luebke/publications/pdf/npr.pdf

Cel Shading

Hatching

http://research.microsoft.com/en-us/um/people/hoppe/hatching.pdf

Silhouette

Watercolor

Object Generation(Under Construction!)

Fur

http://www.xbdev.net/directx3dx/specialX/Fur/
http://www.catalinzima.com/xna/tutorials/fur-rendering/
https://www.mikecauchiart.com/single-post/2017/01/23/Research-Tillable-images-\
and-cloth-shading

Map

https://www.zhihu.com/question/27157193

Flow

http://www.iquilezles.org/www/articles/warp/warp.htm

Dimensional Typography

3D文字動畫。

http://acg.media.mit.edu/projects/thesis/pchothesis.pdf