Animation🚧

Animation

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

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

http://www.youtube.com/playlist?list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd
https://www.khanacademy.org/computing/pixar
http://animapp.tw/
https://www.cgvisual.com/CGVSpace/archives/4528
https://www.zhihu.com/question/61990609/answer/193543646
http://www.youtube.com/channel/UC0GpuO2aEbGMG8N0iLE9_TA

台灣知名的動畫製作公司如甲尚、西基。

https://www.ithome.com.tw/node/6201
https://www.bnext.com.tw/article/54222/

Cinemation

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

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

Video Game

電動遊戲。中文翻譯實在很奇怪。內含動畫。

遊戲引擎UnityUnreal EngineGodotBabylon.js

Animation Style🚧

Animation Type

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

3D仿2D。調整3D模型,營造2D效果。例如shading。

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

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

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

Animation Style

Cel Animation。賽璐珞膠片動畫、手繪動畫。

Paint-on-Glass Animation。玻璃彩繪動畫。

Stop-frame Animation。停格動畫、定格動畫。

Clay Animation。黏土動畫。

Whiteboard Animation。白板動畫。

Cutout Animation。拼貼動畫。

Silhouette animation。剪紙動畫。

Rotoscope Animation。轉描動畫。

Motion Graphics。動態圖形。

Sakuga

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

https://twitter.com/t_takasaka/status/1570716749565231104

經典作品是小小武打

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

Character Acting🚧

Transformation Function

變換函數。改變物體外型。

大家習慣採用仿射函數:位移、縮放、旋轉。

Easing Function

緩動函數。各個時刻的變化量。

https://easings.net/
https://syphobia.wordpress.com/2011/04/07/useful-mathematic-curves/

Keyframing

關鍵幀。某些時刻的物體外型。

Inbetweening

補幀。其他時刻的物體外型,平滑柔順地補滿。函數內插。

Character Design

角色設計。設計物體外型。

Character Modeling

角色建模。生成物體外型。

Character Rigging

角色骨架绑定。建立骨架,設定骨架與物體外型的對應方式。

Character Skinning

角色蒙皮。設定骨架與物體外型的變換方式。

Geometric Skinning with Approximate Dual Quaternion Blending (2008)
http://rodolphe-vaillant.fr/?e=29
Fast Automatic Skinning Transformation (2012)
http://skinning.org/
Elastic Implicit Skinning: a Robust Iso-Surface Tracking for Interactive Character Skinning (2014)
http://rodolphe-vaillant.fr/?e=59
Robust and Accurate Skeletal Rigging from Mesh Sequences (2014)
Real-time Skeletal Skinning with Optimized Centers of Rotation (2016)
Direct Delta Mush Skinning and Variants (2019)
https://binh.graphics/

Character Deformation

角色形變。改變物體外型,維持物體結構。

Character Motion Design

角色動作設計。設計角色的動作。

https://en.wikipedia.org/wiki/Twelve_basic_principles_of_animation

Character Motion Capture

角色動作捕捉。側錄人類的動作。

https://zh-tw.facebook.com/digicastcrescent

Character Motion Transfer

角色動作轉移。將動作套用到其他物體。

https://www.reddit.com/r/MachineLearning/comments/g7nfvb/

Character Lip Sync

角色對嘴。依照文字,鑲嵌嘴型。

Lip Reading:讀唇。依照嘴型,鑲嵌文字。
Lip Sync:對嘴。依照文字,鑲嵌嘴型。
McGurk Effect
https://www.youtube.com/watch?v=_UzWeZZ9XeQ
http://gvv.mpi-inf.mpg.de/projects/VisualDubbing/index.html

Character Dubbing

角色配音。依照嘴型,鑲嵌聲音。或者反過來。

Character Face Making

角色臉部製造。生成指定臉部動作。

Character Face Re-aging

角色臉部換齡。調整年齡改變外貌。

Object Generation🚧

Object Generation

Texture

Reaction–Diffusion Textures
Generating Textures on Arbitrary Surfaces Using Reaction–Diffusion

Terrain

http://vterrain.org/
https://twitter.com/rustinlee

Map

https://github.com/mxgmn/WaveFunctionCollapse
https://www.zhihu.com/question/27157193

Space Nebula Cloud

https://gamedev.stackexchange.com/questions/147812/

Flow

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

Tree

Space Colonization Algorithm
https://medium.com/@jason.webb/6f683b743dc5

Procedural Modeling

https://en.wikipedia.org/wiki/L-system
https://vladlen.info/publications/metropolis-procedural-modeling/
http://www.matrix67.com/blog/archives/6231
https://www.cc.gatech.edu/~turk/bio_sim/index.html
http://algorithmicbotany.org/papers/
http://www.joesfer.com/?p=46

L System是一套文法,用來描述碎形。可以製作花草樹木。

Hair

頭髮與皮毛模擬。然而這是Disney和Pixar的專利。

Disney是直髮。魔髮奇緣Tangled。

Pixar是捲毛。勇敢傳說Brave。

strand-based simulation。

https://www.andyselle.com/papers/9/
https://sciencebehindpixar.org/pipeline/simulation

Fur

http://www.xbdev.net/directx3dx/specialX/Fur/
http://www.catalinzima.com/xna/tutorials/fur-rendering/

Skin

https://www.youtube.com/user/ICTGraphicsLab

Cloth

https://www.mikecauchiart.com/single-post/2017/01/23/Research-Tillable-images-and-cloth-shading

Dimensional Typography

3D文字動畫。

Animation Rendering🚧

Shader

https://iquilezles.org/www/articles/raymarchingdf/raymarchingdf.htm
https://www.shadertoy.com/view/ld3Gz2

Relief Mapping

Relief Mapping of Non-Height-Field Surface Details
https://www.inf.ufrgs.br/~oliveira/pubs_files/pubs.html

Deferred Shading

z-buffer:  depth
g-buffer:  dot(normal, light)
一層一層疊起來

Gaze-contingent Rendering

聚焦之處更清晰,其餘部分更模糊。

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

https://www.pttweb.cc/bbs/GameDesign/M.1598071883.A.63B
https://www.pttweb.cc/bbs/GameDesign/M.1597794916.A.807

Hatching

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

Silhouette

Watercolor

https://www.cgvisual.com/CGVSpace/archives/4306

Visual Effects🚧

Visual Effects(VFX)

視覺特效。

http://formandcode.com/code-examples/
http://freespace.virgin.net/hugo.elias/
http://fabianoefner.com/
https://www.youtube.com/@ILMVFX
https://zhuanlan.zhihu.com/p/125744132

知名的視覺特效軟體如Houdini

知名的視覺特效公司如Industrial Light & Magic的ILMxLAB。

Particle System

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

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

Color Effect

Camera Control🚧

Camera Control

http://www.amazon.com/dp/0123116341

子彈時間

Optical Illusion

http://www.isc.meiji.ac.jp/~kokichis/Welcomee.html
https://www.youtube.com/channel/UCLIEt2GYDgOTLm32sSsRK2Q
https://en.wikipedia.org/wiki/Anamorphosis
http://www.kongregate.com/games/tobeglad/evo-explores
廠下廣卞廿士十一卉半與本二上旦上二本與半卉一十士廿卞廣下廠下廣卞廿士十一卉半
與本二上旦上二本與半卉一十士廿卞廣下廠下廣卞廿士十一卉半與本二上旦上二本與半
卉一十士廿卞廣下廠下廣卞廿士十一卉半與本二上旦上二本與半卉一十士廿卞廣下廠下