SlideShare a Scribd company logo
3D modelling
Rendering & the graphics pipeline
Last week
What did we do in last weeks
3D modelling lesson?
This week
You will be learning about rendering & the
graphics pipeline.
By the end of today you
MUST understand what rendering is
SHOULD be able to explain what the
graphics pipeline is
COULD produce some high quality
renders of your game
Recap
Real or Fake – shout out the answers
Real or Fake –
shout out the answers
Real or Fake –
shout out the answers
Real or Fake –
shout out the answers
Real or Fake –
shout out the answers
Real or Fake –
shout out the answers
Real or Fake
Real life object 3D renders
Today we’re going to look at the
graphics pipeline & rendering
The graphics pipeline is how we
take a 3D world….
And turn it into a 2D image
displayed on a screen (gameplay),
Graphics pipeline
Is the series of processes the computer
goes through converting the 3D game world
into a 2D image on your screen.
From this….
To this….
Graphics pipeline
We call this process of turning a 3D model
into a 2D image “rendering”
From this….
To this….
Every process has stages…
Texturing
1. Application
2. Vertex shaders
Vertex shaders work out where each vertex is
on the model in X, Y & Z co-ordinates.
.
Don’t be confused by the word shader here…
think about the vertex
Projection
Now we know what the objects shapes are,
we need to figure out what our camera is
looking at in the scene. This is called
projection.
Clipping
Now we know what’s going to be on our
screen (what the cameras looking at) we
can get rid of anything that’s outside of the
cameras view, clearing up memory.
4. Rasterization
We must now convert the 3D vector shapes
(made of mathematical co-ordinates) in our
cameras view (its frustrum)
into a 2D raster image (an image made up
of pixels).
We call this rasterizing
But why do we need to convert our
3D world to a pixel based image?
The cameras screen is
made up of pixels!
Its how it displays images.
Pixel shaders
Pixel shaders now set the value for each pixel
on the screen.
The value work out how the object looks close
up; how it reflects or absorbs light, its colour
and its bump map.
Pixel shaders & Texturing
The texture file being held in the computers
memory is applied to the object in this stage
of the pipeline
At the end of the pipeline we now
have our rendered image on
screen
This will change twice a
second for 60FPS
games….
There are different types of
rendering
Radiosity
Calculates how light
bounces off objects
within the scene,
leading to soft
shadows and
diffuse lighting
Ray tracing
Calculates the path
of a light beam,
leading to good
reflections and
sharp shadows
There are different types of
rendering
Notice the difference in
shadows and light reflection
and absorption
Ray-tracingRadiosity
Render engines
are the part of the software that powers the
process of rendering.
Blender has 2 render engines
Blender Render versus Cycles
Which produces better looking
images?
Blender Render versus Cycles
Cycles renders look better; they are higher quality and more photo-realistic
BUT it takes the program much longer to render each image.
Lets look at Cycles in action…
Today
Working alone, fill in the worksheet “Rendering
& the graphics pipeline – worksheet”. You can
find this on Moodle.
Submit this to the Moodle assignment
“Rendering worksheet”
AFTER you have done this watch the video
tutorial on rendering and render some textured
primitives.
Whole class feedback
Render out a textured image of your chair.
Put it on the screen for others to see.

More Related Content

What's hot (20)

PPT
Intro to scan conversion
Mohd Arif
 
PPTX
Painter's Algorithm https://www old.pptx
sahilmemane00117
 
PPTX
Spline representations
Nikhil krishnan
 
PPTX
Circle generation algorithm
Ankit Garg
 
PPTX
Chapter 9 morphological image processing
Ahmed Daoud
 
PPTX
Computer Graphics
Deepak Kumar Mohapatra
 
PPTX
digital image processing
Abinaya B
 
PPTX
Histogram Processing
Amnaakhaan
 
PPTX
Introduction to Computer Graphics
Megha Sharma
 
PDF
Image processing fundamentals
Dr. A. B. Shinde
 
PPTX
Facial Emotion Recognition: A Deep Learning approach
AshwinRachha
 
PPTX
Dilation and erosion
Aswin Pv
 
PPTX
Advance image processing
AAKANKSHA JAIN
 
PDF
3D Transformation
SwatiHans10
 
PPT
Introduction to computer graphics
Amandeep Kaur
 
PPT
Introduction to digital image processing
Hossain Md Shakhawat
 
PPTX
Computer Vision
Nitin Sharma
 
PPT
Lecture 9 animation
Mr SMAK
 
Intro to scan conversion
Mohd Arif
 
Painter's Algorithm https://www old.pptx
sahilmemane00117
 
Spline representations
Nikhil krishnan
 
Circle generation algorithm
Ankit Garg
 
Chapter 9 morphological image processing
Ahmed Daoud
 
Computer Graphics
Deepak Kumar Mohapatra
 
digital image processing
Abinaya B
 
Histogram Processing
Amnaakhaan
 
Introduction to Computer Graphics
Megha Sharma
 
Image processing fundamentals
Dr. A. B. Shinde
 
Facial Emotion Recognition: A Deep Learning approach
AshwinRachha
 
Dilation and erosion
Aswin Pv
 
Advance image processing
AAKANKSHA JAIN
 
3D Transformation
SwatiHans10
 
Introduction to computer graphics
Amandeep Kaur
 
Introduction to digital image processing
Hossain Md Shakhawat
 
Computer Vision
Nitin Sharma
 
Lecture 9 animation
Mr SMAK
 

Similar to Graphics pipeline and rendering (20)

PPTX
Graphics pipelining
Areena Javed
 
PPT
Introduction graphics
Cecelia Yumnam
 
PDF
04. The Rendering Pipeline
Amin Babadi
 
PDF
Rendering basics
icedmaster
 
PPTX
Cgp lecture1 introduction
Javkhlan Rentsendorj
 
DOCX
Constraints
halo4robo
 
PPTX
Rendering In Graphics.pptxgdhkkurdjkkdg
MohammadIdrees57
 
PPTX
GRPHICS01 - Introduction to 3D Graphics
Michael Heron
 
PPT
lect1.ppt
Anonymous3L2lCsyAx
 
PPT
Graphics display-devicesmod-1
Praveen Kumar
 
PPTX
TASK 2
10metzm
 
PPTX
computer-graphics_PPT-graphics-pipeline.pptx
hr215144
 
PPT
Programmable Piplelines
Syed Zaid Irshad
 
PDF
Game Engine Overview
Sharad Mitra
 
PPT
GRPHICS05 - Rendering (2)
Michael Heron
 
PPTX
Introduce to 3d rendering engine
Daosheng Mu
 
PPT
Praseed Pai
Barcamp Kerala
 
PPT
BitSquid Tech: Benefits of a data-driven renderer
tobias_persson
 
PPT
Frostbite Rendering Architecture and Real-time Procedural Shading & Texturing...
repii
 
PPT
august23.ppt
CharlesMatu2
 
Graphics pipelining
Areena Javed
 
Introduction graphics
Cecelia Yumnam
 
04. The Rendering Pipeline
Amin Babadi
 
Rendering basics
icedmaster
 
Cgp lecture1 introduction
Javkhlan Rentsendorj
 
Constraints
halo4robo
 
Rendering In Graphics.pptxgdhkkurdjkkdg
MohammadIdrees57
 
GRPHICS01 - Introduction to 3D Graphics
Michael Heron
 
Graphics display-devicesmod-1
Praveen Kumar
 
TASK 2
10metzm
 
computer-graphics_PPT-graphics-pipeline.pptx
hr215144
 
Programmable Piplelines
Syed Zaid Irshad
 
Game Engine Overview
Sharad Mitra
 
GRPHICS05 - Rendering (2)
Michael Heron
 
Introduce to 3d rendering engine
Daosheng Mu
 
Praseed Pai
Barcamp Kerala
 
BitSquid Tech: Benefits of a data-driven renderer
tobias_persson
 
Frostbite Rendering Architecture and Real-time Procedural Shading & Texturing...
repii
 
august23.ppt
CharlesMatu2
 
Ad

More from iain bruce (20)

PPTX
Week 3 - research workshop
iain bruce
 
PPTX
Research - TV studio project week1
iain bruce
 
PPTX
Socialactioncommunitymediaintro 170307205212
iain bruce
 
PPTX
Multi camera filming lesson
iain bruce
 
PDF
Floor managing
iain bruce
 
PPTX
Hnd planning an insert
iain bruce
 
PPTX
Soundtrack planning workshop
iain bruce
 
PPTX
Fmp workshop
iain bruce
 
PPTX
Sound Design theory recap
iain bruce
 
PPTX
Soundtrack lesson 2
iain bruce
 
PPTX
Soundtrack lesson 1
iain bruce
 
PPTX
Documentary week 4: Waltz With Bashir
iain bruce
 
PPTX
Documentary week 5
iain bruce
 
PPTX
Documentary 3: Documentary Forms
iain bruce
 
PPTX
Documentary 2: the history of British documentary
iain bruce
 
PPTX
Jump Cuts 1
iain bruce
 
PPTX
Short film
iain bruce
 
PPTX
HND Film: Documentary, an introduction
iain bruce
 
PPTX
Fmp lesson 2 hopes
iain bruce
 
PPTX
Film Narrative & concept: an introduction
iain bruce
 
Week 3 - research workshop
iain bruce
 
Research - TV studio project week1
iain bruce
 
Socialactioncommunitymediaintro 170307205212
iain bruce
 
Multi camera filming lesson
iain bruce
 
Floor managing
iain bruce
 
Hnd planning an insert
iain bruce
 
Soundtrack planning workshop
iain bruce
 
Fmp workshop
iain bruce
 
Sound Design theory recap
iain bruce
 
Soundtrack lesson 2
iain bruce
 
Soundtrack lesson 1
iain bruce
 
Documentary week 4: Waltz With Bashir
iain bruce
 
Documentary week 5
iain bruce
 
Documentary 3: Documentary Forms
iain bruce
 
Documentary 2: the history of British documentary
iain bruce
 
Jump Cuts 1
iain bruce
 
Short film
iain bruce
 
HND Film: Documentary, an introduction
iain bruce
 
Fmp lesson 2 hopes
iain bruce
 
Film Narrative & concept: an introduction
iain bruce
 
Ad

Recently uploaded (20)

PPTX
PATIENT ASSIGNMENTS AND NURSING CARE RESPONSIBILITIES.pptx
PRADEEP ABOTHU
 
PPTX
Unit 2 COMMERCIAL BANKING, Corporate banking.pptx
AnubalaSuresh1
 
PDF
Chapter-V-DED-Entrepreneurship: Institutions Facilitating Entrepreneurship
Dayanand Huded
 
PPTX
BANDHA (BANDAGES) PPT.pptx ayurveda shalya tantra
rakhan78619
 
PPTX
HYDROCEPHALUS: NURSING MANAGEMENT .pptx
PRADEEP ABOTHU
 
PDF
People & Earth's Ecosystem -Lesson 2: People & Population
marvinnbustamante1
 
PPSX
HEALTH ASSESSMENT (Community Health Nursing) - GNM 1st Year
Priyanshu Anand
 
PPTX
ASRB NET 2023 PREVIOUS YEAR QUESTION PAPER GENETICS AND PLANT BREEDING BY SAT...
Krashi Coaching
 
PDF
DIGESTION OF CARBOHYDRATES,PROTEINS,LIPIDS
raviralanaresh2
 
PDF
Lesson 2 - WATER,pH, BUFFERS, AND ACID-BASE.pdf
marvinnbustamante1
 
PDF
The dynastic history of the Chahmana.pdf
PrachiSontakke5
 
PPTX
How to Set Maximum Difference Odoo 18 POS
Celine George
 
PPTX
How to Create a PDF Report in Odoo 18 - Odoo Slides
Celine George
 
PDF
LAW OF CONTRACT ( 5 YEAR LLB & UNITARY LLB)- MODULE-3 - LEARN THROUGH PICTURE
APARNA T SHAIL KUMAR
 
PPTX
Cultivation practice of Litchi in Nepal.pptx
UmeshTimilsina1
 
PDF
Isharyanti-2025-Cross Language Communication in Indonesian Language
Neny Isharyanti
 
PPTX
2025 Winter SWAYAM NPTEL & A Student.pptx
Utsav Yagnik
 
PPTX
Stereochemistry-Optical Isomerism in organic compoundsptx
Tarannum Nadaf-Mansuri
 
PPT
Talk on Critical Theory, Part One, Philosophy of Social Sciences
Soraj Hongladarom
 
PDF
0725.WHITEPAPER-UNIQUEWAYSOFPROTOTYPINGANDUXNOW.pdf
Thomas GIRARD, MA, CDP
 
PATIENT ASSIGNMENTS AND NURSING CARE RESPONSIBILITIES.pptx
PRADEEP ABOTHU
 
Unit 2 COMMERCIAL BANKING, Corporate banking.pptx
AnubalaSuresh1
 
Chapter-V-DED-Entrepreneurship: Institutions Facilitating Entrepreneurship
Dayanand Huded
 
BANDHA (BANDAGES) PPT.pptx ayurveda shalya tantra
rakhan78619
 
HYDROCEPHALUS: NURSING MANAGEMENT .pptx
PRADEEP ABOTHU
 
People & Earth's Ecosystem -Lesson 2: People & Population
marvinnbustamante1
 
HEALTH ASSESSMENT (Community Health Nursing) - GNM 1st Year
Priyanshu Anand
 
ASRB NET 2023 PREVIOUS YEAR QUESTION PAPER GENETICS AND PLANT BREEDING BY SAT...
Krashi Coaching
 
DIGESTION OF CARBOHYDRATES,PROTEINS,LIPIDS
raviralanaresh2
 
Lesson 2 - WATER,pH, BUFFERS, AND ACID-BASE.pdf
marvinnbustamante1
 
The dynastic history of the Chahmana.pdf
PrachiSontakke5
 
How to Set Maximum Difference Odoo 18 POS
Celine George
 
How to Create a PDF Report in Odoo 18 - Odoo Slides
Celine George
 
LAW OF CONTRACT ( 5 YEAR LLB & UNITARY LLB)- MODULE-3 - LEARN THROUGH PICTURE
APARNA T SHAIL KUMAR
 
Cultivation practice of Litchi in Nepal.pptx
UmeshTimilsina1
 
Isharyanti-2025-Cross Language Communication in Indonesian Language
Neny Isharyanti
 
2025 Winter SWAYAM NPTEL & A Student.pptx
Utsav Yagnik
 
Stereochemistry-Optical Isomerism in organic compoundsptx
Tarannum Nadaf-Mansuri
 
Talk on Critical Theory, Part One, Philosophy of Social Sciences
Soraj Hongladarom
 
0725.WHITEPAPER-UNIQUEWAYSOFPROTOTYPINGANDUXNOW.pdf
Thomas GIRARD, MA, CDP
 

Graphics pipeline and rendering

  • 1. 3D modelling Rendering & the graphics pipeline
  • 2. Last week What did we do in last weeks 3D modelling lesson?
  • 3. This week You will be learning about rendering & the graphics pipeline.
  • 4. By the end of today you MUST understand what rendering is SHOULD be able to explain what the graphics pipeline is COULD produce some high quality renders of your game
  • 5. Recap Real or Fake – shout out the answers
  • 6. Real or Fake – shout out the answers
  • 7. Real or Fake – shout out the answers
  • 8. Real or Fake – shout out the answers
  • 9. Real or Fake – shout out the answers
  • 10. Real or Fake – shout out the answers
  • 11. Real or Fake Real life object 3D renders
  • 12. Today we’re going to look at the graphics pipeline & rendering
  • 13. The graphics pipeline is how we take a 3D world…. And turn it into a 2D image displayed on a screen (gameplay),
  • 14. Graphics pipeline Is the series of processes the computer goes through converting the 3D game world into a 2D image on your screen. From this…. To this….
  • 15. Graphics pipeline We call this process of turning a 3D model into a 2D image “rendering” From this…. To this….
  • 16. Every process has stages… Texturing
  • 18. 2. Vertex shaders Vertex shaders work out where each vertex is on the model in X, Y & Z co-ordinates. . Don’t be confused by the word shader here… think about the vertex
  • 19. Projection Now we know what the objects shapes are, we need to figure out what our camera is looking at in the scene. This is called projection.
  • 20. Clipping Now we know what’s going to be on our screen (what the cameras looking at) we can get rid of anything that’s outside of the cameras view, clearing up memory.
  • 21. 4. Rasterization We must now convert the 3D vector shapes (made of mathematical co-ordinates) in our cameras view (its frustrum) into a 2D raster image (an image made up of pixels). We call this rasterizing
  • 22. But why do we need to convert our 3D world to a pixel based image? The cameras screen is made up of pixels! Its how it displays images.
  • 23. Pixel shaders Pixel shaders now set the value for each pixel on the screen. The value work out how the object looks close up; how it reflects or absorbs light, its colour and its bump map.
  • 24. Pixel shaders & Texturing The texture file being held in the computers memory is applied to the object in this stage of the pipeline
  • 25. At the end of the pipeline we now have our rendered image on screen This will change twice a second for 60FPS games….
  • 26. There are different types of rendering Radiosity Calculates how light bounces off objects within the scene, leading to soft shadows and diffuse lighting Ray tracing Calculates the path of a light beam, leading to good reflections and sharp shadows
  • 27. There are different types of rendering Notice the difference in shadows and light reflection and absorption
  • 29. Render engines are the part of the software that powers the process of rendering.
  • 30. Blender has 2 render engines
  • 32. Which produces better looking images?
  • 33. Blender Render versus Cycles Cycles renders look better; they are higher quality and more photo-realistic BUT it takes the program much longer to render each image.
  • 34. Lets look at Cycles in action…
  • 35. Today Working alone, fill in the worksheet “Rendering & the graphics pipeline – worksheet”. You can find this on Moodle. Submit this to the Moodle assignment “Rendering worksheet” AFTER you have done this watch the video tutorial on rendering and render some textured primitives.
  • 36. Whole class feedback Render out a textured image of your chair. Put it on the screen for others to see.