TerraUnits Recreated, Modèle de jeu d'enchères sur globe 3D
Ce template propose un globe WebGL 3D interactif, des niveaux de paiement par paliers et un classement en direct. Klonez-le dans votre workspace pour modifier la carte et les mécaniques en discutant.
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.
Contenu de TerraUnits Recreated
Composants inclus dans ce template et leur utilité.
Globe WebGL 3D interactif
Une carte haute performance que les utilisateurs peuvent pivoter et zoomer pour trouver les emplacements disponibles. Chaque point lumineux représente une unité de territoire revendicable qui se met visuellement à jour lors de l'achat.
- 1Commandes fluides de glisser-pour-pivoter et de défilement-pour-zoommer
- 2Mises à jour de l'état visuel en temps réel pour les lumières revendiquées
- 3Rendu optimisé pour des milliers de points de coordonnées
- 4Bulles d'aide interactives pour les informations sur les propriétaires
Contenu de TerraUnits Recreated
- Globe WebGL 3D interactif
Une carte haute performance que les utilisateurs peuvent pivoter et zoomer pour trouver les emplacements disponibles. Chaque point lumineux représente une unité de territoire revendicable qui se met visuellement à jour lors de l'achat.
- Commandes fluides de glisser-pour-pivoter et de défilement-pour-zoommer
- Mises à jour de l'état visuel en temps réel pour les lumières revendiquées
- Rendu optimisé pour des milliers de points de coordonnées
- Bulles d'aide interactives pour les informations sur les propriétaires
- Mécaniques d'enchères par paliers
Trois niveaux d'achat distincts, Ember, Glow et Beacon, offrent une visibilité variable. Les paliers supérieurs fournissent des lumières plus vives et des effets visuels pulsés pour mettre en valeur les liens des propriétaires.
- Niveaux de prix préconfigurés à 2 $, 5 $ et 10 $
- Mise à l'échelle visuelle dynamique pour les différents paliers
- Fenêtre de validation (modal) intégrée pour les liens et les logos
- Effets d'anneau pulsé personnalisables pour les paliers supérieurs
- Classement des territoires en direct
Un hub de découverte qui suit le total des blocs revendiqués et les jalons de pourcentage global. Il classe les propriétaires des meilleurs emplacements et fournit des liens directs vers leurs sites web.
- Nombre total de blocs et barre de progression en pourcentage
- Liste classée des propriétaires avec liens externes cliquables
- Flux des revendications récentes pour une preuve sociale en temps réel
- Page de statistiques globales pour les jalons de la communauté
Personnaliser
Modifs courantes. Dites-le simplement dans le chat pour les appliquer.
Connecter les paiements
Connecter les boutons de paiement à ma propre clé secrète Stripe pour collecter les revenus des emplacements revendiqués.
Modifier la tarification
Définir les prix des paliers selon mes propres tarifs personnalisés et renommer les niveaux en Star, Nova et Quasar.
Relooker le globe
Changer les textures du globe pour un thème sombre à fort contraste avec des lumières bleu néon au lieu de celles par défaut.
Personnaliser le classement
Remplacer la marque Terraglow par le nom de mon propre site et mettre à jour le classement pour afficher le revenu total.
À propos du template
À quoi il sert, et qui devrait l'éviter.
À quoi cela sert réellement
Vous utiliseriez ce template pour lancer une expérience publicitaire virale de type Million Dollar Homepage sur une sphère 3D. Il fonctionne comme un annuaire de niche où des startups ou des particuliers paient pour afficher leur logo et leur lien sur des coordonnées géographiques spécifiques. Le fondateur d'un projet peut ouvrir ceci un mardi pour voir quelles régions sont tendance ou pour confirmer qu'un achat Beacon de haut niveau a bien mis à jour les visuels de la carte pour un nouveau sponsor.
Ce que vous modifieriez en premier
La première modification pour la plupart des utilisateurs consiste à fournir leurs propres clés API Stripe dans les paramètres d'environnement pour activer les transactions en direct. Vous demanderez également probablement au chat de mettre à jour les métadonnées et les en-têtes du site pour qu'ils correspondent au nom spécifique de votre projet. De nombreux utilisateurs ajustent ensuite le prix de base des unités pour l'adapter à leur public cible, qu'il s'agisse d'un dollar pour un projet communautaire décontracté ou d'un montant beaucoup plus élevé pour un panneau publicitaire professionnel.
Quand l'ignorer
Ignorez ce template si vous avez besoin d'une carte plate standard pour un localisateur de magasin ou un annuaire d'entreprises traditionnel sans les mécaniques d'enchères. Il n'est pas conçu pour des tâches SIG de haute précision ou de la visualisation de données complexe au-delà du système de revendication basé sur les coordonnées. Si vous ne souhaitez pas utiliser Stripe pour les paiements, vous devrez demander au chat de configurer un autre fournisseur ou de supprimer entièrement la logique de paiement.
Optimisez votre flux de travail avec l'Automatisation IA
Automatio combine la puissance des agents IA, de l'automatisation web et des integrations intelligentes pour vous aider a accomplir plus en moins de temps.
Associés 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...
Avant de cloner
Réponses aux questions pratiques.