Uncharted 2: Character Lighting and Shading

114
1

Transcript of Uncharted 2: Character Lighting and Shading

Page 1: Uncharted 2: Character Lighting and Shading

1

Page 2: Uncharted 2: Character Lighting and Shading

2

Page 3: Uncharted 2: Character Lighting and Shading

3

Page 4: Uncharted 2: Character Lighting and Shading

You play as Drake, the loveable rogue. Check out this link for more character development: http://www.penny-arcade.com/comic/2009/10/19/.

4

Page 5: Uncharted 2: Character Lighting and Shading

5

Page 6: Uncharted 2: Character Lighting and Shading

6

Page 7: Uncharted 2: Character Lighting and Shading

7

Page 8: Uncharted 2: Character Lighting and Shading

8

Page 9: Uncharted 2: Character Lighting and Shading

9

Page 10: Uncharted 2: Character Lighting and Shading

The best implementation of skin in realtime that I’ve seen is the NVIDIA Human Head demo.

10

Page 11: Uncharted 2: Character Lighting and Shading

When you look at the render on the left vs. an actual picture of Doug Jones, there is a certain fleshiness that is hard to explain. That’s what I like about the NVIDIA technique. On some level, it just “feels” like skin.

11

Page 12: Uncharted 2: Character Lighting and Shading

Obviously, movies can go much farther than we can in realtime. We’ll catch up eventually…I hope.

12

Page 13: Uncharted 2: Character Lighting and Shading

This next section with show lots of pictures using Lazarevic from U2. Note that these tests are in Rendermonkey, not the game engine.

13

Page 14: Uncharted 2: Character Lighting and Shading

14

Page 15: Uncharted 2: Character Lighting and Shading

Lazaravic with standard dot(N,L) lighting.

15

Page 16: Uncharted 2: Character Lighting and Shading

16

Page 17: Uncharted 2: Character Lighting and Shading

The NVIDIA technique divides light into diffuse light that gets absorbed and immediately retransmitted, versus light that bounces around inside the skin for a while before exiting. Not that the SSS light is more red-ish.

17

Page 18: Uncharted 2: Character Lighting and Shading

18

Page 19: Uncharted 2: Character Lighting and Shading

Their approach uses essentially 6 layers of blur.

19

Page 20: Uncharted 2: Character Lighting and Shading

The first layer is essentially no blur. This simulates light that gets absorbed and immediately retransmitted.

20

Page 21: Uncharted 2: Character Lighting and Shading

The use weights for all 5 lightmaps to simulate the light that bounces inside the skin.

21

Page 22: Uncharted 2: Character Lighting and Shading

22

Page 23: Uncharted 2: Character Lighting and Shading

23

Page 24: Uncharted 2: Character Lighting and Shading

The left side is a standard dot(N,L) and the right is with the NVIDIA skin shading.

24

Page 25: Uncharted 2: Character Lighting and Shading

Key point: The normals that point towards the light tend to look more cyan-ish and the normals that point away tend to be more red-ish.

25

Page 26: Uncharted 2: Character Lighting and Shading

Comparison of pure dot(N,L) diffuse to the NVIDI SSS technique.

26

Page 27: Uncharted 2: Character Lighting and Shading

Their approach looks great, but is very expensive in both memory.

27

Page 28: Uncharted 2: Character Lighting and Shading

28

Page 29: Uncharted 2: Character Lighting and Shading

Instead of using 5 gaussian blurs, we’ll try to approximate that with a single 12-tap blur. It’s not as good, but much, much cheaper.

29

Page 30: Uncharted 2: Character Lighting and Shading

Check the ShaderX7 chapter for more detail.

30

Page 31: Uncharted 2: Character Lighting and Shading

31

Page 32: Uncharted 2: Character Lighting and Shading

32

Page 33: Uncharted 2: Character Lighting and Shading

33

Page 34: Uncharted 2: Character Lighting and Shading

34

Page 35: Uncharted 2: Character Lighting and Shading

35

Page 36: Uncharted 2: Character Lighting and Shading

36

Page 37: Uncharted 2: Character Lighting and Shading

37

Page 38: Uncharted 2: Character Lighting and Shading

38

Page 39: Uncharted 2: Character Lighting and Shading

39

Page 40: Uncharted 2: Character Lighting and Shading

40

Page 41: Uncharted 2: Character Lighting and Shading

Notice how using different normals for R/G/B seems to cause some blue spottiness.

41

Page 42: Uncharted 2: Character Lighting and Shading

That’s because you have cases where the blue diffuse is near 1 and the red diffuse is near 0.

42

Page 43: Uncharted 2: Character Lighting and Shading

Another approach is to do a diffuse calculation for the Geometry and Normal Mapped normals, and lerp between them taking more red from the Geometry normal and more Green/Blue from the normal mapped normal.

43

Page 44: Uncharted 2: Character Lighting and Shading

44

Page 45: Uncharted 2: Character Lighting and Shading

45

Page 46: Uncharted 2: Character Lighting and Shading

46

Page 47: Uncharted 2: Character Lighting and Shading

47

Page 48: Uncharted 2: Character Lighting and Shading

48

Page 49: Uncharted 2: Character Lighting and Shading

49

Page 50: Uncharted 2: Character Lighting and Shading

50

Page 51: Uncharted 2: Character Lighting and Shading

51

Page 52: Uncharted 2: Character Lighting and Shading

52

Page 53: Uncharted 2: Character Lighting and Shading

53

Page 54: Uncharted 2: Character Lighting and Shading

54

Page 55: Uncharted 2: Character Lighting and Shading

55

Page 56: Uncharted 2: Character Lighting and Shading

56

Page 57: Uncharted 2: Character Lighting and Shading

57

Page 58: Uncharted 2: Character Lighting and Shading

58

Page 59: Uncharted 2: Character Lighting and Shading

59

Page 60: Uncharted 2: Character Lighting and Shading

60

Page 61: Uncharted 2: Character Lighting and Shading

Sometimes, in cutscenes, the shots get pretty close, so we need the quality.

61

Page 62: Uncharted 2: Character Lighting and Shading

You spend most of normal gameplay staring at the back of Drake’s neck, so a separate pass for SSS was not worth the cost.

62

Page 63: Uncharted 2: Character Lighting and Shading

63

Page 64: Uncharted 2: Character Lighting and Shading

64

Page 65: Uncharted 2: Character Lighting and Shading

65

Page 66: Uncharted 2: Character Lighting and Shading

66

Page 67: Uncharted 2: Character Lighting and Shading

67

Page 68: Uncharted 2: Character Lighting and Shading

68

Page 69: Uncharted 2: Character Lighting and Shading

69

Page 70: Uncharted 2: Character Lighting and Shading

70

Page 71: Uncharted 2: Character Lighting and Shading

71

Page 72: Uncharted 2: Character Lighting and Shading

72

Page 73: Uncharted 2: Character Lighting and Shading

73

Page 74: Uncharted 2: Character Lighting and Shading

74

Page 75: Uncharted 2: Character Lighting and Shading

75

Page 76: Uncharted 2: Character Lighting and Shading

76

Page 77: Uncharted 2: Character Lighting and Shading

77

Page 78: Uncharted 2: Character Lighting and Shading

78

Page 79: Uncharted 2: Character Lighting and Shading

79

Page 80: Uncharted 2: Character Lighting and Shading

80

Page 81: Uncharted 2: Character Lighting and Shading

81

Page 82: Uncharted 2: Character Lighting and Shading

82

Page 83: Uncharted 2: Character Lighting and Shading

83

Page 84: Uncharted 2: Character Lighting and Shading

The left shot is one of the first released screenshots before a lot of the tech got in. The one on the right is what we shipped. The one on the left has lots of hacks that we eventually took out, such as that orange glow around Drake’s skin.

84

Page 85: Uncharted 2: Character Lighting and Shading

85

Page 86: Uncharted 2: Character Lighting and Shading

86

Page 87: Uncharted 2: Character Lighting and Shading

87

Page 88: Uncharted 2: Character Lighting and Shading

88

Page 89: Uncharted 2: Character Lighting and Shading

89

Page 90: Uncharted 2: Character Lighting and Shading

90

Page 91: Uncharted 2: Character Lighting and Shading

91

Page 92: Uncharted 2: Character Lighting and Shading

Notice that the NVIDIA demo has a harsh falloff. It looks great if you do everything else right, which is why that demo is the gold standard for skin in realtime.

92

Page 93: Uncharted 2: Character Lighting and Shading

93

Page 94: Uncharted 2: Character Lighting and Shading

Since he looks fleshy, you would think that he has blurry maps.

94

Page 95: Uncharted 2: Character Lighting and Shading

95

Page 96: Uncharted 2: Character Lighting and Shading

96

Page 97: Uncharted 2: Character Lighting and Shading

In the demo, they have extremely detailed maps and they use the lighting model to soften it.

97

Page 98: Uncharted 2: Character Lighting and Shading

IMO what makes skin look right is how light bleeds around the normals. If you paint soft maps with no detail in the normals, it just looks flat.

98

Page 99: Uncharted 2: Character Lighting and Shading

Notice that there is more detail in the shot on the right. For U2, we really cranked the detail in the maps and the strength of the normals and then let the lighting model soften it.

99

Page 100: Uncharted 2: Character Lighting and Shading

100

Page 101: Uncharted 2: Character Lighting and Shading

101

Page 102: Uncharted 2: Character Lighting and Shading

102

Page 103: Uncharted 2: Character Lighting and Shading

103

Page 104: Uncharted 2: Character Lighting and Shading

Don’t bake too much AO into your diffuse maps.

104

Page 105: Uncharted 2: Character Lighting and Shading

105

Page 106: Uncharted 2: Character Lighting and Shading

You get HDR lighting from having high dynamic range in your LIGHTING. I see a lot of games that have all the tech for HDR lighting, but it still looks flat. The reason 99% of the time is that they have too much black in their textures. For an example of a game doing a really good job of managing their textures, check out Mirror’s Edge.

106

Page 107: Uncharted 2: Character Lighting and Shading

107

Page 108: Uncharted 2: Character Lighting and Shading

108

Page 109: Uncharted 2: Character Lighting and Shading

109

Page 110: Uncharted 2: Character Lighting and Shading

110

Page 111: Uncharted 2: Character Lighting and Shading

Go through the cutscenes again and look for Drake’s tongue. You’ll see what I mean.

111

Page 112: Uncharted 2: Character Lighting and Shading

I’m a big fan of custom lighting models (i.e. beyond Blinn-Phong). Btw, doing proper Linear-Space Lighting is more important than everything in this presentation combined.

112

Page 113: Uncharted 2: Character Lighting and Shading

113

Page 114: Uncharted 2: Character Lighting and Shading

114