Coding Challenge #112: 3D Rendering with Rotation and Projection

Too simple

Finally someone actually explained projection matrix's :D

it's like a four dimensional hyperspace

Anyone following 4 years later… at the point where you connect the lines, simply in the for v : points loop, save the last screen coordinate in a non loop local variable (as in declared outside) then check, if it has been initiated (had a value) then draw a line between it and the current point

I like your channel. You have such a great attitude, and you're clearly knowledgeable -- but you also show that it's ok not to know everything. You foster a great attitude towards ongoing learning. 😄👏

I'm want to try to do this with typescript and svg 🤔

i hate c++

How can you change it so when you move the cube up, down, left or right, it still spins around its own center instead of the center of the screen?

a 3 dimensional cube on a 2 dimensional screen in my 1 dimensional brain

Awesome video! Just what I needed for my advent of code problem

really wish i saw this a year ago

Where can i find functions that he has written before and using now?

my brain kinda broke and didnt see the perspective version of the cube right at first.

Love it! love everything! Love coding! Love examples! Love humor! EVERYTHING!!

I wonder how to draw colored faces so that only front ones are visible

A Giant at work. Thanks for making this video!

Exactly the type of information I've been searching for -- thanks for taking the time to make this and explain everything! I'll create something epic in the future with this power

in my university they told us to build 3d objects from scratch. you do a crazy things with this library. I can't imagine myself build something similar but I will try

What if I try to rotate not the cube but camera? Then, maybe, I shall use some different rotation matrices or apply it differently or something. If you make part 3 explaining all of that camera rotation and transformations, I will be really happy!!!

you are really a genious...i was maing something like this for fun in 2000 year, but i did not reach so far, and with this deep understaning, you are my inspirational mentor , thanks dude

This video inspired me to code my own 3D modelisation software for my final school project. So thank you so much!

I did all that, and more in the summer of 1982 or 1983 on a IBM 8088 with a nonochrome monitor !!! All coded in basic, no libraries whatsoever... I was rendering all my projected vertices in arrays, for many rotations or distance change, to be able to display the results faster, because the calculations were done... 4.77 Mhz 640 KB ram...

I got everything right (using cpp) but I have a couple problems.

Firstly, the z values separate the two layers of cube opposite each other. Basically I now have two squares rotating around an empty space.

It also keeps rotating around the upper left corner (the origin). I tried subtracting the point's position with the cube's position and it kind of centered, but it always rotates around with the upper left point pointing toward the rotation point. I cannot get the rotation point to be inside the cube. When I tried, everything froze.

The worst part is that I just did exactly what you did. I can only guess that there are more 3d helping tools in processing, even without the 3d functions.

You are amazing 🤩

Sir can u share this source code?

boring

You r the best teacher

I think you swapped the sin and -sin in rotationY. they should be swapped unlike in rotationX and rotationZ
cos(a), 0, sin(a)
0 , 1, 0
-sin(a), 0, cos(a)

"Processing, Java based, creative, development, platform thing."

Shiffman “Oh boy! this work too fast. I didn’t want it to work that fast”.

All other programmers drop their mouth

tf is the pavlov ding dong

Aaaaah I want to learn

I tried to make my own 3d rendering engine. I now have a crippling fear of triangles. I do not recommend.

Do you have any suggestions on how to plot live-data, that comes from the usb/serial-port? P5JS , PixiJS , ZIMJS, TwoJS?

For example, not sure which package would best keep up drawing a simple line graph, as the data that comes streaming in, but I'd LOVE to use P2D, maybe with Python!

Thanks a lot. I was looking for it for two months. I contacted some math teachers but anyone could teach me this. Now I could do a cube in Lua (TIC-80). But I have a question: We can make a rotationY matrix and the cube will spin in its own axis Y. But how can a make two cubes, one spinning in its own axis Y, and a second cube spinning in first's axis Y, such as the second cube is "orbiting" the first one?
Hugs from Brazil
+1 subscriber

I love your videos and thanks you helped me a lot with that video tho! <3

So, as a person who is doing Computer Science in school. I feel it's safe to say: I hate Libraries.

We're not watching someone Code a 3D - Rotating Cube. We're watching someone use someone elses code to use function to do such a thing. I want to KNOW HOW TO MAKE THE 3D CUBE. Having a function that says "DO everything" is not an explanation on how to make this program. P3D basically makes it so you're actually not doing the work, you're just taking someone elses work and claiming you did it.

Again, I understand the uses of Libraries. It doesn't change the fact that they're fucking lame and lazy. Again, I came here to see how to program a Rotating Cube, what I got was "Use this person's Library because we can't be bothered to show you how this shit is done. BUT we're going to title the video and be deceptive and act like WE coded the cube."


Man, I wish ALL programming came down to just simply using normal words. "I want to Rotate these... so I will use ROTATE. I'm not going to create a function that will rotate this. NOOOOOO we can'
t show you actual programming. We have to show you what Script Kiddies think is programming. "

I really felt the need to learn how to create 3D from scratch for the sake of my own sanity, so thank you again.

ok but how do i rotate projection :(

Sir great video btw. I tried to recreate this in raw java but the perspective part isnt working.