nape-js

Interactive Demos

Click/drag on the canvas to interact. Pick a demo below. Physics Game

Latest complete game demos

The newest multi-system games built on the engine — AI, waves, cameras and 3D rigs, each in a single file you can open on CodePen.

Play →

Complete gameHitch & Park

A trailer-parking game seen from above: five sites — supermarket, parking deck, marina slipway, high street, campsite — each with one bay the trailer must end up in, nose out, square and stopped. Parked cars can be shoved (their hazard lights tell on you), cones topple, pillars, hedges and trees don't budge; every bump costs points against a par time. ↑ ↓ drive / reverse, ← → steer, SPACE brake, G path guide; on touch, hold and drag. Physics: the car is a chassis plus four wheel bodies — rear ones on WeldJoints, front ones on PivotJoints steered by Ackermann AngleJoints — and only the front wheels drive, so the steered wheels pull the car round; the trailer hangs on a PivotJoint at the tow ball and folds if you reverse it wrong. In 3D: shadowed sites, spinning and steering wheels, brake and reversing lights, a reversing-camera inset.

GameplayVehicleJointsTop-downListenersMobile

Play →

Complete gameFlipper Fray

A four-player pinball brawl: one round table, four pockets, a pair of flippers guarding each. The playfield is a dome: everything rolls outward from the centre, so every ball becomes somebody's problem; bumpers, slingshots and lane posts throw the balls around, and every ball that gets past your flippers costs you a life — five lives, last pocket standing wins, or the most lives when three minutes run out. You hold the bottom pocket against three AI keepers; multiball drops extra balls on a schedule and a bomb ball rolls out every half minute — two lives if it drains, a blast if nobody swallows it. ← → / A D flip, SPACE both; on touch, hold the left or right half of the screen. Physics: the flippers are kinematic bodies driven with setVelocityFromTarget, so a slap carries real angular speed into the ball; balls are bullet-flagged circles, so nothing tunnels through the thin ring walls; bumper and slingshot kicks and goal credit come through InteractionListeners. In 3D a neon arena with chrome balls, glowing pockets and lane lights, seen from behind your own pocket.

GameplayPinballAIKinematicCCDListenersMobile

Play →

Complete gameSwarm Night

A survivor roguelite in the Vampire Survivors mould: five minutes in a walled graveyard, and you only steer — every weapon fires on its own. Kills drop XP gems; a full bar pauses the night for three upgrade cards drawn from six weapons (whip, wand, knives, ward, orbs, lightning) and eight passives. Six monster types arrive on a schedule, plus charging grave knights that carry treasure and a bone colossus at 4:00 whose slam throws the whole crowd. Dawn at 5:00 is the win. WASD / arrows to move, 1 / 2 / 3 or click to pick a card; on touch, hold anywhere to steer. Physics: up to 420 monsters are dynamic circles in a zero-gravity Space, so the horde crowds and streams around the stones with no flocking code; knockback is a mass-scaled impulse, and bolts, knives, spit and orbs are sensor bodies delivered through InteractionListeners with sensor-mask side filtering. In 3D a moonlit graveyard where every monster is an instanced low-poly rig.

GameplayRogueliteAICameraSensorsPerformanceMobile

All games →

Why nape-js?

nape-js is one of the few 2D physics engines for JavaScript and TypeScript that ships rigid body dynamics, joints (PivotJoint, DistanceJoint, WeldJoint, AngleJoint, MotorJoint, LineJoint, PulleyJoint, SpringJoint), fluid buoyancy, fracture, soft body, raycasting and convex sweeps, a built-in character controller, deterministic stepping for multiplayer rollback, binary serialization, replay recording, and an off-thread Web Worker bridge — all in a single ESM package (~175 KB gzip), with full TypeScript types and zero DOM dependencies.

Looking for an alternative to Box2D, Matter.js, Planck.js, or Rapier? Run the in-browser benchmark to compare them head-to-head, or jump into the interactive examples — physics demos and playable mini-games (platformer, MOBA, tower defense, slingshot, pinball, top-down shooter).

Benchmarks

Measured in your browser right now. Each test runs the physics step() in a tight loop and reports the median time per step.