hexianWeb

hexianWeb / tsl-scifi-earth

Public

Three.js WebGPU / TSL 粒子地球與 Flyline 可視化，Tweakpane 即時調參。

tsl-scifi-earth.vercel.app earth threejs tsl webgpu
19
3
100% credibility
Found May 08, 2026 at 19 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
JavaScript
AI Summary

A browser-based interactive 3D visualization of a sci-fi Earth globe featuring particle landmasses, animated connection lines between cities, energy shields, and live-tunable effects.

How It Works

1
🌐 Discover the demo

You stumble upon a stunning sci-fi Earth globe visualization shared as a personal showcase online.

2
💾 Bring it home

Download the ready-to-go files to your computer so you can run it yourself.

3
🚀 Launch the magic

Open the files and start the app in your web browser to see it come alive.

4
✨ Behold the wonder

A glowing particle Earth spins before you, with energy shields, twinkling borders, and animated lines connecting world cities.

5
🖱️ Interact and play

Click on the globe to send rippling waves across the land and borders that respond beautifully.

6
🎛️ Tweak to perfection

Use the side panel to adjust colors, sizes, speeds, and effects until it looks just right for you.

🎉 Share the spectacle

Show off your customized high-tech Earth scene in presentations, demos, or just to wow your friends.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 19 to 19 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 tsl-scifi-earth?

This JavaScript repo delivers a single-page WebGPU-powered 3D Earth globe with particle-based landmasses, glowing border dots, animated flylines linking global hubs to cities, an energy shield effect, and click-triggered ripple waves. It targets sci-fi FUI aesthetics for big-screen demos, using Three.js WebGPU and TSL for rendering plus post-processing like bloom and vignette, all tunable live via Tweakpane. Run it locally with npm install && npm run dev in a WebGPU browser like recent Chrome—perfect for quick three js github examples or github globe three js prototypes.

Why is it gaining traction?

It showcases Three.js WebGPU renderer and TSL shaders in a polished earth flyline visualization, outperforming WebGL alternatives in performance for particle-heavy scenes like three js webgpu demo or three js webgpu vs webgl tests. Live Tweakpane controls let you tweak particle counts, twinkle speeds, flyline arcs, and shield flows without code changes, making it a hands-on three js webgpu example for portfolios or three js github projects. Vite handles dev/build seamlessly, with GSAP for smooth animations.

Who should use this?

Three.js devs exploring WebGPU support, TSL shaders, or three js webgpu performance for data viz dashboards showing global connections. Frontend engineers building interactive three js github portfolio pieces or tech talk demos with flyline earth effects. Designers prototyping three js github pages sites with sci-fi globe visuals.

Verdict

Grab this three js webgpu water and earth demo if you're prototyping—it's a solid starter with great live tuning, despite 19 stars and 1.0% credibility signaling early maturity and no tests/license. Fork for three js github releases or three js editor github experiments, but expect tweaks for production.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.