Brutalist grid, pixel typography, high-contrast color fields, modular cards, sharp borders, oversized labels, and playful motion.
HELLO / ROBERTO VISUAL SYSTEM 14
HEY, I AM
ROBERTO LAKSMANA.
ABOUT / 00
A Little History
Roberto Laksmana connects fourteen visual systems 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.
FIELDSSTACKTOOLS
Frontend
Design
Interactive
Motion
HTML / CSS
JavaScript
Three.js
WebGL
Canvas
Shaders
GSAP
Vite
SELECTED PROJECTS
Fourteen systems, one shared visual container. Hit any card to change its color.
ROBERTO LAB / 01
Mosaic Forge
An original generative canvas where a responsive tile field bends around the pointer and erupts into chromatic shockwaves.
MADE WITH:JAVASCRIPT, CANVASROLE:EFFECT, INTERACTION
EXPLORE →
MOSAIC
FORGE
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 →
PARTI
CLES
ROBERTO LAB / 05
Win11React Terminal Studio
A complete Windows 11 React desktop with Start, Search, draggable application windows, mobile-responsive controls, and eight browser-safe terminal or media applications.
MADE WITH:HTML, CSS, JAVASCRIPTROLE:SYSTEM, INTERACTION
EXPLORE →
WIN11TERMINAL
ROBERTO LAB / 06
Pixel Art Draw
A responsive drawing game for mouse, pen, and touch with color tools, eraser, undo, local save, CSS export, and crisp PNG download.
MADE WITH:CANVAS, POINTER EVENTSROLE:DRAWING, INTERACTION
EXPLORE →
PIXEL ARTDRAW
FULL PROJECT FUSION / 07—14
OPEN FUSION DIRECTORY ↗Chromatic stays the container.
Eight uploaded experiences are compiled or mounted beneath the same portfolio, preserving their complete routes while sharing navigation and project storytelling.
FUSION / 07
Zentry Cinematic
A complete cinematic React experience with hero video, clipping masks, animated navigation, feature cards, audio controls, and GSAP choreography.
VIEW PROJECT →
FUSION / 08
Truus Agency
An experimental agency website with oversized typography, service cards, marquees, elastic motion, custom cursor behavior, and playful editorial sections.
VIEW PROJECT →
FUSION / 09
Capsule Editorial
A responsive editorial and product story with layered imagery, cinematic smoke, activities, reviews, and immersive transition systems.
VIEW PROJECT →
FUSION / 10
Spylt Commerce
A full fluid product showcase with animated copy, color families, menu motion, pinned video, and high-energy commerce presentation.
VIEW PROJECT →
FUSION / 11
Gentle Rain AI
A futuristic AI learning interface with Three.js canvas, scrolling panels, kinetic typography, horizontal interaction, and locally integrated motion libraries.
VIEW PROJECT →
FUSION / 12
MAGMA Story
A long-form scrollytelling experience with pinned canvas sequences, video, section choreography, smooth scrolling, and large responsive narrative typography.
VIEW PROJECT →
FUSION / 13
Three Room
An interactive Three.js portfolio room featuring a GLB environment, Draco decoding, video textures, camera movement, hotspots, and project navigation.
VIEW PROJECT →
FUSION / 14
R3F Engine Lab
A reusable WebGL engine combining React Three Fiber, Drei, Lenis, and GSAP into one adaptive scene with scroll-triggered interface motion.
VIEW PROJECT →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 ↗ROBERTO / 0505
Win11React Terminal Studio
A responsive Windows 11 React desktop with real window management, Search, Start Menu, Recycle Bin, official app icons, and integrated terminal runtimes.
OPEN LAB ↗ROBERTO / 0606
Pixel Art Draw
A touch-ready pixel canvas with undo, local save, CSS generation, and PNG export.
OPEN LAB ↗
THIS WEBSITE
01
02
03
04
05 06
One name. Fourteen visual systems.
Keep all fourteen visual systems independently functional.
Make the shared website responsive and lightweight.
Add playful interaction without hiding the content.
Ship a prebuilt PWA ready for Cloudflare Pages.
Add a complete nostalgic terminal system without arbitrary code execution.
Add a mobile-ready pixel drawing studio with local export tools.
No database, API key, or server-side build is required. The entire package runs as static assets, with offline fallback and local installation support.