53
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.

4.500 Introduction to Design Computing Fall 2008 For information … · 2020. 1. 3. · • Scaling - Texture . Technical Components of a 25 Rendering • Lighting Algorithm • Surface

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

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

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

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

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

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

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

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

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

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

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
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
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
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
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
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

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

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

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

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

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

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
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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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
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

52