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

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

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

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:

const PROJECT_NAME="TURBOLIFT 01";
// ToDo: Loading screen update. Add more color themes. Ensure ultraWide screen friendly. Create user manual. Oh, code refactoring.
#webDev #PixiJs #AnimeJs #LCARS #StarTrek

Sneak peak at the Studio Watlington website. Angular + Vite with animejs 4.0 for animations :)

#webdev #webdesign #animejs #angular #fullstack

Lightweight & Versatile JavaScript Animation Engine - Anime.js | CSS Script A JavaScript animation engine that animates almost anything on the web – CSS properties, SVG paths, DOM attributes, even plain JavaScript Objects.

📢 Anime.js v4.0.2 is here! 🎉 This update brings fixes for timer stretching, SVG rendering, WAAPI promises, easing, and draggable functionality. Plus, new TypeScript definitions!

www.cssscript.com/lightweight-...

#animejs #javascript #animation #webdevelopment

Love creating cool tech shit for my job. SVG trace and #animejs for the win

Gave @animejs.com a spin this weekend - just something simple for my first experiment.

It handled SVG stroke animation really well! and it was good fun to work with. Documentation was great 👌

This experiment also got me learning more about SVG filters 🥳

#SVG #AnimeJS #CodePen #SVGFilter

Anime.js | JavaScript Animation Engine A fast and versatile JavaScript animation library

If you aren’t aware of anime.js, please allow me to introduce you. You can check it out here: animejs.com
It just got a refresh so now it has a cleaner API and new animation powers.

#AnimeJS #WebAnimation #JavaScript #Frontend #WebDev #UX #DevTools

Exploring Anime.js: A Powerful JavaScript Animation Library Unlock web animation potential with Anime.js, a lightweight JavaScript library for creating stunning CSS, SVG, and DOM animations with minimal code. Learn implementation techniques and practical examp...

Exploring Anime.js: A Powerful JavaScript Animation Library jsdev.space/animejs-anim... #javascript #css #animejs

Rounded Primitives on a Dotted Grid. #threejs #animejs #gonrounded

Dolly. Made with #threejs & #animejs (anime.js beta)

Animation tools like After Effects give designers incredible control over motion, timing, and effects—so why do web developers still struggle with clunky CSS keyframes and JavaScript workarounds? Read our new blogpost: nodeflow.studio/blog/what-we...

#frontend #animation #gsap #motiondev #animeJS

Why should you use animation on your website? Simple!
nodeflow.studio/blog/web-ani...

#web #animation #nodeflow #GSAP #animeJS #motiondev

How Node-Based Systems Are Revolutionizing Web Animation

New blog post: nodeflow.studio/blog/node-ba...
#WebDevelopment #Frontend #WebAnimation, #NodeFlowStudio #NoCode #GSAP #AnimeJS #motion.dev

#ReactJS + #AnimeJS = Flower Animation with svg path morphing. A Client Side Component made for one of my last projects. Great JavaScript Animations Library, a very smooth result, rapid learning curve. 👍