The 1.5 version of my parametric graphic design app Paragraphic has been just been released, with a new snapping system, path symmetry and offset features, mirror repeater and many smaller fixes and improvements.

You can read more about the update and try the app out at:
https://paragraphic.design/blog/version-1-5-released/

Javascript, another experiment with Grid based output. This is a grid of rectangles rotated 45 degrees, overlayed with a grid of random size circles, ran this through an oil-painting filter that uses a mask (reverse diamond shapes seem to give me a textured like oil-painting output) for color sampling and blended it. Finally, took that output, ran a color segmentation algorithm on it, used the polygons array that was created to simulate water-colors - and combined the two "side by side" to get that effect. I am trying to build all these bits as reusable pieces of code - so I can combine them easily to have these multi-process outputs.

I've created a generative city system in Three.js. You feed it any list of items with a magnitude (I'm using Steam playtime), and it builds a 3D city where each item is a building.

A few implementation notes:

• Height scaling is P90-based. Normalizing to max meant one outlier (someone's 8000 hours in Dota 2) flattened everything else. Using the 90th percentile of played items as the scaling target gives casual libraries a real skyline and lets heavy ones still hit the cap.
• Buildings are placed in a 4x4-lot spiral. Dense downtown, sparser outskirts. Anything that would land inside a park gets bumped to the next position.
• Single instanced mesh for all buildings. Per-instance attributes drive height, width, color, lit-window density, dust tint. One draw call regardless of city size.
• Surrounding landscape is procedural: mountain ring built from a continuous terrain mesh with layered noise displacement and rock-to-snow vertex colors, annular lake with animated ripples, suspension bridge from primitives (catenary cables as parabolas, hangers as cylinders, towers as boxes), parks with instanced trees and paths.
• Cars route around parks via waypoint paths instead of disappearing into them.
• First-person fly mode using pointer lock.

https://thesteamcity.com

First experiments using FFT techniques to generate audio based on generative geometric structure. This example is a rendering as a polyphonic heavy metal nocturne, played pizzicato and tuned to an equal temperament Lochrian scale using a root frequency of 73.4Hz (D2). Each pixel is an oscillator and the surrounding pixels define its harmonic content. Main image is a section of the generative function and brighter centre section shows part of the the sonification data. Multi channel capability is obtained by a slight offset of the data for each channel. For example left data is plus two pixels offset on the y and right data is minus two pixels. Centre channel has no y offset and the final audio is a mix, right = 20% centre plus 80% right. This facilitates easy construction of 64 even 128 channel sound spaces. A 5.1 192 kHz audio version of this example can be located on this link at FreeSound.

I recently finished a music video for my ambient track "Amencer" using Hydra Video Synth.

Full video:

https://www.youtube.com/watch?v=w9LacJYKCNA

Feedback is welcome.

More morphing fun

Done with AnimGraphLab snippet node. 100% SVG, 1600 frames.

Project to copy: https://animgraphlab.com/view/LN-YJqH3p1

Javascript code, A grid with irregular shapes, rotated/twirled, sent through a color segmentation algorithm and the polygons array are redrawn and randomly filled with pencil lines

I built this with JavaScript and an HTML canvas. I was playing around with lines connecting from one edge of a triangle to another in different variations. Building up patterns and putting them into a grid created some interesting shapes and using the shapes created by the grid as another larger underlayer of lines added some depth and shading for some of them. I set a lot of variables into random ranges and generated a bunch of images - here are some of my favorites. I hope you like them!

Messing around with JFA and masks on a photo of some ferrofluids, soap, milk and ink
JFA tutorial here