Joe A

@janton.dev

23 Followers 102 Following

This is fine. 🔥🙂🔥 🧑‍💻 Frontend Engineer 💙 love css and building cool apps and sites

A demo of a desktop inspired startpage
Interactive Topo map | Animated, Canvas, JS, TS, Marching Squares, Topographic Wanted to add this effect to my personal site but could not find a vanilla canvas implementation online, so made my own! This takes bits and pieces from other similar projects done in different frameworks (links below), but adapted for vanilla canvas and ts, with some extra optimizations and rules for drawing lines at various threshold increments to get the desired look This uses a Perlin noise library to get random noise in a grid pattern, and then uses the "Marching Squares" algorithm to iterate through the grid and draw lines based on the values of the grid squares, with linear interpolation to smooth out the rough edges Added a little bit of mouse interactivity by offsetting the noise z-index in the grids surrounding the mouse
Email from chrome web store congratulating me on the successful publishing of my new chrome extension, Custom New Tab Redirect