Javascript 我遇到了Phaser 3碰撞的问题

document.body.style = 'margin:0;';

var config = {
    type: Phaser.AUTO,
    width: 536,
    height: 183,
    backgroundColor: "#f5bd22",
    physics: {
        default: 'arcade',
        arcade: {            
            gravity:  { y: 90 },
            // turn on to show the created Objects
            // debug: true
        }
    },
    scene: {
        create
    },
}; 

function createCircle(scene, x, y, radius){

  // CREATE VISUALS
  let displayCircle = scene.add.circle(x, y, radius).setStrokeStyle(2,0x000000);
  
  // CREATE PHYSICS PART
  const circle = new Phaser.Geom.Circle(x, y, radius);
  const points = circle.getPoints(32);
  let boxes = [];

  for (let i = 0; i < points.length; i++){
      const p = points[i];

      let box = scene.add.rectangle(p.x - 2, p.y - 2, 4, 4);
      // with the second parameter I'm making the object(s) static, so no need for the -90 gravity
      let boxPhysics = scene.physics.add.existing(box, true);
      boxes.push(box);
  }
    
  return boxes;
}


function create() {
    let circle = this.add.circle(200, 80, 30, '#f5bd22');
    let circlePhysics = this.physics.add.existing(circle);
    circlePhysics.body.setCircle(30);

    let helperBoxes = createCircle(this, 200, 100, 70)
    
    this.physics.add.collider(circle, helperBoxes);
}

const game = new Phaser.Game(config);

<script src="//cdn.jsdelivr.net/npm/phaser/dist/phaser.min.js"></script>