SlideShare ist ein Scribd-Unternehmen logo
1 von 22
INTRODUCTION TO 3D  AND SHADERS YOU CAN’T DRAW MONA LISA WITH A CPU
SELF. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
PRODUCT – ABSTRACTION ,[object Object]
PRODUCT – ABSTRACTION = TECHNIQUE DirectX openGL ES 1.1; 2.0 HLSL GLSL Cg
WE’LL TALK ABOUT.. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
WHAT IS DIRECTX | OPENGL | QUICKDRAW ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SINCE DIRECTX 7 | OPENGL 2.0
PICASSO & DAVINCI ,[object Object]
HOW 3D STUFF WORKS IN GENERAL
HOW 3D STUFF WORKS IN GENERAL ,[object Object]
HOW 3D STUFF WORKS IN GENERAL ,[object Object]
HOW 3D DATA IS PROCESSED
VERTICES, PIXELS, MATRICES ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],SL
SHADING LANGUAGES EVOLUTION
LOW LEVEL GPU PROGRAMMING ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
LANGUAGE AND SYNTAX ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
LANGUAGE AND SYNTAX ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HOW 3D STUFF WORKS IN GENERAL ,[object Object]
TRANSFORMATIONS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
WEBGL ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object]

Weitere ähnliche Inhalte

Andere mochten auch

De ce sa nu folosim Ruby On Rails?
De ce sa nu folosim Ruby On Rails?De ce sa nu folosim Ruby On Rails?
De ce sa nu folosim Ruby On Rails?Bogdan Gaza
 
Chameleon game engine
Chameleon game engineChameleon game engine
Chameleon game engineVictor Porof
 
Firefox WebGL developer tools
Firefox WebGL developer toolsFirefox WebGL developer tools
Firefox WebGL developer toolsVictor Porof
 
Considerații privind cercetarea științifică
Considerații privind cercetarea științificăConsiderații privind cercetarea științifică
Considerații privind cercetarea științificăSabin Buraga
 
#undef IS_KING
#undef IS_KING#undef IS_KING
#undef IS_KINGkristache
 
Student User Experience in Web Design - sweb2010
Student User Experience in Web Design - sweb2010Student User Experience in Web Design - sweb2010
Student User Experience in Web Design - sweb2010Alecsandru Grigoriu
 
Introducere in Vizualizarea Datelor cu HTML5 Canvas
Introducere in Vizualizarea Datelor cu HTML5 CanvasIntroducere in Vizualizarea Datelor cu HTML5 Canvas
Introducere in Vizualizarea Datelor cu HTML5 CanvasAlecsandru Grigoriu
 
3 in 1 - Student Volunteer and Employee
3 in 1 - Student Volunteer and Employee3 in 1 - Student Volunteer and Employee
3 in 1 - Student Volunteer and Employeealinalexandru
 
NoSQL in the context of Social Web
NoSQL in the context of Social WebNoSQL in the context of Social Web
NoSQL in the context of Social WebBogdan Gaza
 
From virtual to augmented reality
From virtual to augmented realityFrom virtual to augmented reality
From virtual to augmented realitySabin Buraga
 
Processing.js vs. three.js
Processing.js vs. three.jsProcessing.js vs. three.js
Processing.js vs. three.jsVictor Porof
 
Web brother is watching you
Web brother is watching youWeb brother is watching you
Web brother is watching youSabin Buraga
 

Andere mochten auch (17)

De ce sa nu folosim Ruby On Rails?
De ce sa nu folosim Ruby On Rails?De ce sa nu folosim Ruby On Rails?
De ce sa nu folosim Ruby On Rails?
 
Chameleon game engine
Chameleon game engineChameleon game engine
Chameleon game engine
 
Firefox WebGL developer tools
Firefox WebGL developer toolsFirefox WebGL developer tools
Firefox WebGL developer tools
 
Mini-Training: JS Graphical Libraries
Mini-Training: JS Graphical LibrariesMini-Training: JS Graphical Libraries
Mini-Training: JS Graphical Libraries
 
Considerații privind cercetarea științifică
Considerații privind cercetarea științificăConsiderații privind cercetarea științifică
Considerații privind cercetarea științifică
 
#undef IS_KING
#undef IS_KING#undef IS_KING
#undef IS_KING
 
Student User Experience in Web Design - sweb2010
Student User Experience in Web Design - sweb2010Student User Experience in Web Design - sweb2010
Student User Experience in Web Design - sweb2010
 
Introducere in Vizualizarea Datelor cu HTML5 Canvas
Introducere in Vizualizarea Datelor cu HTML5 CanvasIntroducere in Vizualizarea Datelor cu HTML5 Canvas
Introducere in Vizualizarea Datelor cu HTML5 Canvas
 
FII la examinări
FII la examinăriFII la examinări
FII la examinări
 
3 in 1 - Student Volunteer and Employee
3 in 1 - Student Volunteer and Employee3 in 1 - Student Volunteer and Employee
3 in 1 - Student Volunteer and Employee
 
Cosmin Varlan: Stagii pe Bune 2011 la Facultatea de Informatica, UAIC
Cosmin Varlan: Stagii pe Bune 2011 la Facultatea de Informatica, UAICCosmin Varlan: Stagii pe Bune 2011 la Facultatea de Informatica, UAIC
Cosmin Varlan: Stagii pe Bune 2011 la Facultatea de Informatica, UAIC
 
NoSQL in the context of Social Web
NoSQL in the context of Social WebNoSQL in the context of Social Web
NoSQL in the context of Social Web
 
From virtual to augmented reality
From virtual to augmented realityFrom virtual to augmented reality
From virtual to augmented reality
 
Processing.js vs. three.js
Processing.js vs. three.jsProcessing.js vs. three.js
Processing.js vs. three.js
 
Web brother is watching you
Web brother is watching youWeb brother is watching you
Web brother is watching you
 
HTML5? HTML5!
HTML5? HTML5!HTML5? HTML5!
HTML5? HTML5!
 
Studentii iau altitudine. FII pe vf. Lenin (august 2011)
Studentii iau altitudine. FII pe vf. Lenin (august 2011)Studentii iau altitudine. FII pe vf. Lenin (august 2011)
Studentii iau altitudine. FII pe vf. Lenin (august 2011)
 

Ähnlich wie Introduction to 3D and shaders

CS 354 Programmable Shading
CS 354 Programmable ShadingCS 354 Programmable Shading
CS 354 Programmable ShadingMark Kilgard
 
Gdc 14 bringing unreal engine 4 to open_gl
Gdc 14 bringing unreal engine 4 to open_glGdc 14 bringing unreal engine 4 to open_gl
Gdc 14 bringing unreal engine 4 to open_glchangehee lee
 
CS 354 Viewing Stuff
CS 354 Viewing StuffCS 354 Viewing Stuff
CS 354 Viewing StuffMark Kilgard
 
GPGPU Programming @DroidconNL 2012 by Alten
GPGPU Programming @DroidconNL 2012 by AltenGPGPU Programming @DroidconNL 2012 by Alten
GPGPU Programming @DroidconNL 2012 by AltenArjan Somers
 
Lab Practices and Works Documentation / Report on Computer Graphics
Lab Practices and Works Documentation / Report on Computer GraphicsLab Practices and Works Documentation / Report on Computer Graphics
Lab Practices and Works Documentation / Report on Computer GraphicsRup Chowdhury
 
OpenGL ES based UI Development on TI Platforms
OpenGL ES based UI Development on TI PlatformsOpenGL ES based UI Development on TI Platforms
OpenGL ES based UI Development on TI PlatformsPrabindh Sundareson
 
Building DSLs On CLR and DLR (Microsoft.NET)
Building DSLs On CLR and DLR (Microsoft.NET)Building DSLs On CLR and DLR (Microsoft.NET)
Building DSLs On CLR and DLR (Microsoft.NET)Vitaly Baum
 
Computer graphics
Computer graphicsComputer graphics
Computer graphicsamitsarda3
 
Processing presentation
Processing presentationProcessing presentation
Processing presentationrngtng
 
Unconventional webapps with gwt:elemental & html5
Unconventional webapps with gwt:elemental & html5Unconventional webapps with gwt:elemental & html5
Unconventional webapps with gwt:elemental & html5firenze-gtug
 
Trident International Graphics Workshop 2014 1/5
Trident International Graphics Workshop 2014 1/5Trident International Graphics Workshop 2014 1/5
Trident International Graphics Workshop 2014 1/5Takao Wada
 
Your Game Needs Direct3D 11, So Get Started Now!
Your Game Needs Direct3D 11, So Get Started Now!Your Game Needs Direct3D 11, So Get Started Now!
Your Game Needs Direct3D 11, So Get Started Now!Johan Andersson
 
NIR on the Mesa i965 backend (FOSDEM 2016)
NIR on the Mesa i965 backend (FOSDEM 2016)NIR on the Mesa i965 backend (FOSDEM 2016)
NIR on the Mesa i965 backend (FOSDEM 2016)Igalia
 
OW2con'14 - XLcoud, 3D rendering in the cloud, Marius Preda, Institut Mines T...
OW2con'14 - XLcoud, 3D rendering in the cloud, Marius Preda, Institut Mines T...OW2con'14 - XLcoud, 3D rendering in the cloud, Marius Preda, Institut Mines T...
OW2con'14 - XLcoud, 3D rendering in the cloud, Marius Preda, Institut Mines T...xlcloud
 
building_games_with_ruby_rubyconf
building_games_with_ruby_rubyconfbuilding_games_with_ruby_rubyconf
building_games_with_ruby_rubyconftutorialsruby
 

Ähnlich wie Introduction to 3D and shaders (20)

CS 354 Programmable Shading
CS 354 Programmable ShadingCS 354 Programmable Shading
CS 354 Programmable Shading
 
NvFX GTC 2013
NvFX GTC 2013NvFX GTC 2013
NvFX GTC 2013
 
Gdc 14 bringing unreal engine 4 to open_gl
Gdc 14 bringing unreal engine 4 to open_glGdc 14 bringing unreal engine 4 to open_gl
Gdc 14 bringing unreal engine 4 to open_gl
 
CS 354 Viewing Stuff
CS 354 Viewing StuffCS 354 Viewing Stuff
CS 354 Viewing Stuff
 
Pixel shaders
Pixel shadersPixel shaders
Pixel shaders
 
GPGPU Programming @DroidconNL 2012 by Alten
GPGPU Programming @DroidconNL 2012 by AltenGPGPU Programming @DroidconNL 2012 by Alten
GPGPU Programming @DroidconNL 2012 by Alten
 
Lab Practices and Works Documentation / Report on Computer Graphics
Lab Practices and Works Documentation / Report on Computer GraphicsLab Practices and Works Documentation / Report on Computer Graphics
Lab Practices and Works Documentation / Report on Computer Graphics
 
OpenGL ES based UI Development on TI Platforms
OpenGL ES based UI Development on TI PlatformsOpenGL ES based UI Development on TI Platforms
OpenGL ES based UI Development on TI Platforms
 
Building DSLs On CLR and DLR (Microsoft.NET)
Building DSLs On CLR and DLR (Microsoft.NET)Building DSLs On CLR and DLR (Microsoft.NET)
Building DSLs On CLR and DLR (Microsoft.NET)
 
Pixel shaders
Pixel shadersPixel shaders
Pixel shaders
 
201707 SER332 Lecture 06
201707 SER332 Lecture 06 201707 SER332 Lecture 06
201707 SER332 Lecture 06
 
Computer graphics
Computer graphicsComputer graphics
Computer graphics
 
Processing presentation
Processing presentationProcessing presentation
Processing presentation
 
Unconventional webapps with gwt:elemental & html5
Unconventional webapps with gwt:elemental & html5Unconventional webapps with gwt:elemental & html5
Unconventional webapps with gwt:elemental & html5
 
Chapter 1
Chapter 1Chapter 1
Chapter 1
 
Trident International Graphics Workshop 2014 1/5
Trident International Graphics Workshop 2014 1/5Trident International Graphics Workshop 2014 1/5
Trident International Graphics Workshop 2014 1/5
 
Your Game Needs Direct3D 11, So Get Started Now!
Your Game Needs Direct3D 11, So Get Started Now!Your Game Needs Direct3D 11, So Get Started Now!
Your Game Needs Direct3D 11, So Get Started Now!
 
NIR on the Mesa i965 backend (FOSDEM 2016)
NIR on the Mesa i965 backend (FOSDEM 2016)NIR on the Mesa i965 backend (FOSDEM 2016)
NIR on the Mesa i965 backend (FOSDEM 2016)
 
OW2con'14 - XLcoud, 3D rendering in the cloud, Marius Preda, Institut Mines T...
OW2con'14 - XLcoud, 3D rendering in the cloud, Marius Preda, Institut Mines T...OW2con'14 - XLcoud, 3D rendering in the cloud, Marius Preda, Institut Mines T...
OW2con'14 - XLcoud, 3D rendering in the cloud, Marius Preda, Institut Mines T...
 
building_games_with_ruby_rubyconf
building_games_with_ruby_rubyconfbuilding_games_with_ruby_rubyconf
building_games_with_ruby_rubyconf
 

Mehr von Victor Porof

Firefox developer tools
Firefox developer toolsFirefox developer tools
Firefox developer toolsVictor Porof
 
Javascript, Do you speak it!
Javascript, Do you speak it!Javascript, Do you speak it!
Javascript, Do you speak it!Victor Porof
 
Cityquest - Developing games for the mobile devices
Cityquest - Developing games for the mobile devicesCityquest - Developing games for the mobile devices
Cityquest - Developing games for the mobile devicesVictor Porof
 
Web3D - Semantic standards, WebGL, HCI
Web3D - Semantic standards, WebGL, HCIWeb3D - Semantic standards, WebGL, HCI
Web3D - Semantic standards, WebGL, HCIVictor Porof
 
Developing web apps using Java and the Play framework
Developing web apps using Java and the Play frameworkDeveloping web apps using Java and the Play framework
Developing web apps using Java and the Play frameworkVictor Porof
 
Beginners' guide to Ruby on Rails
Beginners' guide to Ruby on RailsBeginners' guide to Ruby on Rails
Beginners' guide to Ruby on RailsVictor Porof
 
Introduction to the XNA framework
Introduction to the XNA frameworkIntroduction to the XNA framework
Introduction to the XNA frameworkVictor Porof
 

Mehr von Victor Porof (8)

Firefox developer tools
Firefox developer toolsFirefox developer tools
Firefox developer tools
 
Js in the open
Js in the openJs in the open
Js in the open
 
Javascript, Do you speak it!
Javascript, Do you speak it!Javascript, Do you speak it!
Javascript, Do you speak it!
 
Cityquest - Developing games for the mobile devices
Cityquest - Developing games for the mobile devicesCityquest - Developing games for the mobile devices
Cityquest - Developing games for the mobile devices
 
Web3D - Semantic standards, WebGL, HCI
Web3D - Semantic standards, WebGL, HCIWeb3D - Semantic standards, WebGL, HCI
Web3D - Semantic standards, WebGL, HCI
 
Developing web apps using Java and the Play framework
Developing web apps using Java and the Play frameworkDeveloping web apps using Java and the Play framework
Developing web apps using Java and the Play framework
 
Beginners' guide to Ruby on Rails
Beginners' guide to Ruby on RailsBeginners' guide to Ruby on Rails
Beginners' guide to Ruby on Rails
 
Introduction to the XNA framework
Introduction to the XNA frameworkIntroduction to the XNA framework
Introduction to the XNA framework
 

Introduction to 3D and shaders