Implementing Shiffman Box 2D Library For p5js

noah1211 · June 8, 2020, 3:01pm

Hello, I recently watched the nature of code video on the box2d library, and it looks very useful! I am having quite the tough time setting up the library for p5js (I am trying to use shiffman’s library). Is this library: (https://github.com/shiffman/Box2D-for-Processing) not compatible with p5js? I feel like I’m doing something wrong and I would love to be pointed in the right direction.

thanks!
Noah

slow_izzm · June 8, 2020, 3:39pm

That lib is for Processing …

There are some google search results of users implementing it in .js.

At a glance this one seems promising …

Another option would be to use matter.js.

noah1211 · June 8, 2020, 4:46pm

Ah matter js looks like a pretty good alternative

Thanks
Noah

GoToLoop · June 8, 2020, 4:52pm

Another 1 is Toxic:

gist.github.com

https://gist.github.com/GoSubRoutine/f4e383cfc4de8b063df3ee1c3fc66419

.block

height: 600

Particle.js

"use strict";

class Particle extends toxi.physics2d.VerletParticle2D {
  static get FILL() {
    delete this.FILL;
    return this.prototype.FILL = this.FILL = color(0o350);
  }

  static get STROKE() {
    delete this.STROKE;

This file has been truncated. show original

Spring.js

"use strict";

class Spring extends toxi.physics2d.VerletSpring2D {
  static get STROKE() {
    delete this.STROKE;
    return this.prototype.STROKE = this.STROKE = color(0xff);
  }

  display() {
    line(this.a.x, this.a.y, this.b.x, this.b.y);

This file has been truncated. show original

There are more than three files. show original

GoToLoop · June 8, 2020, 5:18pm

BtW, I also did a Matter.js sketch, but only for canvas bouncing:

Topic		Replies	Views
How P5.js use the Box2D of Processing? Libraries	2	955	November 8, 2020
Implementing PBox2D in a Processing sketch Coding Questions	10	2837	June 3, 2018
Box2D library installation error Libraries	6	1476	September 27, 2018
P5 pixel-based Box2D physics library on top of Planck.js Gallery	0	343	May 14, 2021
Interaction between objects and 2D detector? Libraries	5	573	December 28, 2021

Implementing Shiffman Box 2D Library For p5js

Related topics