HTML5 Game Development
   
  • HOME
  • News
  • Tutorials
  • Engines
  • Demos
  • Tools
  • Partners
  • Mobile HTML Game
  • Guess The Celebrity
  • About us

Planck.js – JavaScript Rewrite of Box2D Physics Engine

Planck.js demos

There’s a new 2D physics engine in town called Planck.js. It is a JavaScript rewrite of Box2D, the free, open source 2-dimensional physics game engine famously used to create Angry Birds. (Side note: Angry Birds didn’t originally credit Box2D).

Box2D is written using C++ and is platform-independent. The creator of Planck.js wanted a readable and maintainable JavaScript code, with a library optimized for web and mobile platforms.

So he is developing Planck.js, motivated to provide a JavaScript-friendly API that takes advantage of Box2D’s efforts and achievements.

Several interesting demos are available for testing. Below are some of our favorites:

 

Car – Drive a car through a hilly terrain and encounter a bridge, some barriers, and gaps along the way

Planck.js demo - car

 

Asteroid – Shoot at asteroids, which break into smaller and smaller pieces. Avoid getting hit!

Planck.js demos - asteroid

 

Theo Jansen – Move small circle objects using a large arachnoid kinetic sculpture.

Planck.js demos - Theo Jansen

 

Pyramid – Topple down a large pyramid made up of numerous squares

Planck.js demos - Pyramid

 

Mobile Balanced – Play around with a hanging mobile

Planck.js demos - mobile balanced

Learn more about Planck.js here.

Share List
Share List

You might also find this interesting:


  1. Quintus Engine The Quintus engine is a simple HTML5 game engine designed to be modular and lightweight, with a concise JavaScript-friendly syntax. ...

  2. Box2DJs: a 2D Javascript Physics Engine Box2Djs is a Javsacript port of the Actionscript port of the C++ 2D Physics Engine Box2D. It was ported form the action script using a automated script, so it shares...

  3. Intro to Box2D: physics simulations for HTML5 games Seth Ladd, a developer advocate at Google put together an excellent, in-depth intro presentation on using Box2D as a physics simulation in HTML5 Game. It covers which port of Box2D...

  4. Ultimate Ninja Swing – 2D Ragdoll Physics Game Ultimate Ninja Swing is a fun platformer developed using ragdoll physics in the Box2D engine. You guide your ninja through each level by swinging across the roof using an extendable rope. Don’t...

  5. Cannon.js: 3D JavaScript Physics written from scratch Cannon.js is a nice-looking, simple 3D physics engine for the web, inspired by three.js and ammo.js, but written from scratch in JavaScript and using an iterative Gauss-Seidel solver to solve...

2D, Box2D, game engine, Physics, PlanckJS
HTML5 Demos, HTML5 Engines, HTML5 Tools, Open-source-3

License HTML5 Games

Are you a company looking to license HTML5 games? We recommend MarketJS.com, a B2B platform for licensing games.

MarketJS has over 300 HTML5 games for licensing. They also provide additional services such as game reskin, custom development, and white label portals.

Html5 Game Development


Follow @GameDevHTML5



WHAT’S NEW

  • HTML5 Games in Guest Room Tablets

  • What’s New in Phaser 3.50

  • Particle and Sprite Editors in Babylon.js 4.2

  • Healthcare Industry HTML5 Games

  • Games for Events Example



NEW DEMOS

  • Vertical Endless Runner Prototype

  • Particle and Sprite Editors in Babylon.js 4.2

  • Song Maker in Google Experiment

  • Phaser 3 Experiment for Drawing Cards

  • HTML5 Game for a Recycling Campaign


ENGINES

  • Phaser 3 Game Object Pools Tutorial

    Memory allocation inside update loops often causes framerate problems in real-time gaming. One of the best solutions to this is to use Object Pools in Phaser 3. An Object Pool …Read more

  • Games During The COVID-19 Pandemic

    There so many effective ways to engage your audience with HTML5 games. Here is an example of how to run a game campaign to keep users motivated during difficult times. …Read more

  • Building Simulated 3D HTML5 Games With Phaser

    Phaser is commonly used as a 2D game engine for creating HTML5 desktop and mobile games. However, with the help of three.js and Phaser 3D library, you could render your …Read more

SEARCH OUR ARCHIVES

CONNECT

rss twitter

HTML5 Game Development is proudly run by 3P Solutions Inc

GOT NEWS?

Send new engines, demos, information and tips to hello@html5gamedevelopment.com

MONTHLY MEETUP

In boston? Join us for the Monthly HTML5 Game Development meetup.

BOOKS

We're in the process of writing a few books about game development. Coming soon!

Copyright HTML5gamedevelopment.com