Art on nobe4

Great Flag Unification

Wed, 26 Nov 2025 00:00:00 +0000

If there’s something I like, it’s simplicity. If there’s something that’s not simple, it’s the flags of the world. In this post I try to redesign flags in a simplified way, using only 4 basic shapes: rectangles, circles, half-circles, and triangles.

Each flag operates on a 12 ×12 grid, which works surprisingly well for most flags.

The idea is to create a simpler, more consistent sets of flags. Any symbolic shapes (e.g. stars, words, etc) are removed. Consistency of shapes is favored over individuality of each flag, for instance, most circles are only one of 2 sizes.

Pure Data Sequencer

Thu, 26 Oct 2017 00:00:00 +0000

In this post I’d like to present a patch I made for Pure Data, namely a sequencer.

Pure What?

Pure Data (Pd) is a visual programming language developed by Miller Puckette in the 1990s for creating interactive computer music and multimedia works. - Wikipedia

Coming from a text-based programming experience, it’s a connect box with lines type of programming game. Although I am relatively new to this technology, I can already tell that it’s a lot of fun to play with!

Cube

Mon, 16 Oct 2017 00:00:00 +0000

This blog post presents the little toy I made while exploring the HTML5’s canvas and a cube’s visualisation with changing perspectives.

You can see the result here: Cube.

Preparing the canvas and brushes

Let start with the canvas wrapper, the non-cube side of the project.

After getting the canvas and its context, we set fixed sizes for various elements of the page:

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
const HEIGHT = canvas.height;
const WIDTH = canvas.width;
const pointSize = 10;
var debug = true;
var step = 0;

Next, a few different functions to clear/display stuff on the canvas:

Golfed Dragon's Curve

Sun, 26 Jun 2016 00:00:00 +0000

Little dragon’s curve.

I got bored on a rainy Sunday and I thought I would try to mix mathematic and JavaScript.

I love fractals and I saw neat golfed examples of what you can do with the canvas (e.g. this 128 bytes dragon’s curve), so I tried to create a simple dragon’s curve generation visualisation.

My attempt displays splittings of the initial segment as it gradually turns into a curve.

Here is the full code. To make it work, you need a fixed-size canvas whose id is a (demo at the end).