The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Just came across this really cool video from Tsoding, where he explains how computers produce 3D graphics.
TLDR, the main takeaway is as simple as this formula:
(x, y, z)
x' = x/z
y' = y/z
But he also dives into concepts like the rotation matrix, drawing vertices and edges, and how you can create a super simple 3D engine using HTML context and display a penger model. The source code is also out for anyone who wants to play with it.
I've always wondered how computers process 3D, and why different 3D softwares have a differently oriented axis, and this answers a lot of those questions for me. Would highly recommend anyone working with 3D with a nerdy itch for algorithms to check out this video!
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
I built a collaborative pixel art town that folds itself into 3D. It's called Paper Town.
Try it here → https://spice-bunch-07751270.figma.site/
Here's how it works: you get a 16×16 pixel grid. Draw anything — a pattern, a face, your mood, whatever. Pick a building shape. Then watch your flat drawing fold up into a 3D isometric building, like paper rising off a table.
Your building lands on a shared town map. Zoom out and you'll see dozens of other people's pixel art sitting next to yours as buildings. A heart pattern cafe. A striped tower. Something completely unreadable that somehow works.
You can also frame any view as a postcard — your pixel art becomes the stamp in the corner.
super cool
Built for social media users navigating constant digital notifications.
This game turns notifications into physical distraction blocks.
They move toward your 3D glass tower - your focus.
Click to destroy them.
Drag to rotate the tower in 3D.
If blocks hit it, the tower tilts and absorbs their color.
The clearer your tower stays, the clearer your focus is.
Deztract transforms digital interruptions into a playable 3D interaction, pushing Figma Make into real-time motion, impact, and spatial control.
A familiar digital pattern. Rethought.
WIP For a 3D Stylized Ktchen scene
Beautiful Render and scene
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aivideo
AI video tools are moving at warp speed. What tools are you using?