Zurück

Skyline Sprint

Ein 3D-Zeitfahr-Rennspiel im Browser, hoch über den Wolken: Wählen Sie eines von drei Autos, meistern Sie weite Kurven, einen Inselsprung und einen senkrechten Looping, durchfahren Sie sechs Checkpoints in der richtigen Reihenfolge und treten Sie gegen das Geisterauto Ihrer letzten Runde an, um Ihre schnellste Zeit zu fahren.

Autor: 廖望Quellcode
Live ausprobieren
Skyline SprintLive ausprobieren

Beschreibung

Skyline Sprint ist ein 3D-Zeitfahr-Rennspiel im Browser, gemacht für alle, die noch eine Runde drehen wollen. Die rund 1,13 km lange Strecke verläuft über den Wolken zwischen schwebenden Inseln, mit weiten Kurven, einem Inselsprung und einem senkrechten Looping. Wählen Sie eines von drei Autos, durchfahren Sie sechs Checkpoints in der richtigen Reihenfolge und absolvieren Sie die Runde so schnell wie möglich.

Sanftes Driften hinterlässt Reifenspuren auf der Fahrbahn. Nach einem Lauf können Sie Ihre Zwischenzeiten prüfen, Ihre persönliche Bestzeit jagen und gegen ein Geisterauto aus Ihrer vorherigen Runde fahren. Das Spiel unterstützt Tastatur- und Touch-Steuerung, die Oberfläche gibt es auf Chinesisch oder Englisch.

Die Welt ist mit Three.js gebaut, Rapier übernimmt Fahrzeugphysik und Kollisionen. Autos, schwebende Inseln, Luftschiffe, Gebäude, Warnschilder und Absperrungen wurden mit Tripo generiert und anschließend in Blender in Maßstab, Struktur und Details angepasst. Modelle, Musik und Soundeffekte werden vollständig vor dem Rennstart geladen, sodass beim Start alles bereit ist. Die beiden Panoramen und die Basalttextur entstanden mit OpenAI Image Generation, die beiden Hintergrundtracks „Sky Flight“ hat der Autor mit Suno generiert.

Wie Tripo eingesetzt wurde

Die Autos und die Kulisse entlang dieser Strecke hoch am Himmel wurden mit Tripo generiert.

  • Strecken-Assets: Tripo lieferte 3D-Assets wie Rennwagen, schwebende Inseln und Energie-Requisiten.
  • Neue Modelle: Darüber hinaus steuerte Tripo P1 einen Langstreckenrennwagen, ein Rallyeauto, ein Warnschild, eine Absperrung, ein Luftschiff und eine Himmelszitadelle bei.
  • Verfeinerung und Integration: Der Autor verfeinerte Maßstab und Details in Blender, trennte die Räder ab und integrierte die GLB-Modelle in Three.js.
  • Prompts, Seeds und Generierungsbelege werden zusammen mit dem Projekt veröffentlicht.

Trailer