Introduction to 3D and shaders
Download as PPT, PDF5 likes2,228 views
The document introduces 3D graphics and shaders. It discusses application programming interfaces like DirectX and OpenGL, and how 3D graphics processing has evolved since the 1990s. It then explains at a high level how 3D data is processed, including the use of vertices, pixels, and matrices. The document also provides examples of shader languages and low-level GPU programming code.
![LOW LEVEL GPU PROGRAMMING DEFINE LUMINANCE = {0.299, 0.587, 0.114, 0.0}; TEX H0, f[TEX0], TEX4, 2D; TEX H1, f[TEX2], TEX5, CUBE; DP3X H1.xyz, H1, LUMINANCE; MULX H0.w, H0.w, LUMINANCE.w; MULX H1.w, H1.x, H1.x; MOVH H2, f[TEX3].wxyz; MULX H1.w, H1.x, H1.w; DP3X H0.xyz, H2.xzyw, H0; …](https://image.slidesharecdn.com/introductionto3dandshaders-100808004242-phpapp01/85/Introduction-to-3D-and-shaders-16-320.jpg)
Introduction to 3D and shaders
- 1. INTRODUCTION TO 3D AND SHADERS YOU CAN’T DRAW MONA LISA WITH A CPU
- 2. SELF. Victor Porof instanceof class Programmer extends Geek += 3D += Low-level stuff += iPhone | iPod | iPad programmer += Part time student
- 4. PRODUCT – ABSTRACTION = TECHNIQUE DirectX openGL ES 1.1; 2.0 HLSL GLSL Cg
- 5. WE’LL TALK ABOUT.. Super Mario What is DirectX | openGL | QuickDraw Mythbusters, CPU & GPU What happened since DirectX 7 | openGL 2.0 Picasso & DaVinci How 3D stuff works in general, and how 3D data is processed Vertices, Pixels, Matrices How does low level GPU programming taste like Language & syntax WebGL
- 7. WHAT IS DIRECTX | OPENGL | QUICKDRAW Application programming interfaces Game programming Data visualization Graphics Video Sound DirectX: Microsoft , in 1995 OpenGL: Silicon Graphics Inc. (SGI), in 199 9 QD3D: Apple, in 1995
- 8. SINCE DIRECTX 7 | OPENGL 2.0
- 9. PICASSO & DAVINCI ?
- 10. HOW 3D STUFF WORKS IN GENERAL
- 11. HOW 3D STUFF WORKS IN GENERAL ..let’s simplify things (sort of)
- 12. HOW 3D STUFF WORKS IN GENERAL ..hopefully you got the idea (sort of)
- 13. HOW 3D DATA IS PROCESSED
- 14. VERTICES, PIXELS, MATRICES HLSL “ high level shading language” GLSL “ openGL shading language” “ Glslang” Cg “ C for graphics” SL
- 16. LOW LEVEL GPU PROGRAMMING DEFINE LUMINANCE = {0.299, 0.587, 0.114, 0.0}; TEX H0, f[TEX0], TEX4, 2D; TEX H1, f[TEX2], TEX5, CUBE; DP3X H1.xyz, H1, LUMINANCE; MULX H0.w, H0.w, LUMINANCE.w; MULX H1.w, H1.x, H1.x; MOVH H2, f[TEX3].wxyz; MULX H1.w, H1.x, H1.w; DP3X H0.xyz, H2.xzyw, H0; …
- 17. LANGUAGE AND SYNTAX //the vertex shader attribute vec3 vertPosition; attribute vec2 vertTexCoord; uniform mat4 mvMatrix; uniform mat4 projMatrix; varying vec2 texCoord; void main() { texCoord = vertTexCoord; gl_Position = projMatrix * mvMatrix * vec4(vertPosition, 1); }
- 18. LANGUAGE AND SYNTAX //the pixel (fragment) shader uniform vec4 tint; uniform sampler2D sampler; varying vec2 texCoord; void main() { gl_FragColor = tint * texture2D(sampler, texCoord); }
- 19. HOW 3D STUFF WORKS IN GENERAL ..remember this?
- 20. TRANSFORMATIONS //a very simple way to project 3D objects on a 2D screen uniform Transformation { mat4 projection_matrix; mat4 modelview_matrix; }; in vec3 vertex; void main() { gl_Position = projection_matrix * modelview_matrix * vec4(vertex, 1.0); }
- 21. WEBGL A context of the HTML 5 canvas Based on openGL ES 2.0 Brings 3D hardware accelerated graphics to the browser Javascript Engines: WebGLU GLGE C3DL Copperlicht SpiderGL SceneJS Processing.js O3D
- 22. ?