Good software.Clear design.Built together.

A grid tower defense built entirely from primitives — boxes, cones and cylinders, told apart by colour, silhouette and emissive glow rather than by any imported model. Six towers, each with three upgrade tiers and four targeting modes, hold a serpentine trench carved across a 16×16 board against eight enemy types that each demand a different answer: armour that blunts small hits and rewards heavy ones, splitters that break in two on death, healers that quietly undo your damage, and a 1,500-HP Colossus immune to every slow in the game. Two abilities on cooldown — a 120-damage airstrike and a board-wide deep freeze — are the counterplay when the boss walks. One central loop drives every entity, so fifty of them still hold 60fps.

A drivable version of this portfolio. Every project here stands as a lit panel in a 3D hall after closing time — nine flagship builds on an inner ring facing out, twenty-two experiments on an outer ring facing in, and a light-strip lane between them. Park in front of any panel and the camera pushes in to frame it while a sheet slides in with the write-up and all of its screenshots. Nothing is hand-copied: a sync script reads the project data straight out of this site’s own deployed bundle, and the panels texture their screenshots live from this domain, so the hall updates when the portfolio does.

A toy car on a sun-baked playmat at golden hour: collect twelve coins as fast as you can, then race your own best time. The car is a real raycast vehicle with per-wheel suspension — it rolls on landings, washes wide when you carry too much speed into a corner, and drifts when the handbrake cuts rear grip. Ramps lift you onto platforms holding two coins you cannot reach from the ground, brick walls and dominoes scatter on contact, and a light touch of air control lets you aim a jump. One HTML file with no build step — three.js and cannon.js load straight from a CDN.

A Valorant-style FPS arena in the browser — mouse-locked aim, two hitscan guns with heat-based spread and recoil, and three abilities: flashbang, dash and heal. Enemies are blocky humans whose head, torso, arms and legs are both the model and the hitbox, so headshots one-tap and limb shots bleed damage. Every round moves the fight to a different arena — sunset city, neon plaza, desert ruins, cold hangar — and every bot you drop leaves its weapon to loot when you run dry.

A playable 3D Rubik's cube — drag a sticker and the layer follows your finger before snapping to 90°: scramble, race the timer and chase your best across 2×2, 3×3 and 4×4 cubes. Pure integer-math move engine verified by 61 Node tests, synthesised ratchet sounds, confetti on the solve.

Full-body motion game — the webcam scans your whole body from across the room, calibrates your proportions, then randomises one of four movement games each round: swing to smash light-cores, jump and duck under beams, match the silhouette walls, and step across energy pads.

Hand-cast spellcasting game — your webcam hands are the controller: open palm charges mana, a fist snap hurls homing fireballs, swipes unleash ice novas and chain lightning, and joined palms detonate the ultimate over a floating temple under siege.

Hand-tracked 3D basketball — pinch the ball with your webcam hands, swing and release to shoot: ballistic aim assist, rim physics, a hoop that slides after every make and a 60-second challenge mode.

A quarter of a million GPU particles holding a shape until your hands reach into them — open palms shove the swarm aside, a pinch drags it into a swirling core, and two pinches stretch the whole field. Type anything and it reassembles into your words. No physics engine and no React: position and velocity live in float textures, so every particle is moved by a shader.

A hollow shell of 3000 glowing particles steered with bare hands — move to carry it, roll your wrist to spin it, spread both palms to swell it, hold up one to five fingers to shift its hue. Pinch and hold to charge a ring, then release: the shell throws itself across the screen and springs back together, a partial charge giving a proportionally weaker pulse. Every particle is its own damped spring on the CPU, and a One-Euro filter keeps the tracking still when your hand is still without lagging when it moves. One HTML file, no build step.

An infinite cinematic pilgrimage — scroll-flight over a procedural dune sea toward a ringed Black Sun: zero-g physics shards, a choir of monoliths whose glyphs ignite as you pass, and a dusk that drifts stranger every lap.

Webcam telekinesis — your hand becomes a golden energy hand in 3D: pinch to grab floating crystals, release to throw, swing an open palm to push them away.

Procedural abyss aquarium — every 32-bit seed births a new jellyfish species: bell shape, tentacles, pulse, bioluminescent glow and a generated Latin name.

A potter's wheel — drag the spinning clay to throw a vessel, fire it at 1300°C, then pick a glaze. Every pot is yours.

A clockwork solar system driven by real JPL orbital elements — scrub three centuries and the planets go where they actually were.

Interactive 3D mechanical keyboard you can type on with your own keyboard — procedural keycaps, synthesised switch sounds, six colorways.

Cinematic scroll-driven 3D dream world — floating islands, custom GLSL sky & aurora, generative Web Audio soundscape.

Interactive 3D digital twin of a future Depok neighborhood — scroll flight through 8 scenes with live time-of-day & weather.

Personal-brand 3D site — particle globe hero, interactive roadmap of competitions, organizations and digital projects.

Three.js fundamentals playground — primitives, materials, lighting and orbit controls.

Hand-tracked neon string play — raise both hands to the camera and pluck glowing strings with your fingertips.

Endless 3D runner — dodge obstacles at increasing speed, built with vanilla Three.js in one HTML file.

3D penalty-shootout game — aim, power and a goalkeeper that reads your shots.

A six-game touch-screen booth hub built for a packaging-industry exhibition — Spin the Wheel, a Packaging Decision Lab, Memory Match, a sliding Packaging Puzzle, a 10-second precision Stopwatch and a spot-the-difference "What's Missing?" — all running off one Laravel + Inertia + React backend with live visitor capture, a QR hand-off from booth to phone, and a leaderboard shared across every game.