4.500 introduction to design computing fall 2008 for information … · 2020. 1. 3. · • scaling...
TRANSCRIPT
![Page 1: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/1.jpg)
MIT OpenCourseWare http://ocw.mit.edu
4.500 Introduction to Design Computing Fall 2008
For information about citing these materials or our Terms of Use, visit: http://ocw.mit.edu/terms.
![Page 2: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/2.jpg)
4.500
Computing Rendering
![Page 3: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/3.jpg)
21. Why do Architects Render
2. Technical Components of Rendering
3. Illuminating a Model
![Page 4: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/4.jpg)
Rendering in Architecture
3
• Test Design Quality & Performance
• Test Quantitative Performance
• Present Information
• Renderings have different purposes
![Page 5: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/5.jpg)
4
Purpose of Rendering
• Providers of Light to Models Constructed of Lines
• Present Design Possibilities
• Software: Most are Rendering and Modeling Packages are Bundled Together
![Page 6: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/6.jpg)
5
[ Quality Vs Quantity ]
![Page 7: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/7.jpg)
6
![Page 8: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/8.jpg)
7
![Page 9: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/9.jpg)
8
[Designing Colors ]
![Page 10: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/10.jpg)
![Page 11: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/11.jpg)
![Page 12: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/12.jpg)
![Page 13: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/13.jpg)
![Page 14: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/14.jpg)
![Page 15: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/15.jpg)
14
[ Designing Artificial Lights ]
![Page 16: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/16.jpg)
15
![Page 17: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/17.jpg)
16
![Page 18: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/18.jpg)
17
![Page 19: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/19.jpg)
18
![Page 20: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/20.jpg)
19
[ Designing Natural Light ]
![Page 21: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/21.jpg)
![Page 22: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/22.jpg)
21
![Page 23: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/23.jpg)
22
![Page 24: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/24.jpg)
23
![Page 25: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/25.jpg)
Summary of Rendering Qualities 24
• Capturing Light & Shadow
• Find the right balance of color and depth
• Scaling - Texture
![Page 26: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/26.jpg)
25Technical Components of a Rendering
• Lighting Algorithm
• Surface Treatment – Texture Maps
• Image Manipulation – (Photoshop)
![Page 27: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/27.jpg)
26Model Representations
Surface Models Ruled Surface Solid Modeling NURB Surface Modeling
Parametric Modeling
![Page 28: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/28.jpg)
27Model Representations
Surface Models Ruled Surface Solid Modeling NURB Surface Parametric Modeling Modeling
![Page 29: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/29.jpg)
28Rendered Representation
Geometrical Hidden Line Representation
Render Raytrace Radiosity
Shading
![Page 30: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/30.jpg)
29
Axonometric Projections
90o 90o
90o
Trimetric Isometric Dimetric 3 axes, no equal angles 3 axes with equal angles 3 axes, but only two of these have
equal angles
Figure by MIT OpenCourseWare.
![Page 31: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/31.jpg)
30 Rendering Components
1 - Modeling
2 - Rendering Lights
Spots General Day lighting
Cameras Lens Manipulation Change in Location
Operations on Surfaces Shading Ray Tracing Textures Maps
3 - Animation
![Page 32: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/32.jpg)
31Rendering Scene
Illumination
Virtual Camera
Geometry CAD Model
![Page 33: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/33.jpg)
32Surfaces - Wire Frame
![Page 34: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/34.jpg)
33Surfaces - Shading
![Page 35: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/35.jpg)
34Surfaces - Color
![Page 36: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/36.jpg)
35Surfaces – Ray Tracing
![Page 37: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/37.jpg)
36Surfaces - Radiosity
![Page 38: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/38.jpg)
37Surface - Textures And Maps
![Page 39: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/39.jpg)
38Image Manipulation
![Page 40: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/40.jpg)
39
Illumination
• Import a Model
• Setting up Lights
• Setting up Cameras
• Creating an Image
![Page 41: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/41.jpg)
40Rendering Process
Mono Chromatic Model
![Page 42: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/42.jpg)
41
Mono Chromatic Model
![Page 43: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/43.jpg)
42
Color and Light Model
![Page 44: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/44.jpg)
43
Surface and Light
![Page 45: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/45.jpg)
44
Color and Light
![Page 46: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/46.jpg)
45
Color and Light
![Page 47: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/47.jpg)
46
Light & External Textures
![Page 48: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/48.jpg)
47
Texture Maps
![Page 49: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/49.jpg)
48
Final Camera Views
![Page 50: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/50.jpg)
49
![Page 51: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/51.jpg)
50
![Page 52: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/52.jpg)
![Page 53: 4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface](https://reader033.vdocuments.us/reader033/viewer/2022052019/6032b807b7510e37eb7cc187/html5/thumbnails/53.jpg)
52