TerraUnits Recreated, 3D Globe Bidding Template
Claim territory on a 3D interactive globe and display your brand link in this TerraUnits Recreated template. Clone it to your workspace and edit via chat.
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.
What's inside TerraUnits Recreated
The parts this template already ships, and what each one is for.
Interactive 3D Globe
A Three.js map featuring clickable hexagonal cells that represent ownable territory. Users can rotate, zoom, and inspect individual units to see current owners.
- 1Three.js rendering engine
- 2Hexagonal cell lattice
- 3Interactive zoom and rotation
- 4Real-time status markers
What's inside TerraUnits Recreated
- Interactive 3D Globe
A Three.js map featuring clickable hexagonal cells that represent ownable territory. Users can rotate, zoom, and inspect individual units to see current owners.
- Three.js rendering engine
- Hexagonal cell lattice
- Interactive zoom and rotation
- Real-time status markers
- Territory Bidding System
Logic to handle unit purchases, ownership tracking, and price floor management. It facilitates the core game loop of outbidding others for map space.
- Ownership state management
- Bidding price validation
- Conflict resolution logic
- Real-time UI updates
- Brand Asset Integration
A workflow for buyers to upload a logo and a destination URL immediately after purchase. The globe updates dynamically to show the owner identity.
- Logo upload handling
- URL verification
- Instant marker updating
- Metadata association
- Project Treasury Leaderboard
A live feed showing recent purchases and the total funds raised. It provides social proof and drives engagement through visibility rankings.
- Dynamic treasury counter
- Recent activity feed
- Ownership ranking list
- Financial summary dashboard
What to get right first
The decisions that are painful to change later in TerraUnits Recreated.
Connect to Stripe
Connect the purchase buttons to my Stripe account so the globe updates automatically after a successful payment.
Change globe theme
Change the globe to a dark aesthetic with neon purple borders for the hex cells and a glow effect for owned units.
Implement auction reset
Add a weekly reset timer that clears all owned units every Sunday at midnight and restarts the bidding from $1.
Set price minimums
Restrict bidding so that the minimum price to outbid an existing unit is 20% higher than the current price.
About this template
What it is for, and who should skip it.
What you would actually use this for
You would use this template to launch a digital real estate game or a viral marketing experiment. Imagine it is a Tuesday and you want to start a community-funded project where sponsors buy lights on a globe to showcase their brand. It works well for fundraising, niche community maps, or as a competitive leaderboard where visibility is the primary reward for participants.
What you would change first
Most users start by asking the chat to wire the checkout process to their Stripe account. You will also likely want to request a custom visual style for the 3D globe, such as changing the landmass textures or the lighting behavior, to fit your project brand colors and specific aesthetic needs.
When to skip it
Skip this if you need a standard e-commerce platform for shipping physical goods or a private internal dashboard. This is a public-facing game of visibility. If you do not need a Three.js 3D map as your primary interaction layer, the complexity of managing a 3D scene will be more work than you need for a simple list or grid layout.
Supercharge your workflow with AI Automation
Automatio combines the power of AI agents, web automation, and smart integrations to help you accomplish more in less time.
Related 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...
Frequently Asked Questions
Find answers to common questions about TerraUnits Recreated, 3D Globe Bidding Template