Introduction to OpenGL. CS 4620 Daniel Schroeder, 2013 Pramook Khungurn, 2012
|
|
|
- Damon Sutton
- 7 years ago
- Views:
Transcription
1 Introduction to OpenGL CS 4620 Daniel Schroeder, 2013 Pramook Khungurn, 2012
2 Introduction Show how to produce graphics using OpenGL Introduce our framework for OpenGL programming
3 OpenGL Open Graphics Library API for GPU-accelerated 2D / 3D rendering Cross-platform (Windows, OS X, Linux, ios, Android,...) Developed by SGI in : OpenGL : OpenGL : OpenGL 4.2 Main alternative: Direct3D (Windows / XBox)
4 Why Use OpenGL? Tap massive power of GPU hardware to render images Use GPU without worrying about exact details of hardware
5 What OpenGL Does For Us Controls GPU Lets user specify resources...: Geometry (vertices and primitives) Textures Shaders (programs that run in the graphics pipeline) Etc....and use them: Rasterize and draw geometry
6 How We'll Use OpenGL OpenGL version We use 2.1, plus extensions Some features in 2.1 are no longer commonly used Code uses subset of features used in 3.x and 4.x JOGL Java bindings for OpenGL API CS 4620 Framework Simplifies creating and using OpenGL resources
7 Creating an OpenGL Program
8 GLCanvas Java UI component Can display images created by OpenGL OpenGL context Stores OpenGL state (geometry, buffers, etc.) Provides the framebuffer that we draw to Usage: create and put into a Java window
9 Events GL canvas can trigger certain events Something happens (e.g. user resizes window) Canvas broadcasts a message Objects interested in the event can sign up as listeners When event happens, OpenGL calls method in listener These events let us interact with OpenGL
10 GLEventListener Interface for classes that can listen for OpenGL events Implementations can perform OpenGL commands Usage: Create class implementing GLEventListener Implement four methods Call GLCanvas.addGLListener
11 GLEventListener Methods init Called once when OpenGL context is created display Called when GLCanvas wants to update the image it shows resize Called when canvas is resized dispose Called when OpenGL context is destroyed
12 GLEventListener Methods init Use to create GL resources (geometry, textures, etc.) display Use to draw to the canvas resize Use to update information based on new window size dispose Use to free up GL resources
13 Demo: Hello World!
14 OpenGL Commands and Resources
15 Example: Hello World's public void display(glautodrawable drawable) { final GL2 gl = drawable.getgl().getgl2(); gl.glclearcolor(0.0f, 0.0f, 0.0f, 1.0f); gl.glclear(gl2.gl_color_buffer_bit); Program.use(gl, program); program.setcolor(gl, 1.0f, 1.0f, 1.0f); boxarray.draw(gl); } Program.unuse(gl);
16 OpenGL Commands final GL2 gl = drawable.getgl().getgl2() Get OpenGL context for canvas GL2 object exposes underlying C API for OpenGL API calls: gl.glsomecommandname gl.glclearcolor(0.0f, 0.0f, 0.0f, 1.0f) Set black as the color to use when clearing the screen gl.glclear(gl2.gl_color_buffer_bit) Clear the display buffer using the color given by glclearcolor
17 Framework Commands Program.use(gl, program) Set which shader program the pipeline will use to draw geometry More about this on another day... program.setcolor(gl, 1.0f, 1.0f, 1.0f); Tell shader program to draw geometry in white boxarray.draw(gl) Draw the geometry described by boxarray Program.unuse(gl) Tell OpenGL we are done drawing for now Each of these has OpenGL commands under the hood
18 Framework Commands Program.use(gl, program) Set which shader program the pipeline will use to draw geometry More about this on another day... program.setcolor(gl, 1.0f, 1.0f, 1.0f); Tell shader program to draw geometry in white boxarray.draw(gl) Draw the geometry described by boxarray Program.unuse(gl) Tell OpenGL we are done drawing for now Each of these has OpenGL commands under the hood Framework commands that need access to OpenGL take the gl object as their first argument
19 Why Have a Framework? You write: boxarray.draw(gl) Framework does: gl.glbindvertexarray(boxarray.id); gl.glbindbuffer(gl2.gl_element_array_buffer, boxarray.indexbuffer.id); gl.gldrawelements(boxarray.geometrytype, boxarray.indexbuffer.numelements, boxarray.indexbuffer.format, 0); gl.glbindbuffer(gl2.gl_element_array_buffer, 0); gl.glbindvertexarray(0); Annoying to retype full sequence of commands for every draw
20 Framework and GL Resources OpenGL API has objects that hold rendering resources Geometry, textures, shader programs, etc. Framework represents these with Java classes Program (shader programs) VertexBuffer, VertexArray (used to specify geometry) Constructing an object creates OpenGL resource Object's data lives in GPU memory Allows faster access while rendering
21 OpenGL Resources: Geometry
22 Demo: Two Boxes
23 What We're Seeing Box on left: two triangles Box on right: four lines
24 Vertices Foundation for all geometry OpenGL: specify with VertexBuffer
25 Primitives Basic shapes built from vertices; e.g. triangles, lines Assemble to build more complicated shapes OpenGL: specify with VertexArray and IndexBuffer
26 Specifying Vertices: VertexBuffer OpenGL object to store vertices Info needed: Array of floats representing vertices How many dimensions per vertex (2D? 3D?) ( [-0.5, -0.5, 0.5, -0.5, 0.5, 0.5, -0.5, 0.5], 2 floats per vertex ) VertexBuffer -0.5, , , , 0.5 =
27 Specifying Vertices: TwoBoxes' public void init(glautodrawable drawable) { if(initialized) return; GL2 gl = drawable.getgl().getgl2(); // define vertex positions float [] vertexpositions = { -0.5f, -0.5f, // vertex 0 0.5f, -0.5f, // vertex 1 0.5f, 0.5f, // vertex 2-0.5f, 0.5f // vertex 3 }; VertexBuffer vertexbuffer = new VertexBuffer(gl, vertexpositions, 2);...
28 Grouping Vertices into Primitives VertexBuffer gives vertices in some order VertexBuffer -0.5, , , , 0.5 = Can re-order vertices to form primitives, so that: Every three vertices form a triangle Every two vertices form a line [0, 1, 2, 0, 2, 3] [0, 1, 1, 2, 2, 3, 3, 0] 0 1
29 Grouping Vertices: IndexBuffer OpenGL object to store sequence of vertex indices Info needed: List of integer indices [0, 1, 2, 0, 2, 3] [0, 1, 1, 2, 2, 3, 3, 0] 0, 1, 2, 0, 2, 3 0, 1, 1, 2, 2, 3, 3, 0 IndexBuffer IndexBuffer
30 Ways to Group: GL Primitives OpenGL declares several primitive types Determine how to group a sequence of verts into primitives (adapted from
31 Ways to Group: GL Primitives OpenGL declares several primitive types Determine how to group a sequence of verts into primitives (adapted from
32 Putting it Together VertexBuffer: what the vertices are IndexBuffer: in what order to put them Primitive Type: how to group ordered vertices into primitives Together, fully describes geometry VertexBuffer -0.5, , , , IndexBuffer 0, 1, 2, 0, 2, 3 Primitive Type GL_TRIANGLES
33 Putting it Together: VertexArray OpenGL object to fully describe a piece of geometry Can be drawn by OpenGL Info needed: VertexBuffer, IndexBuffer, primitive type VertexArray VertexBuffer -0.5, , , , IndexBuffer 0, 1, 2, 0, 2, 3 Primitive Type GL_TRIANGLES
34 VertexArray in TwoBoxes' init()... // earlier, filled VertexBuffer vertexpositions int [] linesindices = { 0, 1, 1, 2, 2, 3, 3, 0 }; int [] trianglesindices = { 0, 1, 2, 0, 2, 3 }; // make index buffers linesbuffer = new IndexBuffer(gl, linesindices); trianglesbuffer = new IndexBuffer(gl, trianglesindices);...
35 VertexArray in TwoBoxes' init()... // earlier: made VertexBuffer vertexbuffer // filled IndexBuffer linesbuffer, trianglesbuffer boxarray = new VertexArray(gl, GL2.GL_TRIANGLES); boxarray.setindexbuffer(gl, trianglesbuffer); boxarray.setattributebuffer(gl, TwoDimProgram.VERTEX_INDEX, vertexbuffer); boxlinesarray = new VertexArray(gl, GL2.GL_LINES); boxlinesarray.setindexbuffer(gl, linesbuffer); boxlinesarray.setattributebuffer(gl, TwoDimProgram.VERTEX_INDEX, vertexbuffer);
36 VertexArray in TwoBoxes' init()... // earlier: made VertexBuffer vertexbuffer // filled IndexBuffer linesbuffer, trianglesbuffer boxarray = new VertexArray(gl, GL2.GL_TRIANGLES); boxarray.setindexbuffer(gl, trianglesbuffer); boxarray.setattributebuffer(gl, TwoDimProgram.VERTEX_INDEX, vertexbuffer); boxlinesarray = new VertexArray(gl, GL2.GL_LINES); boxlinesarray.setindexbuffer(gl, linesbuffer); boxlinesarray.setattributebuffer(gl, TwoDimProgram.VERTEX_INDEX, vertexbuffer); Construct VertexArray and say what primitives we will build One will make triangles, the other lines
37 VertexArray in TwoBoxes' init()... // earlier: made VertexBuffer vertexbuffer // filled IndexBuffer linesbuffer, trianglesbuffer boxarray = new VertexArray(gl, GL2.GL_TRIANGLES); boxarray.setindexbuffer(gl, trianglesbuffer); boxarray.setattributebuffer(gl, TwoDimProgram.VERTEX_INDEX, vertexbuffer); boxlinesarray = new VertexArray(gl, GL2.GL_LINES); boxlinesarray.setindexbuffer(gl, linesbuffer); boxlinesarray.setattributebuffer(gl, TwoDimProgram.VERTEX_INDEX, vertexbuffer); Tell array how to order the vertices when building primitives Triangles and lines will need different vertex orders
38 VertexArray in TwoBoxes' init()... // earlier: made VertexBuffer vertexbuffer // filled IndexBuffer linesbuffer, trianglesbuffer boxarray = new VertexArray(gl, GL2.GL_TRIANGLES); boxarray.setindexbuffer(gl, trianglesbuffer); boxarray.setattributebuffer(gl, TwoDimProgram.VERTEX_INDEX, vertexbuffer); boxlinesarray = new VertexArray(gl, GL2.GL_LINES); boxlinesarray.setindexbuffer(gl, linesbuffer); boxlinesarray.setattributebuffer(gl, TwoDimProgram.VERTEX_INDEX, vertexbuffer); Tell arrays what vertex data to use Both boxes use the same buffer of four vertices
39 VertexArray in TwoBoxes' init()... // earlier: made VertexBuffer vertexbuffer // filled IndexBuffer linesbuffer, trianglesbuffer boxarray = new VertexArray(gl, GL2.GL_TRIANGLES); boxarray.setindexbuffer(gl, trianglesbuffer); boxarray.setattributebuffer(gl, TwoDimProgram.VERTEX_INDEX, vertexbuffer); boxlinesarray = new VertexArray(gl, GL2.GL_LINES); boxlinesarray.setindexbuffer(gl, linesbuffer); boxlinesarray.setattributebuffer(gl, TwoDimProgram.VERTEX_INDEX, vertexbuffer); What is this about?
40 Vertices are More than Positions A vertex has a position But it can also have other attributes: Normal vector Color Texture coordinate etc. Use multiple VertexBuffers to store this info Positions Colors , , , , 0.5 1, 0, 0 0, 1, 0 0, 0, 1 1, 1,
41 ... The Full Power of VertexArray Accepts multiple VertexBuffers specifying different attributes Each buffer mapped to some index in array of attributes VertexArray Array of Vertex Attributes , , , , 0.5 1, 0, 0 0, 1, 0 0, 0, 1 1, 1, IndexBuffer Primitive Type 0, 1, 2, 0, 2, 3 GL_TRIANGLES
42 Attribute Indices Shader program draws vertices using same array of attributes Program declares where it wants each attribute to be VertexArray Program Array of Vertex Attributes , , , , 0.5 1, 0, 0 0, 1, 0 0, 0, 1 1, 1, = Position = Color 2 2 IndexBuffer Primitive Type 0, 1, 2, 0, 2, 3 GL_TRIANGLES Vertex Attributes Wanted
43 Demo: Color Boxes
44 ColorBoxes' public void init(glautodrawable drawable) {... // fill vertexbuffer as before float [] vertexcolors = { 1.0f, 0.0f, 0.0f, // vertex 0 0.0f, 1.0f, 0.0f, // vertex 1 0.0f, 0.0f, 1.0f, // vertex 2 1.0f, 1.0f, 0.0f // vertex 3 }; VertexBuffer colorsbuffer = new VertexBuffer(gl, vertexcolors, 3);...
45 ColorBoxes' init()... // fill IndexBuffers trianglesbuffer and linesbuffer boxarray = new VertexArray(gl, GL2.GL_TRIANGLES); boxarray.setindexbuffer(gl, trianglesbuffer); boxarray.setattributebuffer(gl, TwoDimColorProgram.VERTEX_INDEX, vertexbuffer); boxarray.setattributebuffer(gl, TwoDimColorProgram.COLOR_INDEX, colorsbuffer); boxlinesarray = new VertexArray(gl, GL2.GL_LINES); boxlinesarray.setindexbuffer(gl, linesbuffer); boxlinesarray.setattributebuffer(gl, TwoDimColorProgram.VERTEX_INDEX, vertexbuffer); boxlinesarray.setattributebuffer(gl, TwoDimColorProgram.COLOR_INDEX, colorsbuffer);
46 ColorBoxes' init()... // fill IndexBuffers trianglesbuffer and linesbuffer boxarray = new VertexArray(gl, GL2.GL_TRIANGLES); boxarray.setindexbuffer(gl, trianglesbuffer); boxarray.setattributebuffer(gl, TwoDimColorProgram.VERTEX_INDEX, vertexbuffer); boxarray.setattributebuffer(gl, TwoDimColorProgram.COLOR_INDEX, colorsbuffer); boxlinesarray = new VertexArray(gl, GL2.GL_LINES); boxlinesarray.setindexbuffer(gl, linesbuffer); boxlinesarray.setattributebuffer(gl, TwoDimColorProgram.VERTEX_INDEX, vertexbuffer); boxlinesarray.setattributebuffer(gl, TwoDimColorProgram.COLOR_INDEX, colorsbuffer); Put vertex positions at index where shader program wants them
47 ColorBoxes' init()... // fill IndexBuffers trianglesbuffer and linesbuffer boxarray = new VertexArray(gl, GL2.GL_TRIANGLES); boxarray.setindexbuffer(gl, trianglesbuffer); boxarray.setattributebuffer(gl, TwoDimColorProgram.VERTEX_INDEX, vertexbuffer); boxarray.setattributebuffer(gl, TwoDimColorProgram.COLOR_INDEX, colorsbuffer); boxlinesarray = new VertexArray(gl, GL2.GL_LINES); boxlinesarray.setindexbuffer(gl, linesbuffer); boxlinesarray.setattributebuffer(gl, TwoDimColorProgram.VERTEX_INDEX, vertexbuffer); boxlinesarray.setattributebuffer(gl, TwoDimColorProgram.COLOR_INDEX, colorsbuffer); Put vertex colors at index where shader program wants them
48 Transformations
49 Representing Transformations We will use Matrix3f, Matrix4f classes Set matrix contents: Matrix3f translate = new Matrix3f(1.0f, 0.0f, 3.0f, 0.0f, 1.0f, -4.0f, 0.0f, 0.0f, 1.0f); Copy matrices: Matrix3f translateagain = new Matrix3f(translate); Multiply matrices: translate.mul(translateagain); // translate = translate * translateagain Transform points: Vertex3f vert = new Vertex3f(2.0f, 0.0f, 1.0f); translate.transform(vert); // vert = translate * vert
50 Transforms Class Provides various useful transformation matrices Identity matrices Translations, scales, rotations Projection matrices Command names indicate dimension: translate3dh(): 4x4 matrix, expects 3D homogeneous coords identity3d(): 3x3 matrix, expects 3D non-homogeneous coords
51 Transforming a Vertex VertexArray gives vertices to shader program Program transforms them onto screen before drawing Screen position = Transformation px py pz 1
52 Transforming a Vertex Applies two transforms: Projection and ModelView Very basic description now; will discuss topic more later Screen position = Projection ModelView px py pz 1
53 ModelView matrix Transforms vertex into coordinates of the viewer Modify matrix to transform objects to different places Camera plane p eye ModelView p
54 Projection matrix Projects point down onto camera plane Usually set matrix once at beginning of display() Camera plane Camera plane p screen Projection p eye
55 Setting Matrices You tell the shader program what matrices to use program.setprojection(projectionmatrix); program.setmodelview(modelviewmatrix); Program keeps drawing with the same matrices until you change them Common use pattern: program.setmodelview(transformforthisobject); thisobject.draw()
56 Demo: Sierpinski Triangle
57 Sierpinski's public void display(glautodrawable drawable) { final GL2 gl = drawable.getgl().getgl2(); gl.glclearcolor(0.0f, 0.0f, 0.0f, 1.0f); gl.glclear(gl2.gl_color_buffer_bit); Program.use(gl, program); program.setprojection(gl, Transforms.ortho2DH(-1.0f, 1.0f, -1.0f, 1.0f)); program.setcolor(gl, 1.0f, 1.0f, 1.0f); sierpinski(gl, Transforms.identity2DH(), 8); } Program.unuse(gl);
58 Recursively Drawing Fractal Define levels of Sierpinski triangles Level 0 Level 1 Level 2 Level 3 Recursive function sierpinski(gl, modelview, k) Level 0: a single triangle Build level k recursively from three copies of level k-1 Use modelview matrix to transform the three copies Example of drawing a hierarchy
59 sierpinski() void sierpinski(gl2 gl, Matrix3f modelview, int k) { if (k == 0) triangle(gl, modelview); else { Matrix3f next; // make next = modelview * (transform to top corner) next = new Matrix3f(modelView); next.mul(transforms.translate2dh(0.0f, 0.5f / sqrt(3.0f))); next.mul(transforms.scale2dh(0.5f)); sierpinski(gl, next, k-1); // make next = modelview * (transform to bottom right corner) next = new Matrix3f(modelView); next.mul(transforms.translate2dh(0.25f, -0.25f / sqrt(3.0f))); next.mul(transforms.scale2dh(0.5f)); sierpinski(gl, next, k-1); } } // make next = modelview * (transform to bottom left corner) next = new Matrix3f(modelView); next.mul(transforms.translate2dh(-0.25f, -0.25f / sqrt(3.0f))); next.mul(transforms.scale2dh(0.5f)); sierpinski(gl, next, k-1);
60 sierpinski() modelview void sierpinski(gl2 gl, Matrix3f modelview, int k) { if (k == 0) triangle(gl, modelview); }
61 sierpinski() modelview void sierpinski(gl2 gl, Matrix3f modelview, int k) { else { Matrix3f next; } // make next = modelview * (transform to top corner) next = new Matrix3f(modelView); next.mul(transforms.translate2dh(0.0f, 0.5f / sqrt(3.0f))); next.mul(transforms.scale2dh(0.5f)); sierpinski(gl, next, k-1); }
62 sierpinski() void sierpinski(gl2 gl, Matrix3f modelview, int k) { modelview next else { Matrix3f next; } // make next = modelview * (transform to top corner) next = new Matrix3f(modelView); next.mul(transforms.translate2dh(0.0f, 0.5f / sqrt(3.0f))); next.mul(transforms.scale2dh(0.5f)); sierpinski(gl, next, k-1); }
63 sierpinski() void sierpinski(gl2 gl, Matrix3f modelview, int k) { modelview next else { Matrix3f next; } // make next = modelview * (transform to top corner) next = new Matrix3f(modelView); next.mul(transforms.translate2dh(0.0f, 0.5f / sqrt(3.0f))); next.mul(transforms.scale2dh(0.5f)); sierpinski(gl, next, k-1); }
64 sierpinski() modelview void sierpinski(gl2 gl, Matrix3f modelview, int k) { if (k == 0) triangle(gl, modelview); else { Matrix3f next; // make next = modelview * (transform to top corner) next = new Matrix3f(modelView); next.mul(transforms.translate2dh(0.0f, 0.5f / sqrt(3.0f))); next.mul(transforms.scale2dh(0.5f)); sierpinski(gl, next, k-1); // make next = modelview * (transform to bottom right corner) next = new Matrix3f(modelView); next.mul(transforms.translate2dh(0.25f, -0.25f / sqrt(3.0f))); next.mul(transforms.scale2dh(0.5f)); sierpinski(gl, next, k-1); } } // make next = modelview * (transform to bottom left corner) next = new Matrix3f(modelView); next.mul(transforms.translate2dh(-0.25f, -0.25f / sqrt(3.0f))); next.mul(transforms.scale2dh(0.5f)); sierpinski(gl, next, k-1);
Image Processing and Computer Graphics. Rendering Pipeline. Matthias Teschner. Computer Science Department University of Freiburg
Image Processing and Computer Graphics Rendering Pipeline Matthias Teschner Computer Science Department University of Freiburg Outline introduction rendering pipeline vertex processing primitive processing
Chapter 2 - Graphics Programming with JOGL
Chapter 2 - Graphics Programming with JOGL Graphics Software: Classification and History JOGL Hello World Program 2D Coordinate Systems in JOGL Dealing with Window Reshaping 3D Coordinate Systems in JOGL
Android and OpenGL. Android Smartphone Programming. Matthias Keil. University of Freiburg
Android and OpenGL Android Smartphone Programming Matthias Keil Institute for Computer Science Faculty of Engineering 16. Dezember 2013 Outline 1 OpenGL Introduction 2 Displaying Graphics 3 Interaction
GUI GRAPHICS AND USER INTERFACES. Welcome to GUI! Mechanics. Mihail Gaianu 26/02/2014 1
Welcome to GUI! Mechanics 26/02/2014 1 Requirements Info If you don t know C++, you CAN take this class additional time investment required early on GUI Java to C++ transition tutorial on course website
OpenGL & Delphi. Max Kleiner. http://max.kleiner.com/download/openssl_opengl.pdf 1/22
OpenGL & Delphi Max Kleiner http://max.kleiner.com/download/openssl_opengl.pdf 1/22 OpenGL http://www.opengl.org Evolution of Graphics Assembler (demo pascalspeed.exe) 2D 3D Animation, Simulation (Terrain_delphi.exe)
How To Teach Computer Graphics
Computer Graphics Thilo Kielmann Lecture 1: 1 Introduction (basic administrative information) Course Overview + Examples (a.o. Pixar, Blender, ) Graphics Systems Hands-on Session General Introduction http://www.cs.vu.nl/~graphics/
2: Introducing image synthesis. Some orientation how did we get here? Graphics system architecture Overview of OpenGL / GLU / GLUT
COMP27112 Computer Graphics and Image Processing 2: Introducing image synthesis Toby.Howard@manchester.ac.uk 1 Introduction In these notes we ll cover: Some orientation how did we get here? Graphics system
Game Development in Android Disgruntled Rats LLC. Sean Godinez Brian Morgan Michael Boldischar
Game Development in Android Disgruntled Rats LLC Sean Godinez Brian Morgan Michael Boldischar Overview Introduction Android Tools Game Development OpenGL ES Marketing Summary Questions Introduction Disgruntled
CSE 564: Visualization. GPU Programming (First Steps) GPU Generations. Klaus Mueller. Computer Science Department Stony Brook University
GPU Generations CSE 564: Visualization GPU Programming (First Steps) Klaus Mueller Computer Science Department Stony Brook University For the labs, 4th generation is desirable Graphics Hardware Pipeline
Silverlight for Windows Embedded Graphics and Rendering Pipeline 1
Silverlight for Windows Embedded Graphics and Rendering Pipeline 1 Silverlight for Windows Embedded Graphics and Rendering Pipeline Windows Embedded Compact 7 Technical Article Writers: David Franklin,
Introduction to Computer Graphics
Introduction to Computer Graphics Torsten Möller TASC 8021 778-782-2215 torsten@sfu.ca www.cs.sfu.ca/~torsten Today What is computer graphics? Contents of this course Syllabus Overview of course topics
Computer Graphics Hardware An Overview
Computer Graphics Hardware An Overview Graphics System Monitor Input devices CPU/Memory GPU Raster Graphics System Raster: An array of picture elements Based on raster-scan TV technology The screen (and
Experiences with 2-D and 3-D Mathematical Plots on the Java Platform
Experiences with 2-D and 3-D Mathematical Plots on the Java Platform David Clayworth Maplesoft What you will learn > Techniques for writing software that plots mathematical and scientific data > How to
Monash University Clayton s School of Information Technology CSE3313 Computer Graphics Sample Exam Questions 2007
Monash University Clayton s School of Information Technology CSE3313 Computer Graphics Questions 2007 INSTRUCTIONS: Answer all questions. Spend approximately 1 minute per mark. Question 1 30 Marks Total
Radeon HD 2900 and Geometry Generation. Michael Doggett
Radeon HD 2900 and Geometry Generation Michael Doggett September 11, 2007 Overview Introduction to 3D Graphics Radeon 2900 Starting Point Requirements Top level Pipeline Blocks from top to bottom Command
Using WPF for Computer Graphics
Using WPF for Computer Graphics Matthew Jacobs, 2008 Evolution of (Graphics) Platforms 1/2 Graphics platforms have been going through the same evolution from low-level to high-level that programming languages
Introduction to Computer Graphics
Introduction to Computer Graphics Version 1.1, January 2016 David J. Eck Hobart and William Smith Colleges This is a PDF version of a free, on-line book that is available at http://math.hws.edu/graphicsbook/.
INTRODUCTION TO RENDERING TECHNIQUES
INTRODUCTION TO RENDERING TECHNIQUES 22 Mar. 212 Yanir Kleiman What is 3D Graphics? Why 3D? Draw one frame at a time Model only once X 24 frames per second Color / texture only once 15, frames for a feature
Simulation of Human Body Thermoregulation
Simulation of Human Body Thermoregulation Jana Hájková * hajkovaj@kiv.zcu.cz Martin Šašek ** msasek@kfy.zcu.cz Pavel Herout * herout@kiv.zcu.cz Abstract: This paper describes aims and development of a
L20: GPU Architecture and Models
L20: GPU Architecture and Models scribe(s): Abdul Khalifa 20.1 Overview GPUs (Graphics Processing Units) are large parallel structure of processing cores capable of rendering graphics efficiently on displays.
Introduction to WebGL
Introduction to WebGL Alain Chesnais Chief Scientist, TrendSpottr ACM Past President chesnais@acm.org http://www.linkedin.com/in/alainchesnais http://facebook.com/alain.chesnais Housekeeping If you are
Introduction to GPU Programming Languages
CSC 391/691: GPU Programming Fall 2011 Introduction to GPU Programming Languages Copyright 2011 Samuel S. Cho http://www.umiacs.umd.edu/ research/gpu/facilities.html Maryland CPU/GPU Cluster Infrastructure
Institutionen för systemteknik Department of Electrical Engineering
Institutionen för systemteknik Department of Electrical Engineering Examensarbete 3D Graphics Technologies for Web Applications An Evaluation from the Perspective of a Real World Application Master thesis
Optimizing AAA Games for Mobile Platforms
Optimizing AAA Games for Mobile Platforms Niklas Smedberg Senior Engine Programmer, Epic Games Who Am I A.k.a. Smedis Epic Games, Unreal Engine 15 years in the industry 30 years of programming C64 demo
OpenGL Performance Tuning
OpenGL Performance Tuning Evan Hart ATI Pipeline slides courtesy John Spitzer - NVIDIA Overview What to look for in tuning How it relates to the graphics pipeline Modern areas of interest Vertex Buffer
Computer Graphics CS 543 Lecture 12 (Part 1) Curves. Prof Emmanuel Agu. Computer Science Dept. Worcester Polytechnic Institute (WPI)
Computer Graphics CS 54 Lecture 1 (Part 1) Curves Prof Emmanuel Agu Computer Science Dept. Worcester Polytechnic Institute (WPI) So Far Dealt with straight lines and flat surfaces Real world objects include
GPUs Under the Hood. Prof. Aaron Lanterman School of Electrical and Computer Engineering Georgia Institute of Technology
GPUs Under the Hood Prof. Aaron Lanterman School of Electrical and Computer Engineering Georgia Institute of Technology Bandwidth Gravity of modern computer systems The bandwidth between key components
Introduction to GPGPU. Tiziano Diamanti t.diamanti@cineca.it
t.diamanti@cineca.it Agenda From GPUs to GPGPUs GPGPU architecture CUDA programming model Perspective projection Vectors that connect the vanishing point to every point of the 3D model will intersecate
Computer Graphics. Anders Hast
Computer Graphics Anders Hast Who am I?! 5 years in Industry after graduation, 2 years as high school teacher.! 1996 Teacher, University of Gävle! 2004 PhD, Computerised Image Processing " Computer Graphics!
Programming 3D Applications with HTML5 and WebGL
Programming 3D Applications with HTML5 and WebGL Tony Parisi Beijing Cambridge Farnham Köln Sebastopol Tokyo Table of Contents Preface ix Part I. Foundations 1. Introduction 3 HTML5: A New Visual Medium
Beginning Android 4. Games Development. Mario Zechner. Robert Green
Beginning Android 4 Games Development Mario Zechner Robert Green Contents Contents at a Glance About the Authors Acknowledgments Introduction iv xii xiii xiv Chapter 1: Android, the New Kid on the Block...
Aston University. School of Engineering & Applied Science
CS2150 Aston University School of Engineering & Applied Science CS2150: Computer Graphics January Examinations 2010 Date: XXX Time: XXX Instructions to Candidates: 1. Answer Question ONE and any other
Writing Applications for the GPU Using the RapidMind Development Platform
Writing Applications for the GPU Using the RapidMind Development Platform Contents Introduction... 1 Graphics Processing Units... 1 RapidMind Development Platform... 2 Writing RapidMind Enabled Applications...
Lecture 3: Coordinate Systems and Transformations
Lecture 3: Coordinate Systems and Transformations Topics: 1. Coordinate systems and frames 2. Change of frames 3. Affine transformations 4. Rotation, translation, scaling, and shear 5. Rotation about an
Computer Graphics on Mobile Devices VL SS2010 3.0 ECTS
Computer Graphics on Mobile Devices VL SS2010 3.0 ECTS Peter Rautek Rückblick Motivation Vorbesprechung Spiel VL Framework Ablauf Android Basics Android Specifics Activity, Layouts, Service, Intent, Permission,
GPU Architecture. Michael Doggett ATI
GPU Architecture Michael Doggett ATI GPU Architecture RADEON X1800/X1900 Microsoft s XBOX360 Xenos GPU GPU research areas ATI - Driving the Visual Experience Everywhere Products from cell phones to super
Shader Model 3.0. Ashu Rege. NVIDIA Developer Technology Group
Shader Model 3.0 Ashu Rege NVIDIA Developer Technology Group Talk Outline Quick Intro GeForce 6 Series (NV4X family) New Vertex Shader Features Vertex Texture Fetch Longer Programs and Dynamic Flow Control
TEACHING GRAPHICS PROGRAMMING ON MOBILE DEVICES
TEACHING GRAPHICS PROGRAMMING ON MOBILE DEVICES Michael Werner Department of Computer Science and Networking Wentworth Institute of Technology Boston, MA 02115 617-989-4143 wernerm@wit.edu ABSTRACT This
Windows Phone 7 Game Development using XNA
University of Kentucky Engineering Day Windows Phone 7 Game Development using XNA Tamas Nagy Department of Computer Science University of Kentucky Saturday Feb. 25, 2011 Free Renegade 25.02.2012 Tamas
Advanced Graphics and Animations for ios Apps
Tools #WWDC14 Advanced Graphics and Animations for ios Apps Session 419 Axel Wefers ios Software Engineer Michael Ingrassia ios Software Engineer 2014 Apple Inc. All rights reserved. Redistribution or
AMD GPU Architecture. OpenCL Tutorial, PPAM 2009. Dominik Behr September 13th, 2009
AMD GPU Architecture OpenCL Tutorial, PPAM 2009 Dominik Behr September 13th, 2009 Overview AMD GPU architecture How OpenCL maps on GPU and CPU How to optimize for AMD GPUs and CPUs in OpenCL 2 AMD GPU
Graphics Pipeline in a Nutshell
Graphics Pipeline in a Nutshell How do we create a rendering such as this? CS334 Spring 2008 Design the scene (technical drawing in wireframe ) Apply perspective transformations to the scene geometry for
A Crash Course on Programmable Graphics Hardware
A Crash Course on Programmable Graphics Hardware Li-Yi Wei Abstract Recent years have witnessed tremendous growth for programmable graphics hardware (GPU), both in terms of performance and functionality.
Finger Paint: Cross-platform Augmented Reality
Finger Paint: Cross-platform Augmented Reality Samuel Grant Dawson Williams October 15, 2010 Abstract Finger Paint is a cross-platform augmented reality application built using Dream+ARToolKit. A set of
Realtime 3D Computer Graphics Virtual Reality
Realtime 3D Computer Graphics Virtual Realit Viewing and projection Classical and General Viewing Transformation Pipeline CPU Pol. DL Pixel Per Vertex Texture Raster Frag FB object ee clip normalized device
QNX Software Development Platform 6.6. Screen Graphics Subsystem Developer's Guide
QNX Software Development Platform 6.6 QNX Software Development Platform 6.6 Screen Graphics Subsystem Developer's Guide 2010 2014, QNX Software Systems Limited, a subsidiary of BlackBerry Limited. All
Introduction GPU Hardware GPU Computing Today GPU Computing Example Outlook Summary. GPU Computing. Numerical Simulation - from Models to Software
GPU Computing Numerical Simulation - from Models to Software Andreas Barthels JASS 2009, Course 2, St. Petersburg, Russia Prof. Dr. Sergey Y. Slavyanov St. Petersburg State University Prof. Dr. Thomas
3D Graphics and Cameras
3D Graphics and Cameras Kari Pulli Senior Director Overview OpenGL ES 1.x OpenGL ES 2.0 WebGL OpenCV FCam All examples on this session on Android OpenGL: Project vertices to camera connect them to triangles
Equalizer. Parallel OpenGL Application Framework. Stefan Eilemann, Eyescale Software GmbH
Equalizer Parallel OpenGL Application Framework Stefan Eilemann, Eyescale Software GmbH Outline Overview High-Performance Visualization Equalizer Competitive Environment Equalizer Features Scalability
Programmable Graphics Hardware
Programmable Graphics Hardware Alessandro Martinelli alessandro.martinelli@unipv.it 6 November 2011 Rendering Pipeline (6): Programmable Graphics Hardware Rendering Architecture First Rendering Pipeline
Transformations in the pipeline
Transformations in the pipeline gltranslatef() Modeling transformation ModelView Matrix OCS WCS glulookat() VCS CCS Viewing transformation Projection transformation DCS Viewport transformation (e.g. pixels)
Performance Optimization and Debug Tools for mobile games with PlayCanvas
Performance Optimization and Debug Tools for mobile games with PlayCanvas Jonathan Kirkham, Senior Software Engineer, ARM Will Eastcott, CEO, PlayCanvas 1 Introduction Jonathan Kirkham, ARM Worked with
Web-Based Enterprise Data Visualization a 3D Approach. Oleg Kachirski, Black and Veatch
Web-Based Enterprise Data Visualization a 3D Approach Oleg Kachirski, Black and Veatch Contents - Introduction - Why 3D? - Applications of 3D - 3D Content Authoring - 3D/4D in GIS - Challenges of Presenting
Ch 1: What is Game Programming Really Like? Ch 2: What s in a Game? Quiz #1 Discussion
Ch 1: What is Game Programming Really Like? Ch 2: What s in a Game? Quiz #1 Discussion Developing a Game Game Architecture Resources: Chapter 2 (Game Coding Complete) What was your last game architecture
Implementação. Interfaces Pessoa Máquina 2010/11. 2009-11 Salvador Abreu baseado em material Alan Dix. Thursday, June 2, 2011
Implementação Interfaces Pessoa Máquina 2010/11 2009-11 baseado em material Alan Dix 1 Windowing systems Architecture Layers Higher level Tool UI Toolkit (Widgets) Window System OS Application Hardware
The Evolution of Computer Graphics. SVP, Content & Technology, NVIDIA
The Evolution of Computer Graphics Tony Tamasi SVP, Content & Technology, NVIDIA Graphics Make great images intricate shapes complex optical effects seamless motion Make them fast invent clever techniques
CS 4204 Computer Graphics
CS 4204 Computer Graphics 2D and 3D Transformations Doug Bowman Adapted from notes by Yong Cao Virginia Tech 1 Transformations What are they? changing something to something else via rules mathematics:
Recent Advances and Future Trends in Graphics Hardware. Michael Doggett Architect November 23, 2005
Recent Advances and Future Trends in Graphics Hardware Michael Doggett Architect November 23, 2005 Overview XBOX360 GPU : Xenos Rendering performance GPU architecture Unified shader Memory Export Texture/Vertex
Java game programming. Game engines. Fayolle Pierre-Alain
Java game programming Game engines 2010 Fayolle Pierre-Alain Plan Some definitions List of (Java) game engines Examples of game engines and their use A first and simple definition A game engine is a (complex)
Radeon GPU Architecture and the Radeon 4800 series. Michael Doggett Graphics Architecture Group June 27, 2008
Radeon GPU Architecture and the series Michael Doggett Graphics Architecture Group June 27, 2008 Graphics Processing Units Introduction GPU research 2 GPU Evolution GPU started as a triangle rasterizer
Visualizing Data: Scalable Interactivity
Visualizing Data: Scalable Interactivity The best data visualizations illustrate hidden information and structure contained in a data set. As access to large data sets has grown, so has the need for interactive
3D Application and Game Development With OpenGL
3D Application and Game Development With OpenGL java.sun.com/javaone/sf Daniel Petersen Kenneth Russell Sun Microsystems, Inc. 1 Presentation Goal Show how to build leading-edge 3D applications and games
Optimizing Unity Games for Mobile Platforms. Angelo Theodorou Software Engineer Unite 2013, 28 th -30 th August
Optimizing Unity Games for Mobile Platforms Angelo Theodorou Software Engineer Unite 2013, 28 th -30 th August Agenda Introduction The author and ARM Preliminary knowledge Unity Pro, OpenGL ES 3.0 Identify
VisIt Visualization Tool
The Center for Astrophysical Thermonuclear Flashes VisIt Visualization Tool Randy Hudson hudson@mcs.anl.gov Argonne National Laboratory Flash Center, University of Chicago An Advanced Simulation and Computing
Lecture Notes, CEng 477
Computer Graphics Hardware and Software Lecture Notes, CEng 477 What is Computer Graphics? Different things in different contexts: pictures, scenes that are generated by a computer. tools used to make
Tutorial 9: Skeletal Animation
Tutorial 9: Skeletal Animation Summary In the last couple of tutorials, you ve seen how to create a scene graph, and implemented a simple animating cube robot using them. You re probably wondering how
QCD as a Video Game?
QCD as a Video Game? Sándor D. Katz Eötvös University Budapest in collaboration with Győző Egri, Zoltán Fodor, Christian Hoelbling Dániel Nógrádi, Kálmán Szabó Outline 1. Introduction 2. GPU architecture
Windows Presentation Foundation: What, Why and When
Windows Presentation Foundation: What, Why and When A. WHY WPF: WPF is framework to build application for windows. It is designed for.net influenced by modern display technologies like HTML and Flash and
CMSC 427 Computer Graphics 1
CMSC 427 Computer Graphics 1 David M. Mount Department of Computer Science University of Maryland Fall 2010 1 Copyright, David M. Mount, 2010, Dept. of Computer Science, University of Maryland, College
Intel Graphics Media Accelerator 900
Intel Graphics Media Accelerator 900 White Paper September 2004 Document Number: 302624-003 INFOMATION IN THIS DOCUMENT IS POVIDED IN CONNECTION WITH INTEL PODUCTS. NO LICENSE, EXPESS O IMPLIED, BY ESTOPPEL
3D Augmented Reality Mobile Application Prototype for Visual Planning Support
3D Augmented Reality Mobile Application Prototype for Visual Planning Support Arnau Fombuena Valero Master s of Science Thesis in Geoinformatics TRITA-GIT EX 11-010 School of Architecture and the Built
NVPRO-PIPELINE A RESEARCH RENDERING PIPELINE MARKUS TAVENRATH MATAVENRATH@NVIDIA.COM SENIOR DEVELOPER TECHNOLOGY ENGINEER, NVIDIA
NVPRO-PIPELINE A RESEARCH RENDERING PIPELINE MARKUS TAVENRATH MATAVENRATH@NVIDIA.COM SENIOR DEVELOPER TECHNOLOGY ENGINEER, NVIDIA GFLOPS 3500 3000 NVPRO-PIPELINE Peak Double Precision FLOPS GPU perf improved
Plug-in Software Developer Kit (SDK)
Updated February 2, 2012 2 modo 601 Plug-in Development Kit for PC and Mac The modo 601 Plug-in Software Development Kit provides a set of Application Programming Interfaces (APIs) and numerous source
GPU(Graphics Processing Unit) with a Focus on Nvidia GeForce 6 Series. By: Binesh Tuladhar Clay Smith
GPU(Graphics Processing Unit) with a Focus on Nvidia GeForce 6 Series By: Binesh Tuladhar Clay Smith Overview History of GPU s GPU Definition Classical Graphics Pipeline Geforce 6 Series Architecture Vertex
GPU Shading and Rendering: Introduction & Graphics Hardware
GPU Shading and Rendering: Introduction & Graphics Hardware Marc Olano Computer Science and Electrical Engineering University of Maryland, Baltimore County SIGGRAPH 2005 Schedule Shading Technolgy 8:30
Web Based 3D Visualization for COMSOL Multiphysics
Web Based 3D Visualization for COMSOL Multiphysics M. Jüttner* 1, S. Grabmaier 1, W. M. Rucker 1 1 University of Stuttgart Institute for Theory of Electrical Engineering *Corresponding author: Pfaffenwaldring
3D VIRTUAL DESKTOP APPLICATION Of UNSW. Introduction. What we propose to do 2/4. What we propose to do 1/4. What we propose to do 4/4
3D VIRTUAL DESKTOP APPLICATION Of UNSW Introduction Objective To build a stand alone or web based interactive virtual 3D map of the UNSW Kensington campus. What do we have to start off with? An existing
Operating System Components
Lecture Overview Operating system software introduction OS components OS services OS structure Operating Systems - April 24, 2001 Operating System Components Process management Memory management Secondary
Proseminar Graphikprogrammierung
Proseminar Graphikprogrammierung Matthias Teschner Computer Science Department University of Freiburg Contact Matthias Teschner 052 / 01-005 teschner@informatik.uni-freiburg.de http://cg.informatik.unifreiburg.de/teaching.htm
Hardware design for ray tracing
Hardware design for ray tracing Jae-sung Yoon Introduction Realtime ray tracing performance has recently been achieved even on single CPU. [Wald et al. 2001, 2002, 2004] However, higher resolutions, complex
Developer Tools. Tim Purcell NVIDIA
Developer Tools Tim Purcell NVIDIA Programming Soap Box Successful programming systems require at least three tools High level language compiler Cg, HLSL, GLSL, RTSL, Brook Debugger Profiler Debugging
Master Thesis. Document : Thesis Version : 1.0 Date : 27 March 2006 Document nr. : 546
Master Thesis Atlantis 3D Document : Thesis Version : 1.0 Date : 27 March 2006 Document nr. : 546 Student Author : Jeroen Broekhuizen Email : j.broekhuizen@hef.ru.nl Student nr. : 0219428 Education : Science
GearVRf Developer Guide
GearVRf Developer Guide Welcome to GearVRf development! The Gear VR Framework (GearVRf) allows you, the Android developer, to write your own stereoscopic 3D virtual reality Java applications for the Samsung
Lecture 1 Introduction to Android
These slides are by Dr. Jaerock Kwon at. The original URL is http://kettering.jrkwon.com/sites/default/files/2011-2/ce-491/lecture/alecture-01.pdf so please use that instead of pointing to this local copy
JavaFX Session Agenda
JavaFX Session Agenda 1 Introduction RIA, JavaFX and why JavaFX 2 JavaFX Architecture and Framework 3 Getting Started with JavaFX 4 Examples for Layout, Control, FXML etc Current day users expect web user
ANDROID DEVELOPER TOOLS TRAINING GTC 2014. Sébastien Dominé, NVIDIA
ANDROID DEVELOPER TOOLS TRAINING GTC 2014 Sébastien Dominé, NVIDIA AGENDA NVIDIA Developer Tools Introduction Multi-core CPU tools Graphics Developer Tools Compute Developer Tools NVIDIA Developer Tools
Parallel Web Programming
Parallel Web Programming Tobias Groß, Björn Meier Hardware/Software Co-Design, University of Erlangen-Nuremberg May 23, 2013 Outline WebGL OpenGL Rendering Pipeline Shader WebCL Motivation Development
Chapter 6 - The Scene Graph
Chapter 6 - The Scene Graph Why a scene graph? What is stored in the scene graph? objects appearance camera lights Rendering with a scene graph Practical example 1 The 3D Rendering Pipeline (our version
Learning Modern 3D Graphics Programming. Jason L. McKesson
Learning Modern 3D Graphics Programming Jason L. McKesson Learning Modern 3D Graphics Programming Jason L. McKesson Copyright 2012 Jason L. McKesson Table of Contents About this Book... iv Why Read This
Tegra Android Accelerometer Whitepaper
Tegra Android Accelerometer Whitepaper Version 5-1 - Contents INTRODUCTION 3 COORDINATE SPACE GLOSSARY 4 ACCELEROMETER CANONICAL AXES 6 WORKING WITH ACCELEROMETER DATA 7 POWER CONSERVATION 10 SUPPORTING
PART-A Questions. 2. How does an enumerated statement differ from a typedef statement?
1. Distinguish & and && operators. PART-A Questions 2. How does an enumerated statement differ from a typedef statement? 3. What are the various members of a class? 4. Who can access the protected members
Graph visualization with OpenGL
School of Mathematics and Systems Engineering Reports from MSI - Rapporter från MSI Graph visualization with OpenGL Hannes Ahlgren Sep 2004 MSI Report 04089 Växjö University ISSN 1650-2647 SE-351 95 VÄXJÖ
CS 4204 Computer Graphics
CS 4204 Computer Graphics 3D views and projection Adapted from notes by Yong Cao 1 Overview of 3D rendering Modeling: *Define object in local coordinates *Place object in world coordinates (modeling transformation)
An Introduction to 3D Computer Graphics, Stereoscopic Image, and Animation in OpenGL and C/C++ Fore June
An Introduction to 3D Computer Graphics, Stereoscopic Image, and Animation in OpenGL and C/C++ Fore June Appendix C Android Graphics C.1 Introduction If you were not shut off from the world in the past
Last Class: OS and Computer Architecture. Last Class: OS and Computer Architecture
Last Class: OS and Computer Architecture System bus Network card CPU, memory, I/O devices, network card, system bus Lecture 3, page 1 Last Class: OS and Computer Architecture OS Service Protection Interrupts
Optimisation of a Graph Visualization Tool: Vizz3D
School of Mathematics and Systems Engineering Reports from MSI - Rapporter från MSI Optimisation of a Graph Visualization Tool: Vizz3D Johan Carlsson Apr 2006 MSI Report 06045 Växjö University ISSN 1650-2647
OpenGL Insights. Edited by. Patrick Cozzi and Christophe Riccio
OpenGL Insights Edited by Patrick Cozzi and Christophe Riccio Browser Graphics Analysis and Optimizations 36 Chris Dirks and Omar A. Rodriguez 36.1 Introduction Understanding performance bottlenecks in
Given a point cloud, polygon, or sampled parametric curve, we can use transformations for several purposes:
3 3.1 2D Given a point cloud, polygon, or sampled parametric curve, we can use transformations for several purposes: 1. Change coordinate frames (world, window, viewport, device, etc). 2. Compose objects
XBOX Performances XNA. Part of the slide set taken from: Understanding XNA Framework Performance Shawn Hargreaves GameFest 2007
XBOX Performances XNA Part of the slide set taken from: Understanding XNA Framework Performance Shawn Hargreaves GameFest 2007 XBOX Performances Overview XNA Architecture Context Switch and Batches XBOX
Overview. Lecture 1: an introduction to CUDA. Hardware view. Hardware view. hardware view software view CUDA programming
Overview Lecture 1: an introduction to CUDA Mike Giles mike.giles@maths.ox.ac.uk hardware view software view Oxford University Mathematical Institute Oxford e-research Centre Lecture 1 p. 1 Lecture 1 p.