Intro to Computer Graphics

Some selected topics on computer graphics.

Transcript

1. Intro to Computer Graphics
2. Making of Computer Animation Modeling & Texturing Animation Lighting & Rendering Editing & Compositing
3. Modeling & Texturing Modeling & Texturing Animation Lighting & Rendering Editing & Compositing 3ds Max Maya
4. Animation Modeling & Texturing Animation Lighting & Rendering Editing & Compositing 3ds Max Maya Houdini MotionBuilder
5. Lighting & Rendering Modeling & Texturing Animation Lighting & Rendering Editing & Compositing Dreamworks' In-house Renderer mental ray®
6. Lighting & Rendering Modeling & Texturing Animation Lighting & Rendering Editing & Compositing After Effects Premiere Photoshop
7. Modeling & Texturing Modeling & Texturing Animation Lighting & Rendering Editing & Compositing 3ds Max Maya
8. 3D Model Vertices Face
9. Texture Mapping ?
10. 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)
11. Normal Mapping
12. Normal Map Gives You Details 3D Model Real World
13. Normal Map: Color Vector X = 2R - 1 Y = 2G - 1 Z = 2B - 1 Example RGB: (0.5, 0.5, 1) = XYZ: (0, 0, 1)
14. Animation Modeling & Texturing Animation Lighting & Rendering Editing & Compositing 3ds Max Maya Houdini MotionBuilder
15. Skinning Meat Bones
16. Skin Weights (100%, 0%) (50%,50%) (0%,100%) Influence of red bone Influence of blue bone
17. Skin Weights
18. Lighting & Rendering Modeling & Texturing Animation Lighting & Rendering Editing & Compositing Dreamworks' In-house Renderer mental ray®
19. What is Rendering?
20. How We See Things? Object
21. Raytracing
22. 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
23. Perfect Diffuse Color LambertianBRDF( normal, lightDir, lightColor, eyeDir) { return lightColor / PI; }
24. Glossy Specular
25. 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
26. Retro-Refletive
27. Subsurface Scattering (SSS)
28. Making Your Rendering More Realistic • Soft shadow • Global illumination • Image-based lighting
29. Hard vs. Soft Shadow
30. Hard Shadow Object Point Light
31. Soft Shadow Object Area Light
32. Global Illumination Objects reflect light, too!
33. Global Illumination Object Object Direct Lighting Indirect Lighting
34. Imaged-based Lighting How do you put a virtual 3D object into a real-world photo realistically? Bad example Good example
35. Imaged-based Lighting 1. Put a mirror ball in the real-world scene 2. Take a photo of it
36. Imaged-based Lighting 3. Unwrap the mirror ball photo
37. Imaged-based Lighting 4. Use it as a huge dome light Map it onto a huge sphere Your scene here
38. Summary • Modeling and texturing ◦ U and V ◦ Normal mapping • Animation ◦ Skinning • Rendering ◦ Raytracing ◦ Materials & shaders ◦ Soft shadow ◦ Global illumination ◦ Image-based lighting Thanks! Questions?