CREATIVE CODING ANIMATIONS

MOTION/VISUAL DESIGN



       /INTRO

A personal exploration into creative coding, grown entirely from tinkering. It started with experimenting with the expressions system in After Effects — using code to drive motion rather than keyframes. That curiosity led to learning Processing, which opened up a new way of thinking about visuals as systems.
        /WORK

From Processing, the work progressed into P5.js, and later Drawbot, each tool bringing its own constraints and possibilities. The result is a body of work built on experimentation; generative systems, visual patterns, and motion-driven outputs made purely out of curiosity. Some of these works were selected and featured at DEMO Festival 2025, Netherlands.










3D WEBGL

P5JS
An exploration into building 3D forms directly within P5.js, calculating vertices by hand and using the beginShape()method to construct meshes from scratch. UV textures are mapped onto these forms, adding surface detail and depth to the geometry.

The result is a set of abstract, geometric structures with animated meshes that shift and move in real-time in the browser without using any external 3D libraries, just P5.js doing the heavy lifting.





Floral Mesh P5JS
Selected Artwork - DEMO 2025
Oreos


Lollypop
Containers
Text Extrusion
Around The World
Shapeshifter












PHYSICS SIMULATION

MATTER JS, BOX2D
An exploration into real-world physics simulation using MatterJS within P5.js and Box2D within Processing. The work focuses on simulating gravity, falling objects, and collision interactions, objects that respond to each other and their environment in ways that feel grounded and believable.

Rather than purely abstract outputs, these are object-based simulations where the physics engine drives the behaviour, and the visual layer sits on top to give it form and character.






Particle Interaction with Text and SVGs
Paragraph Destroyer
Section from a video, using Box2D in Processing
Sections from NikexKunel artworks











TEXT & MISCELLANEOUSSome explorations into type as a visual and generative element, with P5.js, Drawbot, and Processing. The work experiments with text distributed across grids, variable type, and distortion treating letterforms less as static content and more as raw material to be pushed, pulled, and systemised.






Robot Dreams
Selected Artwork - DEMO 2025



Variable Type in Drawbot
Processing with OpenSimplex Noise


Mesh Distortion with P5js
Variable Type - Kicks Crew







That’s all folks!