I just published an interactive version of this Truchet Patterns animation: 🔗 visualrambling.space/sketches/tru... You can tap the canvas to shuffle the cubes' rotations and refresh the patterns. You can also adjust the zoom, color modes, and animation speed to your liking. Enjoy!

Playing around with Truchet patterns using #threejs and #animejs. The overall pattern is formed by cubes with 6 different pattern variations on their faces. Rotating the cubes results in completely new larger pattern designs.

I wrote about the Victorian history, physical sensor mechanisms, and networked logic of traffic lights! This is the fifth installment in the "How The Heck" series, following QR codes, GPS, Shazam, and solar panels. Hope you enjoy it! perthirtysix.com/how-the-heck-do-traffic-lights-work

Revisited my old work on spherical helix paths and just published a new interactive version: 🔗 visualrambling.space/sketches/mov... In this one, the cube sequence follows a Clelia curve, another path that wraps beautifully around a sphere. Made with #threejs and #animejs

An interactive version of this Penrose Stairs animation is now available here: 🔗 visualrambling.space/sketches/penrose-stairs/ I’m planning to post short sketches like this more regularly between my longer visual stories. Hope I can stay consistent with these

The Penrose Stairs: an optical illusion where a staircase seems to keep ascending or descending in a continuous loop. It gives impresion that the last stair is connected to the first, even though they’re actually drawn apart. Another exploration with #threejs and #animejs.

Just published an interactive version of this animation where you can play with the initial/target layouts and colors. Check it out here: 🔗 visualrambling.space/sketches/par... made with #threejs and #animejs

My next "how the heck?" piece is live, and it's all about solar panels! It interactively covers the physics, infrastructure, and economics of solar energy in (hopefully) an approachable way. I learned a ton working on it and hope you have fun looking through it. perthirtysix.com/how-the-heck...

Line break-dancing: A comparison of how the Greedy and Knuth-Plass algorithms handle line breaks. Part of my next visual article on the line-breaking algorithms, coming soon! Made with #threejs and #animejs

Still playing with the Knuth-Plass algorithm visualization. The algorithm finds the “shortest path” through a graph of potential line breaks. Shortest here doesn’t actually mean the fewest lines, it means the path with the least “demerits”. Will talk more about this in the next visual article!

Playing with the Knuth-Plass algorithm and I think it’s an interesting algorithm to visualize! Unlike the greedy approach, it look at the whole paragraph and optimize the breakpoints so that the layout might shift when a new word is added.

I just made a step-by-step tutorial breaking down how I created the dithering visualization check it out at @codrops.bsky.social here:

So recently I've been re-exploring the Fourier Transform. I learned about it a long time ago, but didn't realize it could be applied to images too. It's fascinating to see how sine wave patterns can add together to form an image. made with #animejs and #threejs

the 2nd part of my dithering visual article is finally out! 🔗 visualrambling.space/dithering-pa... this one mainly explores the threshold map and how it generates those unique visual patterns hope you enjoy this as much as I enjoyed making it! made with #threejs & #animejs

just added this dithering pattern animation to my @codepen.io codepen.io/damarberlari... you can play with the group spacing and the input color manually

Almost finished the second part of my Dithering visual article! this one will discuss threshold maps and how they form the dithering patterns still need to do a bit more polishing, but should be able to finish it by next week. here's a small snippet for now! made with #threejs + #animejs

Arrange - Rearrange started this as just another usual exploration with threejs & animejs but it turned out to fit yesterday’s #genuary, so consider this a participation for #genuary12

The Dithering article is one of the three winners of The Pudding Cup this year! @puddingviz.bsky.social has always been my source of inspiration when making visual articles, so I’m really happy about this! Go check the other winners on their website! pudding.cool/pudding-cup/

Experimenting with different types of threshold maps for ordered dithering. this close-up shows how unique the patterns produced by each one are. made with #threejs & #animejs

finally published this visual article on dithering (part 1)! I had so much fun and learned a lot while making this. not only about dithering, but also about @threejs.org shaders. as usual, animated with @animejs.com enjoy! 🔗 visualrambling.space/dithering-pa...

almost finished the first part of my next visual article on dithering, created with #threejs & #animejs it took much longer than expected, so i decided to split it into 3 parts (otherwise i’ll never finish this 😅) anyway, 1st part should be ready next week! here’s a snippet:

exploring #threejs shader material and simple lighting

a new visual article in my blog made with #threejs visualrambling.space/moving-objec... I was curious about spherical helix and did some readings. I ended up relearned parametric equations and made this vis to document my learnings feel free to visit & let me know what you think! #sciart

the path: #threejs #visualization

exploring cube sequences movement along different paths #threejs #visualization

A few months ago, I decided to take some time off from work. I wanted to spend more time with my family and explore things I’d been curious about but never had time to learn. First topics I explore: deep learning & 3D web animation. What I end up making: