Skip to Content
DokumentationIntegrationsleitfaden für EntwicklerVollständige BeispieleRoblox-Beispiel · Ball Game

Roblox-Beispiel · Ball Game

Grundlage ist Ball game open source , bereitgestellt als ball game.rbxl. Beibehalten werden 5 Sekunden Wartezeit, der rosa Ball zwischen drei versetzten Mauern, Kontakt mit WinPiece, goldene Farbe und Winner.

Original prüfen

Öffne und spiele in Roblox Studio, stoppe und untersuche Skripte, Avatar, Szene und Eigenschaften, ohne die .rbxl zu verändern.

Ursprüngliche Figur, Gras, Mauern, graue Grundplatte und Ziel.

Ursprüngliche Figur, Gras, Mauern, graue Grundplatte und Ziel.

Das originale GetWinner erkennt den Kontakt zwischen Ball und WinPiece.

Das originale GetWinner erkennt den Kontakt zwischen Ball und WinPiece.

Zwei Skripte erzeugen den Ball und erkennen den Sieg. Roblox liefert Rendering, Figur, Eingaben, Kamera, Animation, Physik und Serverlaufzeit. Ball: 5×5×5 studs; Gras: 18×1×74; Mauerzentren: (22,17.5,34), (32,17.5,15), (21.5,17.5,-4). Diese Werte gelten nur für das Beispiel.

Ball.Touched:Connect(function(partTouching) if partTouching.Name == "WinPiece" then Ball.BrickColor = BrickColor.new("Gold") warn("Winner!") game.Workspace.Map1.PlayerWon.Value = true end end)

Für einfache Part-Szenen druckt dieser nur lesende Command-Bar-Ausschnitt bei gestopptem Play Eigenschaften nach Output. Komplexe Meshes, Texturen und Skelette brauchen separate Behandlung. Er exportiert kein spielbares H5-Spiel.

for _, part in ipairs(workspace:GetDescendants()) do if part:IsA("BasePart") then print(part:GetFullName(), part.Position, part.Size, part.Material, part.Transparency) end end

Zuordnung zu H5

OriginalBrowser
CreateBall: wait(5), Part, Neonmain.js: Wartezeit, Mesh und dynamischer Starrkörper
GetWinner: Touched, PlayerWonmain.js: einmaliger Sieg, goldener Ball, Winner
Map1, WinPiece, Startpunktlevel.js + main.js: Aufbau, Geometrie, Kollisionen einschließlich unsichtbarer Barrieren
Gras, Ziegel, Metall, Erde, Himmelenvironment.js: Materialien und lokale Texturen
R15 Man, Pal Hair, Shirt, Jeansavatar.js: 15 Körpersegmente, Haare, Lächeln, Kleidung, weiße Sohlen
Humanoid/Kameramain.js, avatar.js, camera.js: Bewegung, Sprung, Animation, Verfolgung, Drehung, Zoom
Message / HintHTML/CSS-HUD, Start-, Pausen- und Siegansicht

Das Original lädt den Konto-Avatar zur Laufzeit. Diese Version rekonstruiert ihn aus lokaler Geometrie und Texturen, ohne offizielle Roblox-Meshes zu importieren. Einfache Parts folgen dem echten Aufbau; andere Projekte dürfen exportberechtigte Modelle/Texturen wiederverwenden.

Avatar von vorn: Haare, Lächeln, blau-schwarzes Oberteil, dunkle Hose, weiße Sohlen.

Avatar von vorn: Haare, Lächeln, blau-schwarzes Oberteil, dunkle Hose, weiße Sohlen.

Seitenansicht von Haaren, Körpersegmenten und Schuhen.

Seitenansicht von Haaren, Körpersegmenten und Schuhen.

Das Beispiel nutzt 1 stud = 0,3 m, Ursprung (27,15,15) und Ballradius 0,75 m. Koordinatenumrechnung, Masse, Reibung, Rolldämpfung und Geschwindigkeitsgrenzen müssen zu deinem Spiel passen.

Nachgebauter Level mit drei Hindernissen, Grenzen und Ziel.

Nachgebauter Level mit drei Hindernissen, Grenzen und Ziel.

ballBody.addEventListener('collide', event => { if (event.body !== winPiece.body || state.mode !== 'playing' || state.won) return; state.won = true; state.phase = 'finished'; pink.color.set('#fff000'); pink.emissive.set('#fff000'); glow.material.color.set('#fff54b'); document.querySelector('#status').textContent = 'Winner!'; show('won'); });

Ergänzt wurden Touch-Bewegung/Sprung, Pause/Fortsetzen, Neustart, Vollbild, Avataransicht und ein Hinweis bei fehlendem WebGL. Roblox-Konten, Robux, Mehrspielersynchronisierung und Cloud-Speicherstände wurden nicht übertragen. Dies ist keine vollständige Roblox-Laufzeit.

Starten und testen

Entpacke nach ball-game-h5 mit package.json im Stamm. Enthalten sind level.js, avatar.js, environment.js, camera.js, main.js, SOURCE-MAPPING.md und originale Lua-Dateien in reference/.

npm ci npm run dev

Öffne http://127.0.0.1:5174/. Dokumentiert ist Move to Combos/ball-game-h5 auf dem Desktop; passe den Pfad an. Nach Start erscheint der Ball nach 5 Sekunden. WASD/Pfeile bewegen, Leertaste springt, Ziehen dreht die Kamera, Mausrad zoomt, P pausiert, R startet neu, F schaltet Vollbild. Die Avataransicht hält die Runde an; Zurückkehren setzt sie fort.

Lokale Drittpersonansicht: den rosa Ball physisch schieben.

Lokale Drittpersonansicht: den rosa Ball physisch schieben.

Umgehe die Mauern aus der Standardansicht rechts, links, rechts und schiebe den Ball in die hintere Vertiefung. Echter WinPiece-Kontakt färbt ihn golden und zeigt Winner. Lokal wurde ein vollständiger Tastatur-/Physiksieg erreicht; Landung, Pause, Neustart, Kamera und Avataransicht wurden geprüft.

Vollständiger lokaler Sieg mit goldenem Ball und Winner.

Vollständiger lokaler Sieg mit goldenem Ball und Winner.

Bauen und veröffentlichen

Stoppe dev und prüfe die fertige Ausgabe unter http://127.0.0.1:4174/:

npm run build npm run preview

Die Quellen enthalten cover.png. Erstelle dein Spiel, behalte die Verknüpfung für Updates und teste den öffentlichen Link ohne lokalen Server. Das dokumentierte Figuren-/Szenenupdate war Revision 2, veröffentlicht mit submission_is_current=true. Ball Game H5 spielen , Code 70261. Online wurde ein Tastatursieg erreicht; mobile Tasten wurden nur im Viewport geprüft, nicht auf echten Telefonen.

Aktualisiertes Ball Game H5 auf Combos bei gestopptem lokalem Server.

Aktualisiertes Ball Game H5 auf Combos bei gestopptem lokalem Server.


Quelle: Combos-Integrationsleitfaden , geprüft am 2026-10-08 mit CLI v1.14.2. Die Ergebnisse beziehen sich auf die im Original dokumentierten Durchläufe.

Last updated on