Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Intro to Computer Graphics
Search
Chang-Hung Liang
January 04, 2013
Technology
0
83
Intro to Computer Graphics
Some selected topics on computer graphics.
Chang-Hung Liang
January 04, 2013
Tweet
Share
More Decks by Chang-Hung Liang
See All by Chang-Hung Liang
Asynchronous Python
eliang
3
260
If correlation doesn’t imply causality, then what does?
eliang
3
620
Building a Render Cloud
eliang
3
1k
Other Decks in Technology
See All in Technology
MC906491 を見据えた Microsoft Entra Connect アップグレード対応
tamaiyutaro
1
480
Nekko Cloud、 これまでとこれから ~学生サークルが作る、 小さなクラウド
logica0419
2
730
エンジニアの育成を支える爆速フィードバック文化
sansantech
PRO
3
660
プロセス改善による品質向上事例
tomasagi
1
1.6k
技術負債の「予兆検知」と「状況異変」のススメ / Technology Dept
i35_267
1
1k
目の前の仕事と向き合うことで成長できる - 仕事とスキルを広げる / Every little bit counts
soudai
22
5.8k
Culture Deck
optfit
0
330
ハッキングの世界に迫る~攻撃者の思考で考えるセキュリティ~
nomizone
12
4.5k
個人開発から公式機能へ: PlaywrightとRailsをつなげた3年の軌跡
yusukeiwaki
10
2.7k
サーバーレスアーキテクチャと生成AIの融合 / Serverless Meets Generative AI
_kensh
12
3k
開発者が自律的に AWS Security Hub findings に 対応する仕組みと AWS re:Invent 2024 登壇体験談 / Developers autonomously report AWS Security Hub findings Corresponding mechanism and AWS re:Invent 2024 presentation experience
kaminashi
0
190
急成長する企業で作った、エンジニアが輝ける制度/ 20250214 Rinto Ikenoue
shift_evolve
2
880
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
427
64k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
A Philosophy of Restraint
colly
203
16k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
The Pragmatic Product Professional
lauravandoore
32
6.4k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
How GitHub (no longer) Works
holman
313
140k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
400
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Transcript
Intro to Computer Graphics
Making of Computer Animation Modeling & Texturing Animation Lighting &
Rendering Editing & Compositing
Modeling & Texturing Modeling & Texturing Animation Lighting & Rendering
Editing & Compositing 3ds Max Maya
Animation Modeling & Texturing Animation Lighting & Rendering Editing &
Compositing 3ds Max Maya Houdini MotionBuilder
Lighting & Rendering Modeling & Texturing Animation Lighting & Rendering
Editing & Compositing Dreamworks' In-house Renderer mental ray®
Lighting & Rendering Modeling & Texturing Animation Lighting & Rendering
Editing & Compositing After Effects Premiere Photoshop
Modeling & Texturing Modeling & Texturing Animation Lighting & Rendering
Editing & Compositing 3ds Max Maya
3D Model Vertices Face
Texture Mapping ?
Texture Mapping: U and V U V (0, 0) (1,
1) (1, 0) (0, 1) A face on a model (0.7, 0.6) (0.6, 0.4) (0.4, 0.5)
Normal Mapping
Normal Map Gives You Details 3D Model Real World
Normal Map: Color Vector X = 2R - 1 Y
= 2G - 1 Z = 2B - 1 Example RGB: (0.5, 0.5, 1) = XYZ: (0, 0, 1)
Animation Modeling & Texturing Animation Lighting & Rendering Editing &
Compositing 3ds Max Maya Houdini MotionBuilder
Skinning Meat Bones
Skin Weights (100%, 0%) (50%,50%) (0%,100%) Influence of red bone
Influence of blue bone
Skin Weights
Lighting & Rendering Modeling & Texturing Animation Lighting & Rendering
Editing & Compositing Dreamworks' In-house Renderer mental ray®
What is Rendering?
How We See Things? Object
Raytracing
Why Things Look as They Do? Object Bidirectional reflectance distribution
function (BRDF) (a fancy term for material / shader) Normal Light direction Light amount Eye direction Amount of light reflected
Perfect Diffuse Color LambertianBRDF( normal, lightDir, lightColor, eyeDir) { return
lightColor / PI; }
Glossy Specular
Perfect Specular Color MirrorBRDF( normal, lightDir, lightColor, eyeDir) { float
LdotN = dot(lightDir, normal); float EdotN = dot(eyeDir, normal); if (abs(EdotN + LdotN) < 0.001) return lightColor; return Color(0, 0, 0); } Ɵ Ɵ lightDir eyeDir normal
Retro-Refletive
Subsurface Scattering (SSS)
Making Your Rendering More Realistic • Soft shadow • Global
illumination • Image-based lighting
Hard vs. Soft Shadow
Hard Shadow Object Point Light
Soft Shadow Object Area Light
Global Illumination Objects reflect light, too!
Global Illumination Object Object Direct Lighting Indirect Lighting
Imaged-based Lighting How do you put a virtual 3D object
into a real-world photo realistically? Bad example Good example
Imaged-based Lighting 1. Put a mirror ball in the real-world
scene 2. Take a photo of it
Imaged-based Lighting 3. Unwrap the mirror ball photo
Imaged-based Lighting 4. Use it as a huge dome light
Map it onto a huge sphere Your scene here
Summary • Modeling and texturing ◦ U and V ◦
Normal mapping • Animation ◦ Skinning • Rendering ◦ Raytracing ◦ Materials & shaders ◦ Soft shadow ◦ Global illumination ◦ Image-based lighting Thanks! Questions?