๐Ÿฎ Cyberpunk Ramen Stall

React
Threejs
GLSL
Zustand
Tailwind CSS

The only Ramen Stall that comes right in your browser! A React and Three.js project exploring real-time lighting and shader customisation

๐Ÿฎ Cyberpunk Ramen Stall

Project Overview

A stylised, cyberpunk-inspired 3D ramen stall built with React and Three.js. The scene allows users to interactively customise neon lighting โ€” including colour, intensity, flicker, pulse, and glitch effects โ€” as well as adjust the main lighting setup (position and hue) and experiment with shader parameters. Designed as a visually rich, exploratory piece to push the boundaries of creative coding directly within your browser!

Gallery

Project image 1

Key Features

  • 1

    ๐ŸŽจ Real-time neon lighting controls

    Adjust colour, intensity, flicker, pulse, and glitch effects on the fly.

  • 2

    ๐Ÿ’ก Adjustable key lighting

    Fine-tune main lighting colour and position along the X, Y, and Z axes.

  • 3

    ๐Ÿงช Shader parameter controls

    Experiment with real-time shader values for creative visual effects.

  • 4

    ๐ŸŒ† Fully modelled 3D ramen stall

    Explore a detailed cyberpunk-ish ramen stall with real-time animations and stylised assets.

  • 5

    โš™๏ธ Optimised performance and UI

    Responsive interface with smooth interactions and well-optimised rendering.

Interested in working together?

I'm always open to discussing new projects, creative ideas, or opportunities to be part of your vision.

Get in Touch