Video wird geladen...
Video konnte nicht geladen werden
messin' with physics 👨🍳 text in the DOM, blocks on <canvas> ✨
383,166 Aufrufe • vor 1 Jahr •via X (Twitter)
10 Kommentare

I had a dream of you doing YouTube tutorials

Gonna bring them back. Jus' gotta get back into the swing of things 🙏 Goal is to refocus and shift my content patterns. Site, YouTube, course.

are you using a library?

Use the matter engine to handle collisions. Then draw the color blocks to canvas in a render loop reading the engine values 🤙 There are a few little tricks which I had to work out but it's almost there 🤏 Originally did this for the end of my Config deck with falling elems

@v0 or did you rawdog it?

@v0 Rawdogged 😅 Been messing with v0 to see how it handles creating webcam filters and 3D games 🧐

Now. A block for every tab in your browser.

It reminds me my experiment of ray tracing DOM elements: How are you extract the text bounding boxes?

SHOW ME HOW!

Did something similar recently, i call it DOM aware physics, as you can give it almost any dom element and make your 2d environment aware of it's contents

