Computer graphics. Creating your own Renderer with JavaScript. Creating Lines. Part 1.
Part 1 of the video where we write a renderer in JavaScript. In this part we will get acquainted with the drawing library, learn how to draw points, and then move on to drawing the first lines. A little math and the first drawing will already appear on your screen.
📁 Project files:
Repository -https://github.com/NoneRasable/Render...
Start - https://github.com/Nonerasable/Render...
End - https://github.com/Nonerasable/Render...
⌚️ Time codes:
00:00 - Introduction
01:44 - Getting started
08:54 - Draw a line
17:16 - Reflect the line
21:27 - Improving line drawing
33:03 - Improving math operations
36:00 - Comparing drawing functions
Useful links:
Bresenham's algorithm - https://en.wikipedia.org/wiki/Bresenh...
TinyRenderer - https://github.com/ssloy/tinyrenderer...
We write simplified OpenGL with our own hands - https://habr.com/ru/post/248153/