DerpZhenjun

DerpZhenjun / Web-based-Interactive-Particle-Solar-System

Public

Interactive 3D particle solar system controlled by real-time hand gestures. Built with React Three Fiber, GLSL, and MediaPipe.

3d-particle-solar-system glsl hand-gestures mediapipe react
13
0
100% credibility
Found Mar 21, 2026 at 13 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
JavaScript
AI Summary

A web-based interactive solar system visualization controlled by real-time hand gestures via webcam, featuring particle-based planetary models with custom shaders.

How It Works

1
🌌 Discover the cosmic explorer

You stumble upon a mesmerizing web page promising a touchless journey through our solar system using just your hands.

2
📱 Open and allow your camera

Click the live demo link, grant camera access when prompted, and watch a futuristic loading screen spin while models prepare.

3
🖐️ Wave your hand to awaken the stars

Raise your palm in front of the camera to reveal a glowing solar system overview with orbiting planets and starry trails.

4
Choose your planetary adventure
☝️
Single finger paths

Point to the Sun, Mercury, or others with precise finger counts.

🖐️
Multi-finger paths

Spread fingers for Earth, Mars, or giants like Jupiter.

5
🤏 Pinch, zoom, and spin freely

Pinch your fingers to zoom in deeply and drag your palm to rotate planets, revealing boiling suns, icy rings, and tidal oceans.

🚀 Immerse in particle wonders

Lose yourself in scientifically accurate, shimmering particle simulations of every planet, feeling like a true space explorer from your screen.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 13 to 13 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is Web-based-Interactive-Particle-Solar-System?

This JavaScript project delivers a web-based interactive particle solar system where users control navigation via real-time hand gestures captured by their webcam. Built with React Three Fiber, GLSL shaders, and MediaPipe for hand tracking, it lets you zoom into planets using pinch moves or switch views with finger counts (one for Sun, up to nine for Neptune). Deployed as an interactive GitHub Pages demo, it renders millions of particles at 60fps to simulate orbital mechanics and planetary features like Saturn's rings or Jupiter's storms.

Why is it gaining traction?

It stands out with touchless gesture controls that feel magical—no mouse or keyboard needed—paired with scientifically accurate particle effects for each planet, like Keplerian ring dynamics or tidal bulges. Developers dig the seamless blend of interactive particle systems with Three.js-style shaders, running buttery smooth in browsers without plugins. The live demo hooks tinkerers experimenting with interactive particle animation or MediaPipe integrations.

Who should use this?

Frontend devs building interactive particle backgrounds or spheres for web exhibits, especially those into interactive particles with Three.js. Educators creating github interactive tutorials or interactive maps of space for classrooms. Web artists prototyping gesture-driven interactive particle networks or effects, like those inspired by TouchDesigner or Unity but browser-native.

Verdict

Grab it for a flashy demo or fork to extend—hand-tracking solar sims are rare and performant. With just 13 stars and 1.0% credibility score, docs are basic and it's early-stage, so expect tweaks for production; still, solid base for custom interactive GitHub readmes or profiles. (198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.