Skip to content
Weisdevice: A Glitchy Three.js Island With a Playable DJ Deck

Weisdevice: A Glitchy Three.js Island With a Playable DJ Deck

Wei's portfolio drops you on a tiny island with a half-broken robot, a Gameboy, and a DJ deck that refuses to play clean loops. Three.js with GLSL and GSAP up top, smart performance choices underneath: raycasting at 30 FPS, render loop paused on inactive views, assets tiny and lazy-loaded.

Details

Published

What it is

Wei named her portfolio Weisdevice after the "V" in Cyberpunk 2077, which sets the tone roughly correctly. You arrive on a small island where a slightly broken old robot pokes at her experiments. There is a Gameboy you can play. There is a DJ deck you can also play, except it refuses to hand you clean four-on-the-floor loops and instead serves a faintly cursed soundscape that fits the rest of the place.

Three.js with GLSL and GSAP handle the visuals, Howler.js handles the noise, and a handful of small smart choices keep it from cooking your laptop. Raycasting runs at 30 FPS instead of every frame. The render loop gets paused with cancelAnimationFrame the second you open a project detail page. Assets are tiny and lazy-loaded. None of it is showy, all of it is the reason a fairly dense interactive scene feels light on midrange hardware.

Poke around. Spin the DJ pads, talk to the robot, then crack open the repo to see how the scene is actually wired. Wei has a Codrops case study walking through the weirder decisions if you want the long version.

How it’s made

Technology
GLSL
Framework & Tool
Three.jsGSAP
Technique
Performance
Interaction
Audio
Subject
Retro