Skip to content

Ram6023/Neon-slice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

12 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽฎ NEON SLICE ULTIMATE

Neon Slice Banner

HTML5 JavaScript MediaPipe License

Neon Slice Preview

A gesture-controlled slicing game with stunning 3D visuals

Play Now Features How to Play Settings


๐ŸŒŸ What is Neon Slice?

Neon Slice Ultimate is a browser-based gesture-controlled game where you slice through beautiful 3D objects using your hand movements! Powered by MediaPipe Hands for real-time hand tracking, this game brings the thrill of Fruit Ninja to your webcam.

๐Ÿ’Ž Crystal Gems ๐Ÿ”ฎ Plasma Orbs ๐ŸงŠ Cyber Cubes โšก Quantum Cores ๐Ÿ’ซ Nebula Rings
Faceted gemstones Glowing spheres Isometric 3D cubes Pulsing energy Glowing torus

โœจ Features

๐ŸŽจ Visual Excellence

  • 3D HD Objects with gradient lighting
  • Fruit Ninja Physics - objects arc from bottom
  • Particle Explosions on every slice
  • 4 Color Themes to choose from
  • Glassmorphism UI with smooth animations

๐ŸŽฎ Gameplay

  • 4 Game Modes: Endless, Timed, Zen, Boss Battle
  • Power-ups: โ„๏ธ Freeze, ๐Ÿ›ก๏ธ Shield, โœจ Double Points, โค๏ธ Extra Life
  • Combo System with multipliers
  • Critical Hits for center slices
  • Progressive Difficulty scaling

๐Ÿ–๏ธ Gesture Controls

  • Wave to slice - Move hand fast through objects
  • โœŠ Fist - Activate Shield power
  • โœŒ๏ธ Peace Sign - Trigger Slow Motion
  • 1 or 2 Hand Mode - Your choice!

๐Ÿ“Š Progression

  • XP & Leveling System
  • High Score Tracking
  • Stats Persistence (localStorage)
  • Unlockable Content (coming soon)

๐Ÿš€ Quick Start

Prerequisites

  • Modern web browser (Chrome, Firefox, Edge)
  • Webcam for hand tracking
  • Good lighting for best tracking

Installation

# Clone the repository
git clone https://github.com/yourusername/neon-slice.git

# Navigate to folder
cd neon-slice

# Open in browser (no build required!)
# Simply double-click neon_slice.html
# Or use Live Server in VS Code

๐ŸŽฏ That's it! No npm, no build process - just open and play!


๐ŸŽฏ How to Play


Action How
Slice Move your hand quickly through objects
Critical Hit Slice through the exact center (2x points!)
Avoid Bombs ๐Ÿ’€ Don't hit the skull bombs!
Collect Power-ups โญโ„๏ธ๐Ÿ›ก๏ธโœจโค๏ธ Special items with effects
Pause Press P key

๐ŸŽฒ Game Modes

Mode Description Goal
โ™พ๏ธ Endless Classic mode Survive as long as possible
โฑ๏ธ Timed 60/90/120 seconds Get highest score before time runs out
๐Ÿง˜ Zen No bombs, relaxed Practice and chill
๐Ÿ‘น Boss Battle Fight the boss! Defeat the boss for 500 bonus points

โš™๏ธ Settings

Setting Options
Time Attack Duration 60s, 90s, 120s
Sound Effects ON / OFF
Hand Mode 1 Hand / 2 Hands
Theme Neon ๐Ÿ’š / Retro ๐Ÿ’œ / Ocean ๐Ÿ’™ / Fire ๐Ÿงก

Access settings from the main menu or press โš™๏ธ during gameplay!


๐Ÿ› ๏ธ Tech Stack

Technology Purpose
HTML5 Structure & Canvas
JavaScript Game Logic
CSS3 Styling & Animations
MediaPipe Hand Tracking AI
Web Audio Sound Effects

๐Ÿ“ Project Structure

Neon_slice/
โ”œโ”€โ”€ ๐Ÿ“„ neon_slice.html    # Complete game (single file!)
โ””โ”€โ”€ ๐Ÿ“„ README.md          # You are here

Note: The entire game is contained in a single HTML file for maximum portability!


๐ŸŽจ Color Themes

๐Ÿ’š Neon

#00ff88

Classic green glow

๐Ÿ’œ Retro

#ff00ff

Synthwave vibes

๐Ÿ’™ Ocean

#00ccff

Cool blue depths

๐Ÿงก Fire

#ff6600

Blazing orange

๐ŸŒฒ Forest

#ccff00

Bio-Lumi Wild


๐Ÿ† Scoring System

Action Points
Regular slice 10
Critical hit (center) 20 (2x)
Golden star โญ 50
Boss defeat ๐Ÿ‘น 500
10+ Combo 2x multiplier
Double Points active โœจ 2x multiplier

Maximum multiplier: 4x (Critical + Combo + Double Points)


๐Ÿ”ฎ Power-ups

Power-up Effect Duration
โ„๏ธ Freeze Slows all objects 5 seconds
๐Ÿ›ก๏ธ Shield Blocks one bomb Until used
โœจ Double 2x points 10 seconds
โค๏ธ Life +1 life Permanent
โญ Golden +50 points Instant

โŒจ๏ธ Keyboard Shortcuts

Key Action
P Pause/Resume game

๐Ÿค Contributing

Contributions are welcome! Feel free to:

  1. ๐Ÿด Fork the repository
  2. ๐ŸŒฟ Create a feature branch
  3. ๐Ÿ’พ Commit your changes
  4. ๐Ÿ“ค Push to the branch
  5. ๐ŸŽ‰ Open a Pull Request


Made with โค๏ธ and JavaScript

โฌ† Back to Top


Slice your way to victory! ๐ŸŽฏ

About

A gesture-controlled slicing game with stunning 3D visuals

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages