Was kann Crashcat, die JavaScript-Physik-Engine?

Crashcat: eine 3D-Physik-Engine für JavaScript, die ohne WebAssembly auskommt

Michael Dobler

Autor Dr. Web

7. August 2026

2 Min. Lesezeit

Crashcat rechnet dreidimensionale Physik direkt in JavaScript, ohne den Umweg über WebAssembly. Der Entwickler Isaac Mason stellt die Engine unter die MIT-Lizenz und lässt sie mit three.js, Babylon.js oder PlayCanvas zusammenarbeiten. Für Agenturen, die interaktive Websites bauen, sinkt damit die Einstiegshürde.

drweb.de als bevorzugte Quelle auf Google hinzufügenQualitätsgeprüfte Inhalte direkt in Google News & DiscoverJetzt hinzufügen

Crashcat stellt eine feste Gewohnheit im Web infrage: Für 3D-Physik führte bisher fast kein Weg an Rapier vorbei, einem in Rust geschriebenen und nach WebAssembly übersetzten Paket mit eigenem Ladeschritt.^[2] Die neue Engine bleibt dagegen reines JavaScript und spart sich den WASM-Ballast.

Das Wichtigste in Kürze

Crashcat simuliert 3D-Starrkörperphysik in reinem JavaScript, ganz ohne WebAssembly-Build.
Die Engine arbeitet mit three.js, Babylon.js, PlayCanvas oder einer eigenen Render-Schicht zusammen.
MIT-Lizenz und 438 Sterne auf GitHub, aber Versionsstand 0.0.5: quelloffen und kostenlos, jedoch früh.
Zielgruppe sind Studios und Agenturen, die interaktive oder spielerische Web-Erlebnisse bauen.

Was macht Crashcat anders als andere Physik-Engines?

Ein Newton-Pendel mit einem Ballon statt einer Metallkugel links und der Aufschrift „leicht“ — Crashcat-Physik-Engine simuliert Objektkollisionen, Starrkörper und Dreiecksnetze mit Gelenken, Motoren und kontinuierlicher Kollisionserkennung

Eine Physik-Engine berechnet, wie Objekte zusammenstoßen, fallen und abprallen. Crashcat deckt dafür Starrkörper, konvexe Formen, Dreiecksnetze und eigene Kollisionsformen ab und ergänzt Gelenke mit Motoren und Federn, vom Scharnier bis zur Sechs-Achsen-Verbindung.^[1] Kontinuierliche Kollisionserkennung fängt schnelle Objekte ab, ein räumlicher BVH-Baum sortiert die Nachbarschaften, und ruhende Körper verbrauchen keine Rechenzeit.

Der Unterschied sitzt weniger in der Funktionsliste als im Fundament. Rapier holt seine Geschwindigkeit aus kompiliertem Rust, zahlt dafür aber mit einem WebAssembly-Modul, das asynchron nachladen muss. Crashcat verzichtet darauf und liegt als reines JavaScript vor, aus dem Bundler ungenutzte Teile automatisch entfernen. Derselbe Verzicht auf schwere Fremdbibliotheken prägt gerade das ganze Feld, von CSS-Scroll-Animationen ohne JavaScript bis zu browsereigenen Effekten.

Für welche Web-Projekte lohnt sich Crashcat?

Die mitgelieferten Beispiele zeigen die Bandbreite: ein Raycast-Fahrzeug, eine Ragdoll-Figur und ein kinematischer Character-Controller samt Stresstest.^[1] Solche Bausteine stecken in Web-Spielen, Produktkonfiguratoren und scrollgesteuerten 3D-Szenen für Marken-Websites. Genau dieses Feld ist im Browser gerade in Bewegung, von interaktiven Physik-Demos bis zu Soft-Body-Effekten in Formularfeldern.

Neben Rapier steht mit cannon-es zwar eine reine JavaScript-Alternative bereit, doch dieses Projekt gilt als betagt und wird kaum noch gepflegt. Crashcat besetzt die Lücke dazwischen: Die Engine bietet einen modernen Funktionsumfang ohne WASM-Hürde. Der Preis dafür ist der frühe Stand, denn Version 0.0.5 taugt für Prototypen und interaktive Websites, für ein sicherheitskritisches Produkt bleibt die Engine noch zu jung.

Crashcat auf einen Blick

Eine 3D-Physik-Engine für JavaScript, die ohne WebAssembly auskommt

438

Sterne auf GitHub

MIT

Lizenz, kommerziell frei nutzbar

WebAssembly-Module im Paket

0.0.5

aktuelle Version, früher Stand

Woher der Unterschied im Fundament kommt

Crashcat

Reines JavaScript, aus dem Bundler ungenutzte Teile entfernen. Kein Ladeschritt, breite Funktionsliste.

Rapier

In Rust geschrieben und nach WebAssembly übersetzt. Schnell, aber mit eigenem Modul und asynchronem Start.

cannon-es

Ebenfalls reines JavaScript, gilt jedoch als betagt und wird kaum noch gepflegt.

Crashcat gewinnt nicht über das Rechentempo, sondern über den weggefallenen WebAssembly-Schritt. Für ein Agenturprojekt mit knappem Budget zählt dieser gesparte Aufwand oft mehr als die letzten Prozent Leistung.
— Markus Seyfferth, Chefredakteur Dr. Web

Sollten Sie Crashcat jetzt einsetzen?

Für den DACH-Markt zählt vor allem die Lizenz. Die MIT-Lizenz erlaubt den kommerziellen Einsatz ohne Gebühr und ohne Wasserzeichen, anders als manche Whiteboard- und Canvas-SDKs, die für den Produktivbetrieb zur Kasse bitten. Studios, die bereits interaktive Oberflächen bauen, finden in unserer Übersicht der 25 Webdesign-Tools das passende Umfeld.

Der pragmatische Einstieg führt über die Beispielseite: Dort klicken Sie die Demos zu Fahrzeug, Ragdoll und Character-Controller durch. Danach verdrahten Sie eine kleine Szene mit der eigenen Render-Schicht wie three.js. Vor dem Produktivstart gehört die frühe Versionsnummer auf die Risikoliste, dazu die Barrierefreiheit, denn rein visuelle 3D-Interaktion braucht eine zugängliche Alternative.