01visual module
2024

MosaicForge

A fully original generative canvas where modular tiles bend around the pointer, change density, switch palettes, and react to click-generated shockwaves.

[ SCROLL DOWN ↓ ]

FRAME 01 / CHROMATIC FIELD

FRAME 02 / POINTER DISTORTION

FRAME 03 / SHOCKWAVE MODE

DESCRIPTION

Mosaic Forge

Mosaic Forge is Roberto Laksmana’s original interactive tile system. It uses mathematical fields instead of photographs, so every frame is generated live in the browser.

Overview

Pointer distance, procedural wave functions, seeded variation, and palette logic combine to make each tile respond differently while remaining part of one coherent field.

Technical

The experience is built with the Canvas 2D API and requestAnimationFrame. It is dependency-free, touch-friendly, responsive, and packaged as a static Cloudflare Pages route.

Role

Original concept, design, code

Created with

Canvas 2D, JavaScript

Tools

Procedural fields, PWA

LAUNCH PROJECT ↗CREDITS / LICENSES →ALL PROJECTS →

MOSAIC 01

POINTER FIELD

LIVE FORGE

NEXT PROJECT / 02

Particles

EXPLORE NEXT →

PARTI
CLES