walk-through illustrations frame-coherent pen-and-ink style in a game engine
DESCRIPTION
Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine. Bert Freudenberg Maic Masuch Thomas Strothotte Institut für Simulation und Graphik Universität Magdeburg. Walk-Through Illustrations. Overview Project background Games & NPR Our pen-and-ink style Outlining - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/1.jpg)
Walk-Through Illustrations
Frame-Coherent Pen-and-Ink Style
in a Game Engine
Walk-Through Illustrations
Frame-Coherent Pen-and-Ink Style
in a Game EngineBert Freudenberg
Maic Masuch Thomas Strothotte
Institut für Simulation und Graphik
Universität Magdeburg
![Page 2: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/2.jpg)
Walk-Through IllustrationsWalk-Through Illustrations
Overview•Project background
•Games & NPR
•Our pen-and-ink style
•Outlining
•Surfaces
•Future directions
![Page 3: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/3.jpg)
Project backgroundProject background
Excavation in 60ies
![Page 4: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/4.jpg)
Project backgroundProject background
Virtual reconstruction since 1997
![Page 5: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/5.jpg)
Project backgroundProject background
Visualizing uncertainty NPR
![Page 6: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/6.jpg)
Project backgroundProject background
New challenge: Museum exhibition
![Page 7: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/7.jpg)
Project backgroundProject background
Three projectors in spherical room
5.8 m
![Page 8: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/8.jpg)
Project backgroundProject background
Real-time visualization?•Usual answer: Multi-pipe Onyx + Performer
•Big $$$
•Boring
•Our answer: 3 PCs + Game Engine
•Much cheaper
•More fun
![Page 9: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/9.jpg)
Project backgroundProject background
3D Game Engine provides•Efficient 3D content rendering
•Networking for different views
• Interaction
Just need real-time NPR in that engine!
![Page 10: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/10.jpg)
Games & NPRGames & NPR
Pencil Whipped
![Page 11: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/11.jpg)
Games & NPRGames & NPR
NPRQuake
![Page 12: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/12.jpg)
Games & NPRGames & NPR
Why no commercial real-time NPR games?•Must support wide range of hardware
•Processor speed
•Graphics board
•Rather new field
•Probably soon
![Page 13: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/13.jpg)
Pen-and-InkPen-and-Ink
Elements•Outlines
•Silhouettes
•Discontinuities
•Surfaces
•Hatching
•Detail
![Page 14: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/14.jpg)
New idea: 42 = 18 + 16 + 8
Draw? No Yes Maybe
OutlinesOutlines
![Page 15: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/15.jpg)
Modeling edges• sharp or smooth
Preprocess•determine convexity
Draw edge if• sharp, or
• smooth & convex & silhouette
OutlinesOutlines
![Page 16: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/16.jpg)
Determining convexity
convex(e) v · N < 0
OutlinesOutlines
N
v
e
![Page 17: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/17.jpg)
Drawing edges•GL_LINES
•Display list for sharp edges
•Silhouettes immediate
OutlinesOutlines
![Page 18: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/18.jpg)
SurfacesSurfaces
Textures•Nothing else is fast enough
![Page 19: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/19.jpg)
SurfacesSurfaces
Plain texture on a single quad
![Page 20: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/20.jpg)
SurfacesSurfaces
Conventional mipmapping (average filtering)
![Page 21: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/21.jpg)
SurfacesSurfaces
Average-filtering an ink texture
All gray!
![Page 22: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/22.jpg)
SurfacesSurfaces
Solution•Hatch Maps
•Abuse mipmapping
![Page 23: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/23.jpg)
Hatch MapsHatch Maps
Mipmap levels for hatch maps
Mostly b/w!
![Page 24: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/24.jpg)
Hatch MapsHatch Maps
Mipmapping with hatch maps
![Page 25: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/25.jpg)
Hatch MapsHatch Maps
Mipmapping with hatch maps, trilinear
![Page 26: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/26.jpg)
SurfacesSurfaces
Uniform Hatching•Hatch Maps
Detail / Structure• Ink Maps
![Page 27: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/27.jpg)
Ink MapsInk Maps
Idea•Use hand-drawn maps
Problem•How to generate mipmap levels
![Page 28: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/28.jpg)
Ink MapsInk Maps
Average filtering
![Page 29: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/29.jpg)
Ink MapsInk Maps
Average filtering
![Page 30: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/30.jpg)
Ink MapsInk Maps
Minimum filtering
![Page 31: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/31.jpg)
Ink MapsInk Maps
Minimum filtering
![Page 32: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/32.jpg)
Ink MapsInk Maps
Intelligent filtering?
![Page 33: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/33.jpg)
Ink MapsInk Maps
Intelligent filtering?•Vectorize
•Draw each level for constant width
•Select lines to maintain tone and texture in a pleasing way
How?
![Page 34: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/34.jpg)
Ink MapsInk Maps
Intelligent filtering?•Let an artist do it!
![Page 35: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/35.jpg)
Ink MapsInk Maps
Hand drawn
![Page 36: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/36.jpg)
Walk-Through Illustrations Walk-Through Illustrations
What else?•Color + Shading
![Page 37: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/37.jpg)
Walk-Through Illustrations Walk-Through Illustrations
What else?•Hybrid scenes
![Page 38: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/38.jpg)
Walk-Through IllustrationsWalk-Through Illustrations
Results•Extended a game engine for NPR
•Faster silhouettes
•Mipmap-based pen-and-ink textures
•Frame-coherent
•Constant line width
•Constant density
![Page 39: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/39.jpg)
Walk-Through IllustrationsWalk-Through Illustrations
Prototype implementation (2000)
•Actual exhibition looks different
![Page 40: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/40.jpg)
Walk-Through Illustrations Walk-Through Illustrations
Exhibition
Museum of Cultural History, MagdeburgOpen now until 2nd December 2001
![Page 41: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/41.jpg)
Walk-Through Illustrations Walk-Through Illustrations
Future directions•Add shading
•Use colored lines
•LOD
![Page 42: Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine](https://reader035.vdocuments.net/reader035/viewer/2022062516/56812a6d550346895d8df232/html5/thumbnails/42.jpg)
Walk-Through IllustrationsWalk-Through Illustrations
Acknowledgements •Co-Authors
•Maic Masuch, Thomas Strothotte
•Programming, Modelling
•Niklas Röber, Thomas Fuchs
•Museum of Cultural History, Magdeburg
•Sebastian Kreiker, Babette Ludowici