3d Renderer from scratch
- 3 Devlogs
- 8 Total hours
3d renderer using my knowledge of math using js and a HTML canvas tag
3d renderer using my knowledge of math using js and a HTML canvas tag
Devlog #3
it now renders by drawing the outline and filling, so it is waaaaay faster and can manage at least 200 rectangles.
I also made it so that the point grid renders with accurate sizes. At first this wasn’t working, but it actually looked pretty cool, so you can see it in one of the videos.
Additionally, the elements render in the correct order now, so that they appear in teh right layers.
now I am finally gonna try to do rotation
Devlog #2.
i should probably clarify that i don’t know how to use matrices, so all of this is done without them. I realized that this will probably limit the functionality of this project because my computer will probably crash from drawing every single pixel to fill in the shapes.
it can now render rectangular prisms, and they look solid except from close up. i added key presses to move the camera around.
Now, i am going to try to use html canvas commands to make the correct quadrilateral for each side, which should speed up the proccessing, i think. Then, i will have to tackle camera rotation. we’ll see how that goes💀
I am trying to create a 3d renderer from scratch without looking at how it is done elsewhere. At this point, i have gotten far enough to be able to plot points and a function for making a rectangular prism. It looks like it is rendering correctly right now, but we’ll see. (the screen recording is really glitchy)