threlter

Threltemania is a physics-defying racing game built to celebrate and test the capabilities of Threlte v6, a framework for declaratively using Three.js with Svelte. It serves as both promotional material and a technical showcase for the Threlte ecosystem.

Key Features

• Game Modes:
  • Campaign: Official tracks to race against the clock and earn medals fa-solid fa-up-right-from-square.
  • User Tracks: Race on community-built tracks fa-solid fa-up-right-from-square.
  • Track Editor: Create and share custom tracks.
• Technical Highlights:
  • Raycast Vehicle Controller: A custom physics-based controller blending arcade and simulation styles.
  • Keyboard Navigation: Full game control via keyboard.
  • URL State Management: Uses SvelteKit routing for persistent game states.
  • Svelte Integration: Leverages Svelte components for Three.js object management and DOM-based UI.
  • DOM/3D Hybrid UI: Uses Svelte portals to place UI elements alongside 3D objects.

Target Audience

• Developers interested in Threlte v6 and Three.js integration with Svelte.
• Gamers looking for a unique racing experience with customizable tracks.

Technical Stack

• Built with Threlte v6 (Svelte + Three.js) fa-solid fa-up-right-from-square.
• Physics powered by Rapier engine fa-solid fa-up-right-from-square.

Known Limitations

• Non-deterministic physics (runs may vary slightly).
• Optimized for larger screens (limited responsiveness).
• Occasional Safari loading issues.

Future Plans

• Multiplayer support, more campaign tracks, and improved physics determinism.
• Potential back-porting of the vehicle controller to @threlte/rapier.

For more details, visit the Threlte v6 documentation [fa-solid fa-up-right-from-square] or join the Discord community [fa-solid fa-up-right-from-square].