YouTube Motion Tracking - Halloween Edition is a Chrome AI extension that transforms YouTube into a spooky Halloween experience with real-time pose detection, 38 animated effects, horror video filters, and complete UI theming!
Transform YouTube videos with AI-powered spooky effects that track body movements in real-time:
- 💀 Skeleton Animations (5) - Glowing, dancing, X-ray, zombie, and neon skeletons
- 🎃 Pumpkin & Head Effects (3) - Classic jack-o'-lanterns, evil pumpkins, and floating skulls
- 🦇 Creature Particle Effects (4) - Bat swarms, ghost trails, spider webs, and floating skulls
- 🔮 Magical Effects (3) - Witch magic, spell casting, and dark energy vortexes
- 🌫️ Atmospheric Effects (3) - Creeping fog, haunted lightning, and autumn leaves
- ✨ Mystical Powers (7) - Soul streams, blood moons, curses, portals, necromancy, vortexes, and runes
- 🔥 Advanced Skeleton Effects (13) - Flames, frost, lightning, spectral, toxic, inferno, blood, chains, shatter, voodoo, shadow, bones, and mummy
Turn YouTube videos into interactive games! The extension detects movements performed by people in the video and translates them into game actions.
How to Play:
- Click the "👻🎮 Game Mode" button in the player popup
- Choose one of 5 movements to track:
- 💪 Arm Curl - Bicep curls
- 🔄 Head Turn - Head rotation
- 🙋 Arm Raise - Arms above head
- 🦵 Squat - Complete squat reps
- 🤸 Jumping Jack - Arms and legs spread
- Watch videos with people performing movements (fitness, dance, sports)
- Ghost jumps when movement is detected
- 10 jumps = 1 point!
Game Features:
- Real-time movement detection from video content
- Visual feedback with particle effects
- Score tracking and high score persistence
- Smart detection with false-positive prevention
- Works with fitness videos, dance videos, sports content, etc.
Apply cinematic horror effects to any YouTube video:
- 📼 VHS Tape - Retro analog video with scanlines
- 📹 Found Footage - Amateur horror film aesthetic with grain
- ☢️ X-Ray Lab - Medical/scientific green phosphorescent look
- 🌕 Blood Moon - Dark red ominous atmosphere
- 🎬 Film Noir - Classic black and white high contrast
- ☣️ Toxic Waste - Radioactive green glow effect
Filters work additively with animations - combine them for unique effects!
Transform the entire YouTube interface with Halloween styling:
- Complete UI Transformation - Header, sidebar, player, thumbnails, comments, scrollbars
- 3 Intensity Levels - Low, Medium, High for customizable visual impact
- Optional Particle Effects - Animated Halloween emoji floating across the page
- Persistent Settings - Your preferences saved across sessions
- Full Functionality - All YouTube features work normally with theme active
- TensorFlow.js 4.22.0 - AI-powered pose detection using MoveNet model
- Proton Engine 5.4.3 - Physics-based particle animations
- Chrome Extension Manifest V3 - Modern extension architecture
- Parcel 2.16.0 - Fast, zero-config bundler
- WebGL + Canvas 2D - Dual rendering system for optimal performance
- Google Chrome browser
- Node.js (for building the extension)
- Git (for cloning the repository)
# Clone the repository
git clone https://github.com/deep2universe/YouTube-Motion-Tracking.git
cd YouTube-Motion-Tracking
# Install dependencies
npm install --legacy-peer-deps
# Build the extension (clean build recommended for first time)
npm run build:clean
# Or for regular build
npm run build:parcelThis creates a dist folder with the built extension.
- Open Chrome and navigate to
chrome://extensions - Enable Developer mode (toggle in upper right corner)
- Click "Load unpacked"
- Select the
distfolder from the project directory - The extension should now appear in your extensions list!
For optimal performance, enable hardware acceleration:
- Go to
chrome://settings/accessibility - Scroll to "System settings"
- Ensure "Use hardware acceleration when available" is enabled
- Open YouTube
- Play any video
- Click the Halloween button in the video player
- Choose from 38 spooky animations, apply horror filters, or enable UI theme
- Try Game Mode with fitness or dance videos
- Have a frightfully fun time! 👻🦇🎃
The extension uses TensorFlow.js MoveNet model to detect 17 body keypoints in real-time:
These keypoints track:
- Nose, eyes, ears
- Shoulders, elbows, wrists
- Hips, knees, ankles
Animations are rendered on dual canvas layers (2D + WebGL) positioned over the video player, creating seamless integration with YouTube's interface.
npm run build:parcelAfter making changes:
- Run the build command
- Go to
chrome://extensions - Click the reload icon on the extension
If you encounter issues:
npm run build:cleanThis removes all cached files and builds from scratch.
Create a production-ready ZIP package:
./build-for-store.shThis script:
- Cleans old builds and caches
- Installs dependencies (if needed)
- Builds with production optimizations
- Removes source maps
- Creates a versioned ZIP in
release/directory
Output: release/youtube-motion-tracking-v2.2.0.zip
├── src/
│ ├── content.js # Main orchestrator (pose detection, UI)
│ ├── background.js # Service worker (URL monitoring)
│ ├── anim.js # Animation engine (2300+ lines)
│ ├── animEnum.js # Animation definitions (38 animations)
│ ├── filterEnum.js # Horror filter definitions (7 filters)
│ ├── gameMode.js # Game state machine
│ ├── motionDetector.js # Motion detection algorithms
│ ├── ghostCharacter.js # Ghost rendering
│ ├── detectUtils.js # Pose detection utilities
│ ├── popup.js/html # Extension popup
│ ├── options.js/html # Options page
│ ├── content.css # Injected UI styles
│ ├── manifest.json # Extension manifest
│ └── themes/ # Halloween theme CSS
│ ├── youtube-theme.css
│ ├── youtube-theme-particles.css
│ ├── youtube-theme-variables.css
│ └── youtube-theme-colors.css
├── dist/ # Built extension (generated)
├── release/ # Production packages (generated)
├── assets/ # Documentation images
└── dev_docs/ # Developer documentation
- Maintains 30+ FPS with all animations
- <5ms additional latency per frame in Game Mode
- Animation switching completes within 500ms
- Memory usage remains stable during extended use
- WebGL renderer with Canvas fallback
- Google Chrome (latest stable version)
- Chromium-based browsers (Edge, Brave, Opera)
- Requires WebGL support for particle effects
- Requires hardware acceleration for optimal performance
- Added interactive Motion Game Mode with 5 detectable movements
- Ghost jump challenge with scoring system
- Particle burst effects and visual feedback
- Smart detection with false-positive prevention
- High score persistence
- Added 13 new skeleton-themed animations
- 10 particle-based effects (flames, frost, lightning, etc.)
- 3 canvas-based effects (shadow, bones, mummy)
- Total animation count: 38
- Complete Halloween transformation
- 18 curated spooky animations
- Halloween-themed UI with orange/purple color scheme
- Skeleton, pumpkin, creature, magical, and atmospheric effects
- 50+ general motion tracking animations
- Various skeleton, particle, and visual effects
- Christmas Edition (winter-themed animations)
- Animation intensity controls
- Sound effects for Halloween animations
- Custom pumpkin face designs
- Animation recording/export feature
- Multiplayer/collaborative animations
Contributions are welcome! Please feel free to submit a Pull Request.
YouTube™ is a trademark of Google Inc. Use of this trademark is subject to Google Permissions.
This extension is not publicly available in the Chrome Web Store. Follow the installation instructions above to install it locally.
To see the Halloween animations in action, watch this demo
Happy Halloween! 🎃👻🦇
Made with 💀 and TensorFlow.js