You are browsing as a guest. Sign up (or log in) to start making projects!

Cyber Drive

By @trung_nguyen

  • 2 Devlogs
  • 7 Total hours

An infinite synthwave driving scene built with React Three Fiber on WebGPU. Cruise down an endless neon highway, steer with your mouse, and hold left click to engage hyper-drive turbo.
Ship #1

@trung_nguyen on Cyber Drive

shipped it. its live on github pages now so go drive it.

so what is this thing. its an infinite synthwave highway you cruise down at sunset. you steer with your mouse, the world banks into the turns, and if you hold left click everything kicks into hyperdrive turbo, pink grid goes gold, stars stretch into streaks, the camera starts rumbling. thats the whole game. no goal, no score, just vibes at high speed.

the tricky part was making something that simple actually feel good. you dont get to hide behind mechanics, so every little detail carries weight. getting the road to look like neon mountains on the edges while staying flat enough to drive on took way too much shader fiddling. and the turbo only lands because nothing snaps, everything lerps, speed eases in, colors melt, the camera leans. early on i had states flipping instantly and it felt broken even though it technically worked. turns out the in-between frames are the actual product.

what im proud of is how much feel came out of so little. theres barely anything under the hood, but drop the camera low, bank the turns, add a rumble and a fake HUD and your brain just fills in the rest. it feels like driving.

if you wanna try it: open it on desktop, give it a sec to load, then just move your mouse to steer and hold left click to boost. thats it. let go and it eases back down to cruising. best with the sound off in your head and the speed all the way up.

thats a wrap. onto the next one.

  • 2 devlogs
  • 7h
Try project → See source code →
Open comments for this post

@trung_nguyen on Cyber Drive

5h 41m 29s logged

ok it moves now. and honestly it slaps.
didnt end up adding a car, turns out you dont need one. dropped the camera real low like youre sitting in a cockpit and just scroll the whole world toward you instead of moving forward. made two copies of the terrain and when one slides behind you it teleports back to the horizon, so the road never ends. you cant tell its only two chunks looping which is the whole trick.
steering is just the mouse. moving it left/right slides the camera into the next lane and banks it a little so it feels like the car is leaning into the turn. added a tiny bit of yaw too so the world tilts with you. small thing but it makes it feel real.best part is the turbo. hold left click and everything lerps into warp mode, the pink grid goes solar gold, the cyan stars stretch into red hyperdrive streaks, the sun flares crimson, and the whole camera starts rumbling like the engine cant take it. cruise is a chill 0.35, turbo overclocks to like 12x. let go and it eases back down to vibing speed. the lerp on everything is what sells it, nothing snaps.threw a HUD on top in orbitron, fake telemetry that flips to WARP_DRIVE ENGAGED when you boost. pure decoration but it ties the whole synthwave thing together.
thats the project. simple little infinite cyber-drive. no engine, no car model, just shaders and loops and a mouse. exactly the vibe i wanted.

@trung_nguyen

ok it moves now. and honestly it slaps.
didnt end up adding a car, turns out you dont need one. dropped the camera real low like youre sitting in a cockpit and just scroll the whole world toward you instead of moving forward. made two copies of the terrain and when one slides behind you it teleports back to the horizon, so the road never ends. you cant tell its only two chunks looping which is the whole trick.
steering is just the mouse. moving it left/right slides the camera into the next lane and banks it a little so it feels like the car is leaning into the turn. added a tiny bit of yaw too so the world tilts with you. small thing but it makes it feel real.best part is the turbo. hold left click and everything lerps into warp mode, the pink grid goes solar gold, the cyan stars stretch into red hyperdrive streaks, the sun flares crimson, and the whole camera starts rumbling like the engine cant take it. cruise is a chill 0.35, turbo overclocks to like 12x. let go and it eases back down to vibing speed. the lerp on everything is what sells it, nothing snaps.threw a HUD on top in orbitron, fake telemetry that flips to WARP_DRIVE ENGAGED when you boost. pure decoration but it ties the whole synthwave thing together.
thats the project. simple little infinite cyber-drive. no engine, no car model, just shaders and loops and a mouse. exactly the vibe i wanted.

Replying to @trung_nguyen
0
1
Open comments for this post

@trung_nguyen on Cyber Drive

1h 5m 39s logged

today i just started building a vaporwave driving scene.

got react three fiber running on webgpu. the road is just a flat plane but i used some shader magic to push the edges up so they look like neon pink mountains while the middle stays flat for driving. then i threw a big glowy sun in the back and some floating particles to make it feel alive. sunset lighting ties it all together

next im tryna make it actually move so it feels like youre driving. maybe add a car idk.

@trung_nguyen

today i just started building a vaporwave driving scene.

got react three fiber running on webgpu. the road is just a flat plane but i used some shader magic to push the edges up so they look like neon pink mountains while the middle stays flat for driving. then i threw a big glowy sun in the back and some floating particles to make it feel alive. sunset lighting ties it all together

next im tryna make it actually move so it feels like youre driving. maybe add a car idk.

Replying to @trung_nguyen
0
2

Followers

Loading…