Walk-Through Illustrations Frame-Coherent Pen-and-Ink Style in a Game Engine Bert Freudenberg Maic Masuch Thomas Strothotte Institut für Simulation und.

Slides:



Advertisements
Similar presentations
Emil Praun Hugues Hoppe Matthew Webb Adam Finkelstein
Advertisements

Computer graphics & visualization Real-Time Pencil Rendering Marc Treib.
Technische Universität München Fakultät für Informatik Computer Graphics SS 2014 Sampling Rüdiger Westermann Lehrstuhl für Computer Graphik und Visualisierung.
RealityEngine Graphics Kurt Akeley Silicon Graphics Computer Systems.
5.8 Scale Drawing and Models
Walk-Through Illustrations: Frame-Coherent Pen-and-Ink Style in a Game Engine Bert Greudenberg Maic Masuch Thomas Strothotte.
Real-Time Rendering TEXTURING Lecture 02 Marina Gavrilova.
Non-Photo Realistic Rendering Jian Huang CS594 Fall 2003 This set of slides are modified from the NPR Course during SIGGRAPH’2003.
Element of Design Line Shape Form Color Value Texture Space.
SURGICAL SIMULATIONS: IT’S ALL IN A GAME ! Gaming techniques for medical applications. V. Kotamraju, S. Payandeh, J. Dill Experimental Robotics Laboratory,
Non-Photorealistic Rendering or More-Interesting Rendering (in a more positive sense) Presented by Adam Smith for CMPS160.
Intelligent Control Systems Laboratory The Chinese University of Hong Kong Dept. of Mechanical and Automation Engineering Yan Lu, Josh Lam, Yeung Yam Preliminary.
Suggestive Contours Final programming assignment Advanced topics in Computer Graphics.
Quake Engine. THE QUAKE ENGINE IS OLD (relatively) Made in 1996 to power the game of the same name. id’s follow up to the immensely popular “DOOM” Made.
The UNIVERSITY of NORTH CAROLINA at CHAPEL HILL Adrian Ilie Non-Photorealistic Rendering Techniques for a Game Engine COMP 238 Final Project.
Vector vs. Bitmap SciVis V
Non-photorealistic Rendering Pablo Picasso - The Bird Cage No electrons were harmed during the production of this presentation.
Non-Photorealistic Rendering Greg Turk College of Computing and GVU Center.
Non-Photorealistic Rendering - This is the attempt to make a realistic scene or object look as if it were hand drawn.
Week 14 - Wednesday.  What did we talk about last time?  Collision handling  Collision detection  Collision determination  Collision response  BSPs.
Computer graphics & visualization NPR – Non-photorealistic rendering.
V Obtained from a summer workshop in Guildford County July, 2014
Computer-Generated Pen- and-Ink Illustration Georges Winkenbach, David H. Salesin.
Introduction to Graphics and Virtual Environments.
Shadows Computer Graphics. Shadows Shadows Extended light sources produce penumbras In real-time, we only use point light sources –Extended light sources.
Real-Time Stroke Textures Bert Freudenberg Institut für Simulation und Graphik Universität Magdeburg.
Geometric clustering for line drawing simplification
Technology and Historical Overview. Introduction to 3d Computer Graphics  3D computer graphics is the science, study, and method of projecting a mathematical.
The Formal Elements TEXTURE.
ECSE 4750: Computer Graphics Rensselaer Polytechnic Institute Nov 5, 2012 Texture and Texture Mapping.
Vector vs. Bitmap
Light Using Texture Synthesis for Non-Photorealistic Shading from Paint Samples. Christopher D. Kulla, James D. Tucek, Reynold J. Bailey, Cindy M. Grimm.
Mesh Color Cem Yuksel John Keyser Donald H. House Texas A&M University SIGGRAPH /12/06 Xiang.
09/09/03CS679 - Fall Copyright Univ. of Wisconsin Last Time Event management Lag Group assignment has happened, like it or not.
Processing Images and Video for an Impressionist Effect Author: Peter Litwinowicz Presented by Jing Yi Jin.
Computer-Generated Pen-and-Ink Illustration of Trees Oliver Deussen & Thomas Strothotte University of Magdeburg.
Cel Shading Jason McCollum. Overview Nonphotorealistic Rendering (NPR) Cel-shading Concepts Demonstration.
GPU Graftals: Stylized Rendering of Fluffy Objects Michael Lester.
Paint By Numbers The goal of a visual artist (Hagen): Without modeling detail, painters use brush strokes to: –Represent objects –Direct attention The.
Rendering Complexity in Computer-Generated Pen- and-Ink Illustrations Brett Wilson & Kwan-Liu Ma The University of California, Davis.
Non-Photorealistic Rendering Motivation: Much of the graphical imagery created is not photographic in nature Particularly in some domains: –Art –Animation.
Shader Study 이동현. Vision engine   Games Helldorado The Show Warlord.
1 Graphic Design & Illustration Basic Rendering Techniques Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content.
Non-Photorealistic Rendering: Toon Shading David Luebke University of Virginia.
Virtual Systems Engineering Course objective: To study methods for design and analysis of virtual systems What is a virtual system ? A virtual system is.
Realtime NPR Toon and Pencil Shading Joel Jorgensen May 4, 2010.
BUMP-MAPPING SET09115 Intro to Graphics Programming.
High Quality Silhouette Illustration for Texture Based Volume Rendering, Nagy and Klein.
- Laboratoire d'InfoRmatique en Image et Systèmes d'information
Design and Implementation of Geometric and Texture-Based Flow Visualization Techniques Robert S. Laramee Markus Hadwiger Helwig Hauser.
Orientable Textures for Image- Based Pen-And-Ink Illustration Michael P. Salisbury Michael T. Wong John F. Hughes David A. Salesin SIGGRAPH 1997 Andrea.
Aaron Hertzmann New York University
Computer-Generated Pen-and-Ink Illustration of Trees Oliver Deussen Thomas Strothotte University of Magdeburg.
Cel shading By jared brock.
A Very Brief Overview of Non-Photorealistic Rendering Conrad Albrecht-Buehler Graduate Thesis Seminar September 24, 2001.
Local Illumination and Shading
Virtual Reconstruction of Medieval Architecture Maic Masuch and B.Freudenberg, T. Strothotte, University of Magdeburg B. Ludowici, S. Kreiker, Museum of.
IMAGE INFORMATICS SOLUTIONS Extracting Information From Images Basic Demonstration Examples.
Painterly Rendering for Animation Introduction speaks of focus and detail –Small brush strokes focus and provide detail –Large strokes are abstract and.
Non-Photorealistic Rendering FORMS. Model dependent Threshold dependent View dependent Outline form of the object Interior form of the object Boundary.
Guilford County SciVis V104.03
Processing Images and Video for An Impressionist Effect Automatic production of “painterly” animations from video clips. Extending existing algorithms.
Non-photorealistic rendering
Week 14 - Wednesday CS361.
Vector vs. Bitmap.
Non-Photorealistic Rendering Techniques for a Game Engine
Welcome to Introduction to Computer Graphics
Stylized Environmental Rendering
Cel Shading Jason McCollum.
Visibility Computations
Presentation transcript:

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 Surfaces Future directions

Project background Excavation in 60ies

Project background Virtual reconstruction since 1997

Project background Visualizing uncertainty  NPR

Project background New challenge: Museum exhibition

Project background Three projectors in spherical room 5.8 m

Project background Real-time visualization? Usual answer: Multi-pipe Onyx + Performer Big $$$ Boring Our answer: 3 PCs + Game Engine Much cheaper More fun

Project background 3D Game Engine provides Efficient 3D content rendering Networking for different views Interaction Just need real-time NPR in that engine!

Games & NPR Pencil Whipped

Games & NPR NPRQuake

Games & NPR Why no commercial real-time NPR games? Must support wide range of hardware Processor speed Graphics board Rather new field Probably soon

Pen-and-Ink Elements Outlines Silhouettes Discontinuities Surfaces Hatching Detail

New idea: 42 = Draw?NoYesMaybe Outlines

Modeling edges sharp or smooth Preprocess determine convexity Draw edge if sharp, or smooth & convex & silhouette Outlines

Determining convexity convex(e)  v · N < 0 Outlines N v e

Drawing edges GL_LINES Display list for sharp edges Silhouettes immediate Outlines

Surfaces Textures Nothing else is fast enough

Surfaces Plain texture on a single quad

Surfaces Conventional mipmapping (average filtering)

Surfaces Average-filtering an ink texture All gray!

Surfaces Solution Hatch Maps Abuse mipmapping

Hatch Maps Mipmap levels for hatch maps Mostly b/w!

Hatch Maps Mipmapping with hatch maps

Hatch Maps Mipmapping with hatch maps, trilinear

Surfaces Uniform Hatching Hatch Maps Detail / Structure Ink Maps

Idea Use hand-drawn maps Problem How to generate mipmap levels

Ink Maps Average filtering

Ink Maps Average filtering

Ink Maps Minimum filtering

Ink Maps Minimum filtering

Ink Maps Intelligent filtering?

Ink Maps Intelligent filtering? Vectorize Draw each level for constant width Select lines to maintain tone and texture in a pleasing way How?

Ink Maps Intelligent filtering? Let an artist do it!

Ink Maps Hand drawn

Walk-Through Illustrations What else? Color + Shading

Walk-Through Illustrations What else? Hybrid scenes

Walk-Through Illustrations Results Extended a game engine for NPR Faster silhouettes Mipmap-based pen-and-ink textures Frame-coherent Constant line width Constant density

Walk-Through Illustrations Prototype implementation (2000) Actual exhibition looks different

Walk-Through Illustrations Exhibition Museum of Cultural History, Magdeburg Open now until 2 nd December 2001

Walk-Through Illustrations Future directions Add shading Use colored lines LOD

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