UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (1) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics.

Slides:



Advertisements
Similar presentations
Week 11 - Wednesday.  Image based effects  Skyboxes  Lightfields  Sprites  Billboards  Particle systems.
Advertisements

Computer Graphics Computer Animation& lighting Faculty of Physical and Basic Education Computer Science Dep Lecturer: 16 Azhee W. MD.
IMGD 4000: Computer Graphics in Games Emmanuel Agu.
CS10 The Beauty and Joy of Computing Lecture #2 HowItWorks : 3D Graphics A PCPro blogger, posted a challenge to see how fast someone could render.
1 1cs426-winter-2008 CS 426: Computer Animation. 2 2cs426-winter-2008 Contact  Robert Bridson,  Office hours: TBD.
Texture Mapping April 9, The Limits of Geometric Modeling Although graphics cards can render over 10 million polygons per second, that number.
Ch 1 Intro to Graphics page 1CS 367 First Day Agenda Best course you have ever had (survey) Info Cards Name, , Nickname C / C++ experience, EOS experience.
3D Computer Animation Turgut Tezir.
Animation Theory.
Digital Photography Fundamentals Rule One - all digital cameras capture information at 72 dots per inch (DPI) regardless of their total pixel count and.
Pre Production I.Concept II.Story Development III.Visual Development IV.Technical Direction V.Production Management.
The Beauty and Joy of Computing Lecture #2 HowItWorks : 3D Graphics A jury recently found Samsung guilty of patent infringement, and ordered to pay over.
05/09/02(c) 2002 University of Wisconsin Last Time Global illumination algorithms Grades so far.
School of Computer Science University of Seoul.
Animation. Pre-calculated Animation Do more now, less later.
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 19 Other Graphics Considerations Review.
Course Overview, Introduction to CG Glenn G. Chappell U. of Alaska Fairbanks CS 381 Lecture Notes Friday, September 5, 2003.
Texture Mapping. 2 The Limits of Geometric Modeling Although graphics cards can render over 10 million polygons per second, that number is insufficient.
1 Perception and VR MONT 104S, Spring 2008 Lecture 22 Other Graphics Considerations Review.
Computer graphics & visualization REYES Render Everything Your Eyes Ever Saw.
Computer Visualization BIM Curriculum 03. Topics  History  Computer Visualization Methods  Visualization Workflow  Technology Background.
Invitation to Computer Science 5th Edition
Advanced Computer Graphics March 06, Grading Programming assignments Paper study and reports (flipped classroom) Final project No written exams.
3D COMPUTER GRAPHICS IMD Chapter 1: 3D Computer Graphics Chapter 1: 1 Lecturer: Norhayati Mohd Amin.
-Global Illumination Techniques
Computer Graphics 2 In the name of God. Outline Introduction Animation The most important senior groups Animation techniques Summary Walking, running,…examples.
CNM 190 Advanced Digital Animation Dan Garcia, EECS (co-instructor) Brian A. Barsky, EECS (co-instructor) Jeremy Huddleston, EECS (TA)
Stream Processing Main References: “Comparing Reyes and OpenGL on a Stream Architecture”, 2002 “Polygon Rendering on a Stream Architecture”, 2000 Department.
From Simulation to Visualization: Astrophysics Goes Hollywood Frank Summers January 17, 2002.
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,
Computer Graphics Researched via: Student Name: James Wood Date: 4/29/10.
1 Perception and VR MONT 104S, Fall 2008 Lecture 21 More Graphics for VR.
Week 10:Rendering 1. In the last lecture we saw how to model objects and represent them as wireframe models. Wire frame models depict the outer hull of.
CS10 The Beauty and Joy of Computing Lecture #2 HowItWorks : 3D Graphics AppleInsider reports that the next iPads (and iPhones) will have a.
CS10 The Beauty and Joy of Computing Lecture #2 HowItWorks : 3D Graphics An IBM machine at Lawrence Livermore National Labs just took the title.
04/30/02(c) 2002 University of Wisconsin Last Time Subdivision techniques for modeling We are now all done with modeling, the standard hardware pipeline.
ATEC Procedural Animation
Computer Models in Film. Ben Stead. Star Wars: A New Hope One of the first films to use 3D models, groundbreaking at the time for it’s use of 3D models.
1 Perception and VR MONT 104S, Fall 2008 Lecture 20 Computer Graphics and VR.
Animation 4 Computer & 3D Animation. Computer Assisted Animation  The computer is used to make the animation process quicker and easier.  Usually involves.
Lecture 5: 11/5/1435 Computer Animation Lecturer/ Kawther Abas CS- 375 Graphics and Human Computer Interaction.
Animation Animation is about bringing things to life Technically: –Generate a sequence of images that, when played one after the other, make things move.
3D Animation 1. Introduction Dr. Ashraf Y. Maghari Information Technology Islamic University of Gaza Ref. Book: The Art of Maya.
1© 2009 Autodesk Hardware Shade – Presenting Your Designs Hardware and Software Shading HW Shade Workflow Tessellation Quality Settings Lighting Settings.
Week 2 - Wednesday.  What did we talk about last time?  More on graphics  Introduction to Scratch  Lab 1.
What is Computer Graphics?
Three-Dimensional Art Composition
Computer Graphics.
Photorealistic Rendering vs. Interactive 3D Graphics
Chapter 10 Computer Graphics
Introducing Blender.
Welcome to Introduction to Computer Graphics
Image-Based Rendering
Interactive Computer Graphics
Computer Graphics.
© University of Wisconsin, CS559 Fall 2004
Image Based Modeling and Rendering (PI: Malik)
(c) 2002 University of Wisconsin
Procedural Animation Introduction to Procedural Methods in 3D Computer Animation Dr. Midori Kitagawa.
Pixar’s “A Bug’s Life” (with procedural models abounding)
(c) 2002 University of Wisconsin
“man, how you define computer
Chapter I Introduction
(c) 2002 University of Wisconsin
Image.
Computer Graphics Lecture 15.
ATEC Procedural Animation
Introduction to spagetti and meatballs
3D Animation.
Presentation transcript:

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (1) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (1) Garcia 3D Computer Graphics Sopa and Pipa Dead for now Bills to reduce online Piracy Tension and Issue curve online piracy The wording of the bill curved the letter of the law.. Censorship Google, Wikipedia, redit.. Blacked out the pages for a time in protest

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (2) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (2) Garcia Sharing of data between private companies, private security companies, and the US government 4/18/2013 passed in the House of Representatives Help to prevent from cyber threats… or it’s vague and intrudes on American’s privacy. Security companies can ask private for your data if the believe you are a threat and share with the federal government It can happen without you finding out. Cispa (Cyber Intelligence Sharing and Protection Act )

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (3) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (3) Garcia What does this mean? Contents from your , facebook, browsers internet history, files and images that you have down loaded Mail, contents in your home.. Crime.. Digital privacy is not the same!

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (4) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (4) Garcia Control of information is power! Who controls access to our DATA?

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (5) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (5) Garcia 3D Computer Graphics, 10 Miles Up Computer Graphics one of the sub-fields of research in Computer Science 2D Graphics often called “graphic design”; very different “The Last Guardian” by Johnny Yip (POV-Ray)

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (6) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (6) Garcia 3D Graphics Used In… Film, Television, Print Either pure CG (e.g., Pixar) or CG elements added to film plates 30 hours / frame Video Games Both “in-engine” graphics + pre- rendered cinematics 30 frames / second “Avatar” (wikipedia) “Gran Turismo” (us.gran-turismo.com)

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (7) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (7) Garcia Graphics Cards Render capability to take millions of polygons (triangles per second. Yielding realistic – grand turismio 30 Frames in one second

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (8) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (8) GarciaPoll Swiper (from Dora) steals all of the computers in the world and replaces them with the computers from 30 years ago (Processers were orders of magnitude slower). Which of the following could we still create?

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (9) Garcia …although that line is often blurred events.game-artist.net/scene_from_a_movie/

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (10) Garcia Aside: Scenes from a Movie winner “Blade Runner” by The Replicants events.game-artist.net/scene_from_a_movie/winners.php

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (11) Garcia Poll Answer The Avatar Movie Since Avatar was done as “batch process (calculation not done in real time) we could still produce it, but it would take a lot longer to render. We would never be able to get close to the amazingly fast graphic cards for rendering, disk speed and capacity to store and retrieve the assets, and powerful CPU to calculate the correct physics, motion, etc. It is not even close, that’s why video games back in the 80’s look like they did. Avatar like photo realistic files weren’t made because the algorithms to make things look photo real weren’t invented yet! Our understanding of how natural elements (hair, cloth, clouds, leaves, etc) look and move has really advanced since then.

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (12) Garcia 3D Graphics : How it’s done (simplified) ModelingAnimation Lighting & Shading Rendering web.engr.oregonstate.edu/~mjb/intro2009/ “Shutterbug Rendering Progression” by Pixar “Squash & Stretch” by idleworm.com “Procedural Wood” by Pixar Video Graphics pipeline

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (13) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (13) GarciaModeling Could come from ◦ 3D Scanners ◦ Interactive modeling ◦ Model libraries ◦ Procedural techniques This also involves Rigging ◦ Attaching animation variables to model, allowing animator to control a very complex model w/a few controls ◦ Representation: Lots of options, math “Menger Cube” by UCB Alum David Wallace (now at LucasFilm)

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (14) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (14) Garcia Video modeling Using tools the people use in the modeling process

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (15) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (15) GarciaAnimation Could come from ◦ Interactive keyframing ◦ Procedural motion  Flat plane move like an ocean ◦ Motion capture  This has put some animators out of a job  Used in Avatar, LotR, …  VIDEO HERE ◦ Physics ◦ Evolution, Rule systems Emotions conveyed! ◦ Humans are very good at reading bad motion web.engr.oregonstate.edu/~mjb/intro2009/ en.wikipedia.org/wiki/Motion_capture Image by Hipocrite (wikipedia) Artist find a home ( right brained peeps

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (16) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (16) Garcia Animation Films Avatar r

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (17) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (17) Garcia Creature War … Animation automatic! Brian Mirtich, 1996 UCB Ph.D. ◦ Thesis: “Impulse -based Dynamic Simulation of Rigid Body Systems” ◦ Very cool work! “Creature War” demo ◦ His purpose: show off his simulator ◦ Great example of rule- drive motion! Creature “rules”

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (18) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (18) Garcia Cart and Weebles Cart find weeble and pushes it down All automatic based on the five nodes 1996 Procedural or rule driven motion

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (19) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (19) Garcia Genetic Algorithms Karl Sims blew away his colleagues with his 1994 seminal work on evolved creatures web.genarts.com/karl/ evolved virtual creatures Photo by Hank Morgan

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (20) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (20) Garcia Evolved Virtual Creatures 20 years old is this work Adaptation

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (21) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (21) Garcia Lighting and Shading (and Camera…) Just like in a movie… ◦ Artist sets up lights in the shot for mood ◦ Teams of artists apply hand-drawn and procedural textures, called “shaders”  Not pictures but programs  There are layers of them ◦ The virtual 3D camera (and its movement) set But “render!” instead of “action!”… hof.povray.org/2b.html “Harvest Time” by Gilles Tran (POV-RAY)

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (22) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (22) Garcia 3D Projection Basics (in Rendering) For each frame… ◦ Take 3D geometry (and lights and surface shaders) and figure out what color each 2D pixel should be The math is simply similar triangles There are lots of algorithms to do this ◦ “Expensive” = slower, but quality usually higher B x /B z = A x /A z B x = B z * A x /A z

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (23) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (23) Garcia Rendering : Global Illumination What’s our goal? ◦ Find rendering algorithms that simulate what real light does in real world ◦ “Photo-realism” Limitations ◦ There are way too many photons to simulate all of them at once! ◦ Every technique is a different way to simulate the real world ◦ Each has costs & benefits Direct vs. Global Illumination “The Lovers” by Gilles Tran. (POV-Ray) en.wikipedia.org/wiki/Global_illumination

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (24) Garcia Cornell Box RenderingPhotograph “The Cornell Box experiments have come to symbolize our approach to physically based rendering. The Cornell box is a simple physical environment for which we have measured the lighting, geometry, and material reflectance properties. Synthetic images of this environment are then created, and compared to images captured with a calibrated CCD camera. In this way, we can confirm the accuracy of our simulations.”

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (25) Garcia Direct Illumination Image Image courtesy Henrik UCSD

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (26) Garcia Global Illumination Image Image courtesy Henrik UCSD

UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (27) Garcia UC Berkeley “The Beauty and Joy of Computing” : HowItWorks : 3D Graphics (27) GarciaSummary Beauty and Joy of Computing? You bet! The field of 3D Graphics has transformed film, television & video games How does it work? ◦ Modeling ◦ Animation ◦ Lighting & Shading & Camera ◦ Rendering (film,games different) It allows people to exercise right and left sides of brain ◦ Opportunities !!! kevinbeason.com/smallpt/ Image by Kevin Beason