nape-js

Interaktive Demos

Klicken/Ziehen auf der Leinwand zum Interagieren. Wähle unten eine Demo. Physik Spiel

Neueste komplette Spiele-Demos

Die neuesten Spiele mit mehreren Systemen auf der Engine — KI, Wellen, Kameras und 3D-Rigs, jeweils in einer Datei, die sich auf CodePen öffnen lässt.

Spielen →

Komplettes SpielHitch & Park

Ein Anhänger-Einparkspiel von oben: fünf Orte — Supermarkt, Parkdeck, Slipanlage im Hafen, Innenstadtstraße, Campingplatz —, jeweils mit einer markierten Lücke, in der der Anhänger landen muss, Nase nach außen, gerade und stehend. Geparkte Autos lassen sich verschieben (ihre Warnblinker verraten dich), Pylonen kippen um, Pfeiler, Hecken und Bäume rühren sich nicht; jeder Rempler kostet Punkte, die Uhr läuft gegen eine Richtzeit. ↑ ↓ fahren / zurücksetzen, ← → lenken, LEERTASTE bremsen, G Spurhilfe; auf Touch gedrückt halten und ziehen. Physik: das Auto ist eine Karosserie plus vier Radkörper — die hinteren an WeldJoints, die vorderen an PivotJoints, gelenkt von AngleJoints mit Ackermann-Winkeln —, und nur die Vorderräder treiben an, sodass die gelenkten Räder das Auto wirklich herumziehen; der Anhänger hängt an einem PivotJoint an der Kupplung und knickt ein, wenn du falsch zurücksetzt. In 3D: Orte mit Schatten, drehende und lenkende Räder, Brems- und Rückfahrlichter, ein Rückfahrkamera-Fenster.

GameplayFahrzeugJointsTop-downListenersMobil

Spielen →

Komplettes SpielFlipper Fray

Eine Flipper-Keilerei für vier Spieler: ein runder Tisch, vier Taschen, jede von einem Flipperpaar bewacht. Das Spielfeld ist eine Kuppel: alles rollt von der Mitte nach außen, also wird jede Kugel irgendwessen Problem; Bumper, Slingshots und Bahnpfosten schleudern die Kugeln herum, und jede Kugel, die an deinen Flippern vorbeikommt, kostet ein Leben — fünf Leben, die letzte verbliebene Tasche gewinnt, oder die meisten Leben nach drei Minuten. Du hältst die untere Tasche gegen drei KI-Keeper; Multiball wirft nach Plan Extrakugeln ein, und jede halbe Minute rollt eine Bombenkugel heraus — zwei Leben, wenn sie fällt, eine Explosion, wenn sie niemand schluckt. ← → / A D flippern, LEERTASTE beide; auf Touch die linke oder rechte Bildschirmhälfte gedrückt halten. Physik: die Flipper sind kinematische Körper, angetrieben über setVelocityFromTarget, sodass ein Schlag echte Winkelgeschwindigkeit in die Kugel überträgt; Kugeln sind Bullet-markierte Kreise, damit nichts durch die dünnen Ringwände tunnelt; Bumper- und Slingshot-Stöße sowie die Torgutschrift kommen über InteractionListener. In 3D eine Neon-Arena mit Chromkugeln, leuchtenden Taschen und Bahnlichtern, gesehen von hinter deiner eigenen Tasche.

GameplayPinballKIKinematicCCDListenersMobil

Spielen →

Komplettes SpielSwarm Night

Ein Survivor-Roguelite nach Vampire-Survivors-Art: fünf Minuten auf einem umzäunten Friedhof, und du steuerst nur — jede Waffe feuert von selbst. Kills lassen XP-Edelsteine fallen; eine volle Leiste hält die Nacht an und bietet drei Upgrade-Karten aus sechs Waffen (Peitsche, Stab, Messer, Schild, Kugeln, Blitz) und acht Passiven. Sechs Monstertypen kommen nach Zeitplan, dazu stürmende Grabritter mit Schatz und um 4:00 ein Knochenkoloss, dessen Bodenschlag die ganze Menge wegwirft. Die Dämmerung um 5:00 ist der Sieg. WASD / Pfeile zum Laufen, 1 / 2 / 3 oder Klick für eine Karte; auf Touch irgendwo halten zum Steuern. Physik: bis zu 420 Monster sind dynamische Kreise in einem Space ohne Gravitation — die Horde drängt und fließt ohne Flocking-Code um die Steine; Rückstoß ist ein massenskalierter Impuls, und Geschosse, Messer, Speichel und Kugeln sind Sensorkörper, deren Treffer über InteractionListener mit Sensormasken-Seitenfilterung eintreffen. In 3D ein mondbeschienener Friedhof, in dem jedes Monster ein instanziertes Low-Poly-Rig ist.

GameplayRogueliteKIKameraSensorenLeistungMobil

Alle Spiele →

Warum nape-js?

nape-js ist eine der wenigen 2D-Physik-Engines für JavaScript und TypeScript, die Starrkörperdynamik, Gelenke (PivotJoint, DistanceJoint, WeldJoint, AngleJoint, MotorJoint, LineJoint, PulleyJoint, SpringJoint), Flüssigkeitsauftrieb, Bruch, aus Constraint-Netzen gebaute Soft-Body- und Stoffsimulation, Raycasting und konvexe Sweeps, einen eingebauten Character Controller, deterministisches Stepping für Multiplayer-Rollback, binäre Serialisierung, Replay-Aufzeichnung und eine Web-Worker-Brücke mitbringt — als einzelnes ESM-Paket (~174 KB gzip), mit vollständigen TypeScript-Typen und ohne DOM-Abhängigkeiten.

Suchst du eine Alternative zu Box2D, Matter.js, Planck.js oder Rapier? Führe den Benchmark im Browser aus, um sie direkt zu vergleichen, oder stürze dich in die interaktiven Beispiele — Physik-Demos und spielbare Mini-Games (Platformer, MOBA, Tower Defense, Slingshot, Pinball, Top-Down-Shooter).

Benchmarks

Jetzt direkt in deinem Browser gemessen. Jeder Test führt den Physik-step() in einer engen Schleife aus und meldet die mittlere Zeit pro Step.