Physijs

Physics plugin for Three.js
Alternatives To Physijs
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Physijs2,517
58a year agoFebruary 22, 2021150mitJavaScript
Physics plugin for Three.js
Tquery660
8 years ago58mitAGS Script
extension system for three.js
Videojs Vr442654 months ago32August 16, 202275mitJavaScript
A plugin to add 360 and VR video support to video.js.
Qgis2threejs416
4 months ago135JavaScript
A QGIS plugin to export 3D maps to Web
Three Customshadermaterial399159 days ago61November 27, 20222otherTypeScript
Extend Three.js standard materials with your own shaders!
Threebox344
13 years ago12July 09, 201946mitJavaScript
A three.js plugin for Mapbox GL JS, with support for basic animation and advanced 3D rendering.
Threestrap22815 months ago6January 07, 20231otherJavaScript
Minimal Three.js Bootstrapper
Vite Plugin Glsl1901410 days ago30January 29, 2023mitJavaScript
:spider_web: Import, inline (and compress) GLSL shader files :electric_plug:
Patches151
3 years ago300mitJavaScript
Patches is a visual programming editor for building WebVR and WebGL experiences.
Three Minifier1439a year ago14July 20, 20221mitJavaScript
Minify THREE.js
Alternatives To Physijs
Select To Compare


Alternative Project Comparisons
Readme

Physijs

Physics plugin for three.js

Physijs brings a very easy to use interface to the three.js framework. One of the reasons three.js is so popular is because it is so incredibly easy for graphics newbies to get into 3D programming. Physijs takes that philosophy to heart and makes physics simulations just as easy to run. In fact, there are just five easy steps that must be taken to make a 3D scene come alive.

How does Physijs work?

Physijs is built on top of ammo.js (although there is also a cannon.js branch) and runs the physics simulation in a separate thread (via web worker) to avoid impacting in your application's performance and taking up your 3D rendering time.

A lot of effort has been made to keep the style of code the same when using Physijs. Apart from updating an object's position, all of the normal three.js conventions remain the same. If you are used to three.js, you already know how to use the Physijs plugin.

Who is this for?

You, hopefully. If you are familiar with three.js and want to add physics to your scene, this is the plugin for you. No mucking about with shape definitions, keeping objects in their correct positions, or identifying collisions - simply use a few Physijs objects in place of three.js's and you'll automatically have a dynamic environment.

If you need (or want) a feature not already included then add it to the issue tracker or implement it yourself and send over a pull request.

Examples

rigid bodies collisions compound shapes all shapes jenga car constraints vehicle

Features

  • Support for multiple object shapes, including custom convex or concave objects as well as heightmaps
  • Material system provides simple control over friction and restitution ("bounciness")
  • Integrated collision detection and events
  • Compound objects using the hierarchy system in three.js
  • Vehicle system
  • Constraint systems such as point-to-point and hinge
  • Rotations using either euler or quaternion systems - your preference
  • Built seamlessly on top of three.js to keep the same convention and coding style

In the Future

  • More (and better) optimizations
  • It would be awesome to have concave shape decomposition
Popular Threejs Projects
Popular Plugin Projects
Popular Graphics Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Plugin
3d Graphics
Shape
Physics
Threejs
Collision