Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game...
Transcript of Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game...
![Page 1: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/1.jpg)
Illustrative Rendering Illustrative Rendering in in Team Fortress 2Team Fortress 2
Jason MitchellJason MitchellMoby FranckeMoby FranckeDhabih EngDhabih Eng
![Page 2: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/2.jpg)
• Motivations and related work• Environments• Characters and interactive shading• Future work
OutlineOutline
![Page 3: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/3.jpg)
Team Fortress 2Team Fortress 2• Class-based multiplayer
combat game which will be released this fall
• Unique visual style• Differentiation - multiplayer
combat games tend to embrace a contemporary photorealistic look
• Gameplay -Team Fortresshas always featured cartoonish, over-the-top situations
• Readability - Class differentiation is the core of Team Fortress 2, hence we needed to be able to clearly differentiate classes visually
![Page 4: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/4.jpg)
![Page 5: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/5.jpg)
• Value contrast • Simple forms
• No unnecessarily off-kilter shapes
• Minimize visual noise• Texture and geometric• Minimize repetition
Environment Design PrinciplesEnvironment Design Principles
![Page 6: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/6.jpg)
Contrasting Team PropertiesContrasting Team Properties• Red
• Warm colors• Natural materials• Angular geometry
• Blue• Cool colors• Industrial materials• Orthogonal forms
![Page 7: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/7.jpg)
Blue base in 2fort map
![Page 8: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/8.jpg)
Red base in 2fort map
![Page 9: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/9.jpg)
• Photorealistic techniques from our other games• Radiosity-generated light maps• Special effects such as reflection and refraction
• Hand-painted textures with minimal noise, applied directly to 3D geometry• Loose details with visible brush strokes• Inherent solidity and frame-to-frame coherence• Hold up under magnification better than
photoreference• Brush strokes appear in perspective, not in the
2D image plane [Miyazaki02]• High frequency detail in photorealistic games
can overpower design
World RenderingWorld Rendering
Color Palette
![Page 10: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/10.jpg)
Miyazaki Miyazaki –– Brush Width ForeshortenedBrush Width Foreshortened
Background plates from Spirited AwayBackground plates from Background plates from Spirited AwaySpirited Away
• Can easily imagine a 3D camera move between these 2D views of the same space
![Page 11: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/11.jpg)
![Page 12: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/12.jpg)
Neutral EntitiesNeutral Entities• Variations in hue and saturation are
used to differentiate neutral entities in the game world• A hue other than red or blue creates
disassociation from either team color• Increased saturation makes these
important entities stand out in the desaturated environment
• Equally beneficial or dangerous to either team• Beneficial green / cyan health pickups• Dangerous yellow train yard gates
![Page 13: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/13.jpg)
![Page 14: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/14.jpg)
Character Design GoalsCharacter Design Goals
• Easily visible against environment• Characters must be readable quickly by other players• Communicate shape via shading and silhouette
under all lighting conditions
![Page 15: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/15.jpg)
( ) ( ) ( ) ( )dyellowdblue kklnkkln βα +⎟⎟⎠
⎞⎜⎜⎝
⎛⎟⎠⎞
⎜⎝⎛ +⋅−++⎟
⎠⎞
⎜⎝⎛ +⋅
21ˆˆ
211
21ˆˆ
21
Gooch, 1998Gooch, 1998• Hue and luminance shifts indicate surface
orientation relative to light• Blend between warm and cool based upon
unclamped Lambertian term, underlying albedo and some free parameters
• Extreme lights and darks are reserved for edge lines and highlights
Conventional Shading
Gooch Shading
![Page 16: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/16.jpg)
Lake, 2000Lake, 2000• Lake used a 1D texture lookup
based upon the Lambertian term to simulate the limited color palette cartoonists use for painting cels
• Also allows for the inclusion of a view-independent pseudo specular highlight by including a small number of bright texels at the “lit” end of the 1D texture map
N·L
![Page 17: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/17.jpg)
Barla, 2006Barla, 2006• Barla has extended this technique by using a 2D texture lookup to
incorporate view-dependent and level-of-detail effects.• Fresnel-like creates a hard “virtual backlight” which is essentially a
rim-lighting term, though this term is not designed to correspond toany particular lighting environment.
N·L N·L
|N·V|r |N·V|r
![Page 18: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/18.jpg)
Early 20th Century Commercial IllustrationEarly 20th Century Commercial Illustration
• Chose to adopt specific conventions of the commercial illustrator J. C. Leyendecker:• Shading obeys a warm-to-cool hue shift. Shadows go to
cool, not black• Saturation increases at the terminator with respect to a given
light source. The terminator is often reddened.• On characters, interior details such as clothing folds are
chosen to echo silhouette shapes• Silhouettes are often emphasized with rim highlights rather
than dark outlines
![Page 19: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/19.jpg)
J.C. LeyendeckerArrow collar advertisement, 1929
J.C. LeyendeckerSwimmin’ Hole, 1935
Rim Highlights
Red Terminator
![Page 20: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/20.jpg)
J.C. LeyendeckerThanksgiving 1628-1928
J.C. LeyendeckerTally-Ho, 1930
Clothing Folds
![Page 21: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/21.jpg)
Engineer ConceptEngineer Concept
![Page 22: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/22.jpg)
Rim Highlighting: BeforeRim Highlighting: Before
![Page 23: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/23.jpg)
Rim Highlighting: AfterRim Highlighting: After
![Page 24: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/24.jpg)
• Players must be able to quickly identify other players by team, class and selected weapon at a variety of distances and viewpoints
• We think of this in terms of a visual “read hierarchy”• Design Goals
• Team – Friend or Foe?• Color
• Class – Run or Attack?• Distinctive silhouettes• Body proportions• Weapons• Shoes, hats and clothing folds
• Selected weapon – What’s he packin’?• Highest contrast at chest level, where weapon is held• Gradient from dark feet to light chest
Color Palette
![Page 25: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/25.jpg)
Character Lighting EquationCharacter Lighting Equation
( ) ( )( ) +⎥⎦
⎤⎢⎣
⎡⎟⎠⎞⎜
⎝⎛ +⋅+∑
γβα ii
L
id lnwcnak ˆˆˆ
1=
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
View independentView independent
ViewView--dependentdependent
![Page 26: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/26.jpg)
( ) ( )( ) ⎥⎦
⎤⎢⎣
⎡⎟⎠⎞⎜
⎝⎛ +⋅+∑
γβα ii
L
id lnwcnak ˆˆˆ
1=
View Independent TermsView Independent Terms
• Spatially-varying directional ambient
![Page 27: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/27.jpg)
( ) ( )( ) ⎥⎦
⎤⎢⎣
⎡⎟⎠⎞⎜
⎝⎛ +⋅+∑
γβα ii
L
id lnwcnak ˆˆˆ
1=
View Independent TermsView Independent Terms
• Spatially-varying directional ambient
• Modified Lambertian terms
![Page 28: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/28.jpg)
( ) ( )( ) ⎥⎦
⎤⎢⎣
⎡⎟⎠⎞⎜
⎝⎛ +⋅+∑
γβα ii
L
id lnwcnak ˆˆˆ
1=
View Independent TermsView Independent Terms
• Spatially-varying directional ambient
• Modified Lambertian terms• Unclamped Lambertian term
![Page 29: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/29.jpg)
( ) ( )( ) ⎥⎦
⎤⎢⎣
⎡⎟⎠⎞⎜
⎝⎛ +⋅+∑
γβα ii
L
id lnwcnak ˆˆˆ
1=
View Independent TermsView Independent Terms
• Spatially-varying directional ambient
• Modified Lambertian terms• Unclamped Lambertian term• Scale, bias and exponent
![Page 30: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/30.jpg)
( ) ( )( ) ⎥⎦
⎤⎢⎣
⎡⎟⎠⎞⎜
⎝⎛ +⋅+∑
γβα ii
L
id lnwcnak ˆˆˆ
1=
View Independent TermsView Independent Terms
• Spatially-varying directional ambient
• Modified Lambertian terms• Unclamped Lambertian term• Scale, bias and exponent• Warping function
• Albedo( )
21ˆˆ
21
+⋅ ln
![Page 31: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/31.jpg)
( ) ( )( ) ⎥⎦
⎤⎢⎣
⎡⎟⎠⎞⎜
⎝⎛ +⋅+∑
γβα ii
L
id lnwcnak ˆˆˆ
1=
View Independent TermsView Independent Terms
• Spatially-varying directional ambient
• Modified Lambertian terms• Unclamped Lambertian term• Scale, bias and exponent• Warping function
![Page 32: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/32.jpg)
( ) ( )( ) ⎥⎦
⎤⎢⎣
⎡⎟⎠⎞⎜
⎝⎛ +⋅+∑
γβα ii
L
id lnwcnak ˆˆˆ
1=
View Independent TermsView Independent Terms
• Spatially-varying directional ambient
• Modified Lambertian terms• Unclamped Lambertian term• Scale, bias and exponent• Warping function
• Albedo
![Page 33: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/33.jpg)
( ) ( )( ) ⎥⎦
⎤⎢⎣
⎡⎟⎠⎞⎜
⎝⎛ +⋅+∑
γβα ii
L
id lnwcnak ˆˆˆ
1=
View Independent TermsView Independent Terms
• Spatially-varying directional ambient
• Modified Lambertian terms• Unclamped Lambertian term• Scale, bias and exponent• Warping function
• Albedo
![Page 34: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/34.jpg)
Ambient CubeAmbient Cube• Grounds characters in game worlds• Pre-compute irradiance samples
throughout the environment• Variable density irradiance volume
[Greger98] where each sample defines an irradiance environment map [Ramamoorthi01]
• Directional ambient term which includes only indirect light
• Lights beyond the first four can be added to the ambient cube
• Used in a novel way in rim lighting, which we’ll discuss in a moment
Directional AmbientDirectional Ambient Constant AmbientConstant Ambient
![Page 35: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/35.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
![Page 36: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/36.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
• Multiple Phong terms per light
![Page 37: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/37.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
• Multiple Phong terms per light• krim broad, constant exponent
![Page 38: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/38.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
• Multiple Phong terms per light• krim broad, constant exponent• kspec exponent (constant or texture)
![Page 39: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/39.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
• Multiple Phong terms per light• krim broad, constant exponent• kspec exponent (constant or texture)• fs artist tuned Fresnel term
![Page 40: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/40.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
• Multiple Phong terms per light• krim broad, constant exponent• kspec exponent (constant or texture)• fs artist tuned Fresnel term• fr rim Fresnel term, (1-(n·v))4
![Page 41: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/41.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
• Multiple Phong terms per light• krim broad, constant exponent• kspec exponent (constant or texture)• fs artist tuned Fresnel term• fr rim Fresnel term, (1-(n·v))4
• kr rim mask texture
![Page 42: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/42.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
• Multiple Phong terms per light• krim broad, constant exponent• kspec exponent (constant or texture)• fs artist tuned Fresnel term• fr rim Fresnel term, (1-(n·v))4
• kr rim mask texture• ks specular mask texture
![Page 43: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/43.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
• Multiple Phong terms per light• krim broad, constant exponent• kspec exponent (constant or texture)• fs artist tuned Fresnel term• fr rim Fresnel term, (1-(n·v))4
• kr rim mask texture• ks specular mask texture
![Page 44: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/44.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
• Multiple Phong terms per light• krim broad, constant exponent• kspec exponent (constant or texture)• fs artist tuned Fresnel term• fr rim Fresnel term, (1-(n·v))4
• kr rim mask texture• ks specular mask texture
![Page 45: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/45.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
• Multiple Phong terms per light• krim broad, constant exponent• kspec exponent (constant or texture)• fs artist tuned Fresnel term• fr rim Fresnel term, (1-(n·v))4
• kr rim mask texture• ks specular mask texture
![Page 46: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/46.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
• Multiple Phong terms per light• krim broad, constant exponent• kspec exponent (constant or texture)• fs artist tuned Fresnel term• fr rim Fresnel term, (1-(n·v))4
• kr rim mask texture• ks specular mask texture
• Dedicated rim lighting• a(v) Directional ambient evaluated with v
![Page 47: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/47.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
• Multiple Phong terms per light• krim broad, constant exponent• kspec exponent (constant or texture)• fs artist tuned Fresnel term• fr rim Fresnel term, (1-(n·v))4
• kr rim mask texture• ks specular mask texture
• Dedicated rim lighting• a(v) Directional ambient evaluated with v• kr same rim mask
![Page 48: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/48.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
• Multiple Phong terms per light• krim broad, constant exponent• kspec exponent (constant or texture)• fs artist tuned Fresnel term• fr rim Fresnel term, (1-(n·v))4
• kr rim mask texture• ks specular mask texture
• Dedicated rim lighting• a(v) Directional ambient evaluated with v• kr same rim mask• fr same rim Fresnel
![Page 49: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/49.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
• Multiple Phong terms per light• krim broad, constant exponent• kspec exponent (constant or texture)• fs artist tuned Fresnel term• fr rim Fresnel term, (1-(n·v))4
• kr rim mask texture• ks specular mask texture
• Dedicated rim lighting• a(v) Directional ambient evaluated with v• kr same rim mask• fr same rim Fresnel• n·u term that makes rim highlights tend to
come from above (u is up vector)
![Page 50: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/50.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
• Multiple Phong terms per light• krim broad, constant exponent• kspec exponent (constant or texture)• fs artist tuned Fresnel term• fr rim Fresnel term, (1-(n·v))4
• kr rim mask texture• ks specular mask texture
• Dedicated rim lighting• a(v) Directional ambient evaluated with v• kr same rim mask• fr same rim Fresnel• n·u term that makes rim highlights tend to
come from above (u is up vector)
![Page 51: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/51.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
• Multiple Phong terms per light• krim broad, constant exponent• kspec exponent (constant or texture)• fs artist tuned Fresnel term• fr rim Fresnel term, (1-(n·v))4
• kr rim mask texture• ks specular mask texture
• Dedicated rim lighting• a(v) Directional ambient evaluated with v• kr same rim mask• fr same rim Fresnel• n·u term that makes rim highlights tend to
come from above (u is up vector)
![Page 52: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/52.jpg)
( ) ( )( )[ ] ( ) ( )vakfunrvkfrvfmaxkc rrrimk
irrspeck
issi
L
i
ˆˆˆˆˆ,ˆˆ1=
⋅+⋅⋅∑
ViewView--dependent Termsdependent Terms
• Multiple Phong terms per light• krim broad, constant exponent• kspec exponent (constant or texture)• fs artist tuned Fresnel term• fr rim Fresnel term, (1-(n·v))4
• kr rim mask texture• ks specular mask texture
• Dedicated rim lighting• a(v) Directional ambient evaluated with v• kr same rim mask• fr same rim Fresnel• n·u term that makes rim highlights tend to
come from above (u is up vector)
![Page 53: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/53.jpg)
![Page 54: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/54.jpg)
[Heidrich98]
• More flexible specular• Anisotropic highlights [Heidrich98]
[Gooch98]
Future WorkFuture Work
![Page 55: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/55.jpg)
• More flexible specular• Anisotropic highlights [Heidrich98]
[Gooch98]
Future WorkFuture Work
[Gooch98]
![Page 56: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/56.jpg)
[Anjyo03]
• More flexible specular• Anisotropic highlights [Heidrich98]
[Gooch98]• Shaping highlights [Anjyo03]
Future WorkFuture Work
![Page 57: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/57.jpg)
• More flexible specular• Anisotropic highlights [Heidrich98]
[Gooch98]• Shaping highlights [Anjyo03]
• More reliable rim term
Future WorkFuture Work
![Page 58: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/58.jpg)
[Luft06]
• More flexible specular• Anisotropic highlights [Heidrich98]
[Gooch98]• Shaping highlights [Anjyo03]
• More reliable rim term• Image-space contrast
enhancement [Luft06]
Future WorkFuture Work
![Page 59: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/59.jpg)
[DeCoro07]
• More flexible specular• Anisotropic highlights [Heidrich98]
[Gooch98]• Shaping highlights [Anjyo03]
• More reliable rim term• Image-space contrast
enhancement [Luft06]• Abstracted shadows [DeCoro07]
Future WorkFuture Work
![Page 60: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/60.jpg)
• Motivations and related work• Environments• Characters and interactive
shading• Future work
ConclusionConclusion
![Page 61: Illustrative Rendering in Team Fortress 2...Team Fortress 2 • Class-based multiplayer combat game which will be released this fall • Unique visual style • Differentiation - multiplayer](https://reader034.fdocuments.net/reader034/viewer/2022050604/5fab8efc00cadf38ac0c7153/html5/thumbnails/61.jpg)
Questions?Questions?