Toggling active state of a bullet

This demo shows how we can toggle “active” state of a bullet by clicking on it.

It works by creating an "active" state for the bullet’s circle. This state is triggered on clicked objects if they have their toggleKey: "active" set.

TypeScript

circle.states.create("active", {
  radius: 10
});

JavaScript

circle.states.create("active", {
  radius: 10
});

It also uses an event to monitor changes for bullet circle’s active setting, to reset it on a previously “activated” bullet.

TypeScript

circle.on("active", function(active, target) {
  if (currentActiveBullet) {
    currentActiveBullet.set("active", false);
  }
  if (active) {
    currentActiveBullet = target;
  }
  else {
    currentActiveBullet = undefined;
  }
});

JavaScript

circle.on("active", function(active, target) {
  if (currentActiveBullet) {
    currentActiveBullet.set("active", false);
  }
  if (active) {
    currentActiveBullet = target;
  }
  else {
    currentActiveBullet = undefined;
  }
});

Open in CodePen