TerraUnits Recreated, 3D-Globus-Bidding-Game-Template
Dieses Template bietet einen interaktiven 3D-WebGL-Globus, abgestufte Zahlungsstufen und ein Live-Leaderboard. Klonen Sie es in Ihren Workspace, um die Karte und Mechaniken per Chat zu bearbeiten.
Bring your own keys
This template reads REMOTION_GOOGLE_MAPS_API_KEY, REMOTION_MAPTILER_KEY. You supply your own values — nothing is copied from the original.
Inhalt von TerraUnits Recreated
Bestandteile dieses Templates und deren jeweiliger Zweck.
Interaktiver 3D-WebGL-Globus
Eine hochperformante Karte, die Benutzer drehen und zoomen können, um verfügbare Spots zu finden. Jeder leuchtende Punkt repräsentiert eine beanspruchbare Gebietseinheit, die sich beim Kauf optisch aktualisiert.
- 1Flüssige Steuerung durch Drag-to-Rotate und Scroll-to-Zoom
- 2Visuelle Echtzeit-Statusaktualisierungen für beanspruchte Lichter
- 3Optimiertes Rendering für Tausende von Koordinatenpunkten
- 4Interaktive Tooltips für Besitzerinformationen
Inhalt von TerraUnits Recreated
- Interaktiver 3D-WebGL-Globus
Eine hochperformante Karte, die Benutzer drehen und zoomen können, um verfügbare Spots zu finden. Jeder leuchtende Punkt repräsentiert eine beanspruchbare Gebietseinheit, die sich beim Kauf optisch aktualisiert.
- Flüssige Steuerung durch Drag-to-Rotate und Scroll-to-Zoom
- Visuelle Echtzeit-Statusaktualisierungen für beanspruchte Lichter
- Optimiertes Rendering für Tausende von Koordinatenpunkten
- Interaktive Tooltips für Besitzerinformationen
- Abgestufte Bidding-Mechaniken
Drei verschiedene Kaufstufen (Ember, Glow und Beacon) ermöglichen unterschiedliche Sichtbarkeit. Höhere Tiers bieten hellere Lichter und pulsierende visuelle Effekte, um Besitzer-Links hervorzuheben.
- Vorkonfigurierte Preispunkte von 2 $, 5 $ und 10 $
- Dynamische visuelle Skalierung für verschiedene Tiers
- Integrierter Checkout-Modal für Links und Logos
- Anpassbare Pulsring-Effekte für die Top-Tiers
- Live-Gebiets-Bestenliste
Ein Discovery-Hub, der beanspruchte Blöcke und globale Prozent-Meilensteine verfolgt. Er listet die Top-Besitzer auf und bietet direkte Links zu deren Websites.
- Gesamtblockanzahl und prozentualer Fortschrittsbalken
- Rangliste der Besitzer mit anklickbaren externen Links
- Feed der letzten Beanspruchungen für Social Proof in Echtzeit
- Globale Statistikseite für Community-Meilensteine
Anpassen
Häufige erste Änderungen. Geben Sie dies im Chat ein, um es umzusetzen.
Zahlungen anbinden
Verbinden Sie die Checkout-Buttons mit meinem eigenen Stripe-Geheimschlüssel, um Einnahmen aus beanspruchten Spots zu generieren.
Preise ändern
Legen Sie die Tier-Preise auf meine eigenen Tarife fest und benennen Sie die Stufen in Star, Nova und Quasar um.
Globus-Design anpassen
Ändern Sie die Globus-Texturen zu einem kontrastreichen Dark Theme mit neonblauen Lichtern anstelle der Standardeinstellung.
Leaderboard branden
Ersetzen Sie das Terraglow-Branding durch meinen eigenen Site-Namen und aktualisieren Sie das Leaderboard, um den Gesamtumsatz anzuzeigen.
Über dieses Template
Zweck des Templates und wer es überspringen sollte.
Wofür Sie dies tatsächlich verwenden würden
Sie würden dieses Template verwenden, um ein virales Werbeexperiment wie die Million Dollar Homepage auf einer 3D-Sphäre zu starten. Es funktioniert als Nischenverzeichnis, in dem Startups oder Einzelpersonen dafür bezahlen, ihr Logo und ihren Link auf bestimmten geografischen Koordinaten zu platzieren. Ein Projektgründer öffnet dies vielleicht an einem Dienstag, um zu sehen, welche Regionen im Trend liegen oder um zu bestätigen, dass ein hochstufiger Beacon-Kauf die Karten-Visuals für einen neuen Sponsor erfolgreich aktualisiert hat.
Was Sie als Erstes ändern würden
Die erste Änderung für die meisten Benutzer ist die Angabe ihrer eigenen Stripe API-Schlüssel in den Umgebungseinstellungen, um Live-Transaktionen zu ermöglichen. Wahrscheinlich werden Sie den Chat auch bitten, die Website-Metadaten und Header so anzupassen, dass sie zu Ihrem spezifischen Projektnamen passen. Viele Benutzer passen dann den Basispreis der Einheiten an ihre Zielgruppe an, sei es ein Dollar für ein lockeres Community-Projekt oder viel höher für ein professionelles Werbeboard.
Wann Sie es überspringen sollten Überspringen Sie dieses Template, wenn Sie eine standardmäßige flache Karte für einen Filialfinder oder ein traditionelles Branchenverzeichnis ohne Bidding-Mechaniken benötigen. Es ist nicht für hochpräzise GIS-Aufgaben oder komplexe Datenvisualisierung über das koordinatenbasierte Claiming-System hinaus gebaut. Wenn Sie Stripe nicht für Zahlungen verwenden möchten, müssen Sie den Chat bitten, einen anderen Anbieter einzubinden oder die Checkout-Logik komplett zu entfernen.
Optimieren Sie Ihren Workflow mit KI-Automatisierung
Automatio kombiniert die Kraft von KI-Agenten, Web-Automatisierung und intelligenten Integrationen, um Ihnen zu helfen, mehr in weniger Zeit zu erreichen.
Verwandte Template Gallery
Skeuomorphic control panel, hardware dashboard template
A skeuomorphic hardware control panel with thermal monitors and tactile toggles. Clone it to your workspace to customize components by chatting with t...
LowWorld 3D Territory World Map Template
LowWorld is a 3D interactive globe where users buy dots to claim territory. Clone it to your workspace to customize the map and pricing via chat instr...
APOGEE Stratospheric Scrollytelling Template
Clone the APOGEE scrollytelling template to build an immersive landing page. It features vertical ascent animations and a lead capture form you edit b...
Black Hole 404, Three.js Interactive Error Page Template
A Three.js 404 page featuring a WebGL2 black hole with real-time physics metrics. Clone it to your workspace to customize the cosmic visuals by chatti...
Fluxora, Cinematic Scroll SaaS Landing Page Template
Build a high-end SaaS site with cinematic GSAP animations and editorial type. Clone this template to your workspace and edit the motion by chatting.
3D 8-Ball Pool, Game Landing Page Template
Launch your brand with this 3D 8-ball pool template. It features an atmospheric club design that you can clone and edit by chatting in your workspace.
Black Hole 404, Three.js Error Page Template
An interactive Three.js black hole 404 error page. Clone this template into your workspace to customize the cosmic visuals and links using the AI chat...
Seismic Command Center, Free Earthquake Monitor Template
Monitor global seismic activity with a 3D orbital globe and live USGS feeds. Clone this template to your workspace to customize the dashboard via chat...
Vor dem Klonen
Praktische Fragen, beantwortet.