
Explore the Articles
There's different types of posts on here! You can explore them by their respective tags!
Feature: 7 Articles | Guide: 5 Articles | Legacy: 13 Articles | Making Of: 8 Articles | Tutorial: 20 Articles |FEATURE
Creative Coding: The New Era
Creative coding is a new interdisciplinary art form that bridges the gap between technologists and artists. This article explores what it means to be a code artist, what it means to make art with code, and how we approach this new discipline today.
Genuary 2023 Recap
A big recap of Genuary 2023, all the sketches that I've made for the daily prompts as well as my personal favorites from other artists. This article contains a lot of twitter embeds, which might take a couple of seconds to load. Thank you for your patience!
Gorilla Sun 2022
Another year, another recap! Many a sketch, and many an article, 2022 has been creative code galore from start to finish! Let's have a look at the most memorable Gorilla events that happened in 2022.
Delaunay Triangulation and Voronoi Diagrams
This is the first in a series of blog posts on Delaunay triangulation. This first part explains the task at hand and possible strategies to create a Delaunay Triangulation.
Gorilla Sun 2021
2021 has been an incredibly exciting year for the Gorilla Sun Blog! Here's a recap of this surreal journey and a summary of all the art that I've made throughout!
Hicetnunc.xyz and NFTs on the Tezos Blockchain ~ What's New April 2021 Update
Another month has passed, however a lot has changed in the Tezos NFT world. Recent developments.
TUTORIALS
An Introduction to Javascript Generators
Generators are a versatile feature of ES6 and allow for interesting programming strategies, that otherwise wouldn't be possible. In this post we'll go over the basics and some use cases of JS generators.
The P5 Graphics Buffer
In this post we'll have a look at the P5JS graphics buffer and how to effectively use it in your P5 sketching practice. We'll also create a variation of the 10 PRINT pattern that repeats seamlessly.
An Algorithm for Polygon Intersections
In this post we'll work our way towards an algorithm that can compute convex polygon intersections. We'll also a method for intersections between axis-aligned rectangles, a function that can determine the intersection of two line segments, as well as a point in polygon test.
A Simple Solution for Shape Packing in 2D
Shape packing is a popular type of sketch in gen-art, but is often trickier than it might seem when you try to pack anything more complicated than a simple circle. In this post we'll have a look what goes into collision detection as well as a strategy to pack any arbitrary shape in 2D.
Bowyer-Watson Algorithm for Delaunay Triangulation
The Bowyer-Watson algorithm for Delaunay triangulation is maybe one of the easier methods to implement and understand for obtaining a Delaunay Triangulation.
Working with SVGs in P5JS
P5JS doesn't offer native SVG support, there is however a way to run P5 in an 'SVG' mode using zenozeng's SVG runtime. Running P5 in this SVG mode also requires a lot of interaction with the DOM, which we'll discuss in this post.
9 Tips for Tsubuyaki Processing
Tsubuyaki processing has become a popular and fun little challenge on Twitter. In this post I'll be going over some character saving tricks that can come in clutch when you're out of ideas for reducing the size of your code!
An Algorithm for Irregular Grids
A step by step tutorial to constructing a variety of irregular grids
A Guide to Hexagonal Grids in P5JS
A tutorial on multiple ways to create a hexagonal grid in p5js
An Algorithm for Polygons with Rounded Corners
An approach for creating all sorts of different smooth shapes in p5, using the canvas rendering context.
An Object Oriented Approach to Random Walkers
A closer look at random walkers, and how to make them explore and traverse an underlying grid, in p5js.
How to make Sliders in P5
Sliders are a wonderful tool to add some interactivity to your sketches. Here's everything you need to know.
Parametric Functions and Particles
This is one of my favorite tricks. Albeit being very simple, visually it looks very impressive.
Perlin Noise Flow Fields in Processing - Part II
Part 2 of creating perlin noise flow fields in Processing.
Perlin Noise Flow Fields in Processing - Part I
This blog post will explain how to code up a Flow Field in Processing.
Radial Perlin Noise and Generative Tree Rings
This is one of my favorite things I've made with perlin noise so far, generative tree rings.
Smooth curves with Perlin Noise and Recreating the Unknown Pleasures Album Cover in P5
In this part of the perlin noise tutorial series we will have a look at creating smooth curves with Perlin Noise in P5js and processing.
An introduction to Perlin Noise in P5JS and Processing
The Perlin noise generator in p5js is a fantastic feature that allows us to code up a plethora of fantastic sketches, here's a rundown of how it works as well as some examples.
Perlin Noise Surface Textures and Scrolling Tricks
In this part of the perlin noise tutorial series we will have a look at creative applications of Perlin Noise and using it to texture.
Simulating Brush Strokes with Hooke's Law in P5JS and Processing
Hooke's Law is generally found in physics and concerns the behaviour of springs, however it can also come in handy for simulating brush strokes programmatically.
GUIDE
Getting Started with Mastodon
Mastodon is where all the cool kids are right now. If you've been meaning to join the Twitter alternative and don't know where to start, then this post got you covered. We'll go over how to sign up to Mastodon and how everything on the platform works.
Migrating from Github Pages to Netlify
Github Pages and Netlify are bost fantastic solutions for hosting your first website. Switching from one to the other when you've already established your website on one of them might be a bit tricky however. But here's how you can do it!
How to set up a Breadfond
In this tutorial I will guide you through setting up a Breadfond on the Tezos blockchain using the TEIA and/or Versum smart contracts.
A Simple Guide to FFMPEG
FFmpeg is an essential tool for creative coders. Here's a primer on using FFmpeg, and showcase of some of it's capabilities.
A Guide to making GIFs in P5JS and Processing
This article is a run down of all the possible ways you can turn your sketch into a GIF.
MAKING OF
Making of Neo Supremus
A write-up of my fxhash project 'Neo Supremus', a generative ode to Kazimir Malevich's Suprematist compositions. In this article, we'll have a look at some of Malevich's Suprematist compositions as well as some of the techniques that I used to recreate these compositions in a generative manner.
Making of Exotic Quarpets
A detailed write-up about my most recent fxhash piece 'Exotic Quarpets' from initial inspiration, to specific implementation details all the way to last minute wrestling with a browser compatibility bug.
Making of Behind the Canvas
An in depth look into the inner workings of my crayon codes sketch Behind the Canvas
Making of Vestige
Notes and thoughts on my generative fxhash token 'Vestige'
Making of Grand Canyon
An aesthetically minimalistic sketch that is based on a boolean grid and Perlin noise.
Making of Parasite
A step-by-step tutorial to recreating my parasite sketch, which involves coding all kinds of squiggly movement!
Making of Gateway
An in depth tutorial on recreating a beesandbombs' sketch! We'll have a closer look at seamlessly looping points and creating infinitely expanding patterns!
Making of Gzork
Step-by-step guide to coding up a sketch that I submitted for processing's 20-th anniversary fundraiser