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
92
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
270
If correlation doesn’t imply causality, then what does?
eliang
3
640
Building a Render Cloud
eliang
3
1.1k
Other Decks in Technology
See All in Technology
AI時代を生き抜くエンジニアキャリアの築き方 (AI-Native 時代、エンジニアという道は 「最大の挑戦の場」となる) / Building an Engineering Career to Thrive in the Age of AI (In the AI-Native Era, the Path of Engineering Becomes the Ultimate Arena of Challenge)
jeongjaesoon
0
250
CDK CLIで使ってたあの機能、CDK Toolkit Libraryではどうやるの?
smt7174
4
190
Claude Code でアプリ開発をオートパイロットにするためのTips集 Zennの場合 / Claude Code Tips in Zenn
wadayusuke
5
1.8k
下手な強制、ダメ!絶対! 「ガードレール」を「檻」にさせない"ガバナンス"の取り方とは?
tsukaman
2
460
COVESA VSSによる車両データモデルの標準化とAWS IoT FleetWiseの活用
osawa
1
400
要件定義・デザインフェーズでもAIを活用して、コミュニケーションの密度を高める
kazukihayase
0
120
RSCの時代にReactとフレームワークの境界を探る
uhyo
10
3.5k
「どこから読む?」コードとカルチャーに最速で馴染むための実践ガイド
zozotech
PRO
0
570
初めてAWSを使うときのセキュリティ覚書〜初心者支部編〜
cmusudakeisuke
1
280
TS-S205_昨年対比2倍以上の機能追加を実現するデータ基盤プロジェクトでのAI活用について
kaz3284
1
230
Modern Linux
oracle4engineer
PRO
0
160
IoT x エッジAI - リアルタイ ムAI活用のPoCを今すぐ始め る方法 -
niizawat
0
120
Featured
See All Featured
How GitHub (no longer) Works
holman
315
140k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
Speed Design
sergeychernyshev
32
1.1k
Designing for Performance
lara
610
69k
The Language of Interfaces
destraynor
161
25k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Docker and Python
trallard
46
3.6k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
Side Projects
sachag
455
43k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
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?