Web Tech, Art, Mathematics
Years ago I used JSDoc to generate API docs – application programming interface documentation – for my JavaScript packages. Gradually I dropped the tool. I did not like how its syntax made the comment blocks look like another kind of code. Here is an example copied from JSDoc s Getting Started guide: /** * Represents a...
We collected a set of pixel graphic images for various touch gestures and user-interface related graphics. Then we derived from them more gesture graphics to suit our needs. Now we release the new derivatives back to the public domain. The original public domain gesture images were resourced from publicdomainvectors.org. The new derivatives are published here...
If you are a web developer, you might have dealt with mouse and touch gestures. You might have written code to detect a swipe from a stream of native browser events like touchmove, or you might have used a dedicated software library for the task. If you were mad enough, you might even have thought...
Color mapping of a photograph after dynamic compression. 2021. In the original photo, an old tree has grown algorithmic patterns on the thickest parts of its bark. Fresh bark and the tree growth bends and breaks the old bark. The breaking of the wood s protective tissue remarkably resembles other natural breaking processes such as polar...
There are many ways to write geographical coordinates in UTM coordinate systems in the wild: 327874 12345 N 6730758 E 327874 6730758 N, -327874 W e327874 n6730758 N6730758; E327874 x=327874 y=6730758 y:6730758;x:327874 ... It is not a trivial task to extract the numeric values from them. Therefore I created an open source Node.js package utm-coordinate-parser...
Do you need a simple rectangular image filled with a single color? Surprisingly often I find myself looking for such a tool to create simple image files as backgrounds, placeholders or test images in my web development projects. Of course a full-featured photo manipulation software gets the job done but it feels overkill for such...
In this post we explore generation of natural cloud-like images using Julia sets. We first discuss fractal properties of clouds in general and then introduce Julia sets and how they could be applied to cloud rendering. Finally we arrive in one particular Julia set and work it further until we have a nice, white, cloud-like...
Julia sets are curious two dimensional shapes. Many of them exhibit fractal borders in various unique and beautiful forms. To explore them in a web browser, I spent a few days to write a single-page app for the purpose. See the source code at github.com/axelpale/julia-explorer and try the app at axelpale.github.io/julia-explorer There exists multiple fractal...
When working with code that deals with matrices, it is sometimes necessary to represent a matrix on the commenting lines of the code. Matrices have standard mathematical notation but unfortunately the notation is not trivial to reproduce with ASCII characters and monospaced font typical to source code. Therefore, mainly for my own reference but also...
Here is a collection of javascript programming libraries that focus on 2D plane geometry. The collection aims to map the most successful of such libraries and thus the collection is not complete and exhaustive in any way. Each library is associated with a link to the project homepage and my brief comments. Libraries that focus...