Lecture 01: Welcome to Computer graphics. What is the rasterization

Computer graphics in Game development

Ivan Belyavtsev


From: https://www.meme-arsenal.com/create/meme/896303

Who I am

Ivan Belyavtsev

Computer Graphics Developer technology engineer at Nvidia

Researcher and educator in Computer science



This course was prepared or accomplished by Ivan Belyavtsev in his personal capacity. The opinions expressed in this course are the author’s own and do not represent official policy or position of Nvidia corporation.


  1. 10/23-10/24 - 5 classes
  2. 11/06-11/07 - 5 classes
  3. 11/20-11/21 - 5 classes
  4. 12/04-12/05 - 5 classes + Final assessment


  1. 10/23-10/24. Basics of rendering
  2. 11/06-11/07. Basics of ray tracing
  3. 11/20-11/21. Basics of DirectX 12
  4. 12/04-12/05. Advanced technics and algorithms


This course requires a lot of discipline and energy!

Expectations vs reality

How we will work

  • During classes
    • Research computer graphics with a meta-science framework
  • At home
    • Repeat lectures materials
    • Implement experiments by yourself

What we won’t cover

  • 3D modeling as art
  • Animation
  • Game engines
  • Music and sounds
  • Game design
  • Network

Hardware requirements

  • PC with Windows 10
  • Discrete GPU (For DirectX labs)

Software requirements


Communication channels


How we will research computer graphics

From: https://i.imgur.com/6qgzdkE.jpg

Viktor Kanke

From: https://obninsk-discovery.ru/besedka/metod-kanke

Types of sciences

  • Social
  • Natural
  • Axiological [1]

What the value of a science?

  • Economics
  • Physics
  • Computer science

Theories row

Knowledge means the theories understood and accepted by people and nothing else [2]

\[T_1 -> T_2 -> ... -> T_n\]


  • Variables:

    \(\vec{F}\), \(\vec{a}\), \(m\)

  • Laws:

    \(\vec{a} = \frac{\vec{F}}{m}\)

  • Principals:

    Conservation of energy [2]

Methods of concepts managing

  • Deduction
  • Experiment
  • Induction (data processing)
  • Correction of original concepts [2]

Methods of theories managing

  • Problematization - revealing certain obstructions in the old concept
  • Innovation - invention of new theory
  • Interpretation - old theory through new concept [2]

Interoperation of sciences

Donor-acceptor relationships [1]

An acceptor science could you use theories and methods from a donor science

Aim and principles of applied sciences

  • Aim to make something the most effective way
  • Efficiency maximization principle [3]

Aim and principles of computer science

  • Is computer science an applied science? [1]
  • Aim to process, store and transfer information by the most effective way [4]

Aim and principles of computer graphics

  • Is computer graphics a computer science?
  • Aim to create, process, store and transfer visual information by the most effective way

Aim and principles computer graphics in game development

  • Aim to create and process an image by the most effective way
  • What’s mean “the most effective way” here?

Let’s define what is an image

Physics and anatomy are donor sciences

What is the light

From: https://www.color-management-guide.com/eye-and-colors.html


Human eye

  • Rods - light quantity
  • Cones - light quality
    • S-cones - blue
    • M-cones - green
    • L-cones - red


Color perception

From: https://www.color-management-guide.com/eye-and-colors.html


Pixels in depth

From: https://www.color-management-guide.com/eye-and-colors.html


Pixels in depth (iPad 2 and iPad 3)

From: https://www.extremetech.com/computing/122725-what-the-ipad-3s-retina-display-looks-like-under-a-microscope


sRGB gamut

From: https://upload.wikimedia.org/wikipedia/commons/a/a8/CIExy1931_sRGB.png


What is a rasteriztion

It’s possible to construct any image using the next operation:

  • draw a point
  • draw a line
  • draw a triangle

“Clearing of a render target” experiment

Deduction phase

  • Image is a matrix of pixels
  • Pixel is 3 colored light sources
  • Does the intensity for each light sources setup the color?
  • Does black color consist of 0 intensity pixels?
  • How long does an operation take?

“Clearing of a render target” experiment


Let’s implement it together

“Clearing of a render target” experiment


From: https://github.com/djbelyak/basic-of-rasterization/blob/main/references/clear_rendertarget.png

“Clearing of a render target” experiment

What is the new knowledge?

  • Brightness for RGB light sources setups the pixel color
  • Black color consists of 0 intensity pixels
  • Clearing of the render target is not free


Kanke V.A. Istoriya, filosofiya i metodologiya tehniki i informatiki. uchebnik. Uriat, 2014.
Kanke V.A. The metascientific foundations of nuclear knowledge management // Nuclear Energy and Technology. 2016. Vol. 2. P. 73–81.
Kanke V.A. Metascientific foundations of understanding of status of technology // Nuclear Energy and Technology. 2017. Vol. 3. P.
Kanke V.A. Metascientific and philosophical reasons to define the status of computer science // Automatic Documentation and Mathematical Linguistics. 2017. Vol. 51. P. 101–107.
Frich A. The human eye and colour perception [Electronic resource]. 2015. URL: https://www.color-management-guide.com/eye-and-colors.html.
McGuire M. The graphics codex. 2.14 ed. Casual Effects, 2018.
Anthony S. What the iPad 3’s retina display looks like under a microscope [Electronic resource]. 2012. URL: What the iPad 3’s Retina display looks like under a microscope.
Hunt R.W.G., Pointer M.R. Measuring colour. Wiley, 2011.
// reveal.js plugins