Portfolio.
Neon Slice_BG_Image
Neon Slice_Image

Neon Slice

TechIcon_0TechIcon_1TechIcon_2TechIcon_3

About the project.

Neon Slice_Mockup_Image

Neon Slice Ultimate is an immersive browser-based game where players slice through beautiful 3D objects using their hand movements detected via webcam. Powered by Google's MediaPipe Hands technology for real-time hand tracking, the game brings the thrill of Fruit Ninja directly to your browser. Players can wave their hands to slice crystal gems, plasma orbs, cyber cubes, quantum cores, and nebula rings while avoiding bombs. The game features multiple modes (Endless, Timed, Zen, and Boss Battle), a power-up system (Freeze, Shield, Double Points, Extra Life), a combo multiplier system, critical hits on center slices, and progressive difficulty scaling. The entire game is contained in a single HTML file with glassmorphism UI, particle effects, and four customizable color themes.

<

Features

>
Gesture Controls

Wave to slice, fist for shield, peace sign for slow motion - all tracked via webcam.

4 Game Modes

Endless, Timed (60/90/120s), Zen (no bombs), and Boss Battle modes.

3D HD Objects

Crystal gems, plasma orbs, cyber cubes, quantum cores, and nebula rings to slice.

Power-up System

Freeze, Shield, Double Points, Extra Life, and Golden Star power-ups.

Particle Explosions

Stunning visual effects on every slice with particle systems.

Combo System

Score multipliers up to 4x with critical hits on center slices.

4 Color Themes

Neon, Retro, Ocean, Fire, and Forest themes for personalization.

XP & Leveling

Progress tracking with localStorage persistence across sessions.

</

Features

>
<

Tech Stack

/>
HTML5 HTML5

Structure and Canvas rendering for game graphics.

CSS3 CSS3

Styling, animations, and glassmorphism effects.

JavaScript JavaScript

Game logic, interactivity, and MediaPipe integration.

MediaPipe Hands MediaPipe Hands

Google's AI for real-time hand tracking and gesture recognition.