NPR & Screen Effects Renguo Feng.

Slides:



Advertisements
Similar presentations
Stupid OpenGL Shader Tricks
Advertisements

Exploration of advanced lighting and shading techniques
POST-PROCESSING SET09115 Intro Graphics Programming.
Saito, T. and Takahashi, T. Comprehensible Rendering of 3-D Shapes Proc. of SIGGRAPH '90 Genesis of Image Space NPR.
Ray tracing. New Concepts The recursive ray tracing algorithm Generating eye rays Non Real-time rendering.
Adobe Photoshop 6 Intermediate Level Course. Resizing When resizing an image for printing, a higher resolution will translate into a sharper image with.
Week 11 - Wednesday.  Image based effects  Skyboxes  Lightfields  Sprites  Billboards  Particle systems.
GLSL Applications: 1 of 2 Joseph Kider Source: Patrick Cozzi – Spring 2011 University of Pennsylvania CIS Fall 2011.
Animation Theory.
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.
Post-rendering Cel Shading & Bloom Effect
CSS552 Final Project Demo Peter Lam Tim Chuang. Problem Statement Our goal is to experiment with different post rendering effects (Cel Shading, Bloom.
Why we need Motion Capture in 3D Animation and Film.
Elements of Design. What are they? Line Colour Attributes Shape Categories Space Form.
The Elements of Design.
CSC/FAR 020, Computer Graphics, October 23, 2013 Dr. Dale E. Parson Week 7 More filters, compositional effects.
Point of View shot. From the point of view of a character. From the point of view of an external observer (the camera and viewer) POV shot.
Fast Cascade VSM By Zhang Jian.
Advanced Computer Graphics Advanced Shaders CO2409 Computer Graphics Week 16.
Rendering Complexity in Computer-Generated Pen- and-Ink Illustrations Brett Wilson & Kwan-Liu Ma The University of California, Davis.
3D animation is rendered clip of animated 3D objects in a 3D environment. An example: Examples of movies released in 3D are Toy Story, Cars, Shrek, Wall-E,
4.1. R ENDERING Aspects of Game Rendering. From Wikipedia: Rendering is the process of generating an image from a model. The model is a description.
COMPOSITING USING BLUE AND GREEN SCREENS   Background filmed or.
Non-Photorealistic Rendering: Toon Shading David Luebke University of Virginia.
MS2 Progress Report Olle Rydberg Tomas Tjernberg.
Realtime NPR Toon and Pencil Shading Joel Jorgensen May 4, 2010.
The Elements of Design Whether you have taken art before or not, it is important to learn and frequently review some of the building blocks for creating.
Vertices, Edges and Faces By Jordan Diamond. Vertices In geometry, a vertices is a special kind of point which describes the corners or intersections.
The Seven Elements of Art Ms. Hanson/ART 1. Definition of The Elements of Art The elements of art are a commonly used group of aspects of a work of art.
Orientable Textures for Image- Based Pen-And-Ink Illustration Michael P. Salisbury Michael T. Wong John F. Hughes David A. Salesin SIGGRAPH 1997 Andrea.
Cel shading By jared brock.
The Lit Sphere: A Model for Capturing NPR Shading from Art Peter-Pike Sloan, William Martin, Amy Gooch & Bruce Gooch.
Maths & Technologies for Games Advanced Graphics: Scene Post-Processing CO3303 Week
A Very Brief Overview of Non-Photorealistic Rendering Conrad Albrecht-Buehler Graduate Thesis Seminar September 24, 2001.
Edison Gao 主讲人:高原. GameFinal A Next-Gen 3D Game Engine Edison Gao.
Computer Graphics Through OpenGL: From Theory to Experiments, Second Edition Chapter 21.
Instructor: Mircea Nicolescu Lecture 5 CS 485 / 685 Computer Vision.
Digital Media Dr. Jim Rowan ITEC 2110 Vector Graphics II.
1© 2009 Autodesk Hardware Shade – Presenting Your Designs Hardware and Software Shading HW Shade Workflow Tessellation Quality Settings Lighting Settings.
Technological Uncanny K. S'hell, C Kurtz, N. Vincent et E. André et M. Beugnet 1.
How to use a Pixel Shader CMT3317. Pixel shaders There is NO requirement to use a pixel shader for the coursework though you can if you want to You should.
Non-photorealistic rendering
Shaders, part 2 alexandri zavodny.
Week 14 - Wednesday CS361.
Character Design for Animation and Games
Week 7 - Wednesday CS361.
Elements of Design Color, Shape, Line, and Texture: All work together to make the person wearing the garment look their best.
Aspects of Game Rendering
A Look Into Photorealistic and Non-Photorealistic Rendering
Week 11 - Wednesday CS361.
Non-Photorealistic Rendering
Non-Photorealistic Rendering Techniques for a Game Engine
Alias/Autodesk Maya 第三組 林秉賢.
Stylized Environmental Rendering
Chapters VIII Image Texturing
Cel Shading Jason McCollum.
Lighting.
Chapter 6.8 Cinematography
© University of Wisconsin, CS559 Spring 2004
INTRODUCTION TO DESIGN PRINCIPLES MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR ® Copyright 2012 Adobe Systems Incorporated. All rights.
Rendering Plastic.
Selective material rendering
Introduction to 3D Art and Animation
Chapter I Introduction
INTRODUCTION TO DESIGN PRINCIPLES MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR ® Copyright 2012 Adobe Systems Incorporated. All rights.
Chapter XIV Normal Mapping
INTRODUCTION TO DESIGN PRINCIPLES MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR ® Copyright 2012 Adobe Systems Incorporated. All rights.
INTRODUCTION TO DESIGN PRINCIPLES MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR ® Copyright 2012 Adobe Systems Incorporated. All rights.
CSC/FAR 020, Computer Graphics, October 15, 2014
Presentation transcript:

NPR & Screen Effects Renguo Feng

Non-photorealistic rendering Cartoon rendering can enhance the atmosphere of some types of games when you want to impart a cartoonish feel.

Cartoon rendering Step 1. the meshes are shaded using exactly three shading intensities (bright, medium, dark) and the transition between them is abrupt. Step 2. Cartoon drawings also typically have their silhouette edges outlined. Both steps require their own shaders.

Cartoon rendering

Difficulties To outline the silhouette edges, I represent an edge of a mesh as a quad. The problems in generating adjacency arrays for some complex models. quad from an edge triangle

Screen Special Effects Render scene to a temporary texture, and then use a special shader to manipulate the result before presenting onto screen. Black and White, Old Film Gaussian Filter & Blur & Motion Blur Shader Development Tool

Black and White, Old Time Movie

Blur & Sharpen

Distortion(heat haze effect)

Progress & Difficulties & Future Work Part of codes for post processes Many shaders, test variables DOF, Motion Blur ……