// Inspoo  http://natureofcode.com

​

​

let { Vec2D, Rect } = toxi.geom;

let { VerletPhysics2D, VerletParticle2D } = toxi.physics2d;

let { AttractionBehavior } = toxi.physics2d.behaviors;

​

//aliases

// Aliases

const { Engine, Bodies, Composite, Body, Vector, Render, Runner } = Matter;

​

// refere to physics world

let physics;

​

​

let particles = [];

let attractor = [];

let cluster;

​

// a boolean that indicates whether we draw connections or not

let showPhysics = true;

let showParticles = true;

​

function setup() {

  createCanvas(700, 650);

let engine = Engine.create();

​

​

  // the physics

  physics = new VerletPhysics2D();

​

  //where the particles will move all around the canvas 

  physics.setWorldBounds(new Rect(0, 0, width, height));

​

  physics.setDrag(0.09);

​

  for (let i = 0; i < 1000; i++) {

    particles.push(new Particle(random(width), random(height), 0.5));

  }

  attractor  = new Attractor(width / 2, height / 2, 60);

  attractor2  = new Attractor(width /8 , height / 8, 50);

  attractor3  = new Attractor(width , height , 50);

}

​

function draw() {

  background(0,80);

  // update the physics world

  physics.update();

​

​

 // attractor.show();

  for (let particle of particles) {

    particle.show();

  }

​

  if (mouseIsPressed) {

    attractor.lock();

    attractor.set(mouseX, mouseY);

  } else {

    attractor.unlock();

  }

}

​

​