[ ROBERTO LAKSMANA ] INTERACTIVE PORTFOLIO / 2026
CLICK START / BUILD THE NAME

ROBERTO LAKSMANA

CANVAS · WEBGL · GLSL · CREATIVE DEVELOPMENT

00100
[ ROBERTO.LAKSMANA ]
ROBERTO VISUAL SYSTEM / 04
HELLO / ROBERTO VISUAL SYSTEM 04

HEY, I AM
ROBERTO LAKSMANA.

An interactive four-in-one portfolio for procedural canvas, particles, generative drawing, and character-based rendering.

[ SCROLL ]

A Little History

Roberto Laksmana connects four standalone visual experiments into one modern portfolio with a shared identity, project storytelling, live demos, PWA installation, and a static architecture prepared for Cloudflare Pages.

INFO:

Roberto Visual Lab is a compact gallery for motion-driven web development. Each module uses a local, dependency-light rendering method designed to remain visible on static hosting.

STYLE:

Brutalist grid, pixel typography, high-contrast color fields, modular cards, sharp borders, oversized labels, and playful motion.

SKILLSET:
FIELDSSTACKTOOLS

Frontend
Design
Interactive
Motion

HTML / CSS
JavaScript
Three.js
WebGL

Canvas
Shaders
GSAP
Vite

SELECTED PROJECTS

Four experiments, one shared visual system. Hit any card to change its color.

02ROBERTO / PARTICLES2021
ROBERTO LAB / 02

Particles Playground

Interactive WebGL scenes built from image-driven particles, custom shaders, pointer movement, and cinematic transitions.

MADE WITH:THREE.JS, GLSL, GSAPROLE:DESIGN, DEVELOPMENT
EXPLORE →
Hello, I am Roberto Laksmana particle scene previewPARTI CLES
03ROBERTO / SKETCHY2024
ROBERTO LAB / 03

Sketchy Effect

A hand-drawn rendering treatment that combines 3D geometry, procedural noise, depth information, and ink-like lines.

MADE WITH:THREE.JS, POST FXROLE:SHADER, EXPERIMENT
EXPLORE →
Kinetic Portal object preview for Sketchy EffectSKET CHY
04ROBERTO / ASCII2024
ROBERTO LAB / 04

ASCII Shader

A fast GLSL post-process maps rendered brightness to a generated character atlas instead of expensive DOM text.

MADE WITH:THREE.JS, SHADERSROLE:MODULE, RENDERING
EXPLORE →
Data Core object preview for ASCII EffectAS CII
SELECTED LABS

A creative playground for smaller visual ideas and interactive rendering modes.

ROBERTO / 0101

Mosaic Shockwave

An original tile field reacts to pointer motion, palette shifts, density changes, and click-generated waves.

OPEN LAB ↗
ROBERTO / 0202

Images Become Matter

Pointer-reactive particle scenes rendered in WebGL.

OPEN LAB ↗
ROBERTO / 0303

Digital Pencil Pass

A procedural post-effect with imperfect hand-drawn energy.

OPEN LAB ↗
ROBERTO / 0404

Characters as Pixels

A shader-driven character texture replaces rendered pixels.

OPEN LAB ↗
THIS WEBSITE

One name. Four visual engines.

01

Keep all four visual experiments independently functional.

02

Make the shared website responsive and lightweight.

03

Add playful interaction without hiding the content.

04

Ship a prebuilt PWA ready for Cloudflare Pages.

No database, API key, or server-side build is required. The entire package runs as static assets, with offline fallback and local installation support.