Well, I've hit some issues with Matter.js & Hype. One of the current problems is that Hype is using an older version of Matter.js…
A newer version uses ”Substepping”, which appears to help with preventing bodies flying through each other. Although, there's Phaser-box2d, which has Continuous Collision Detection listed as one of the features.
…so alternatively…
why not just create the animations manually? If it's a circular loop, couldn't it just be some paths that repeat? That's what I did here…
https://photics.com/free-template-tuesday-15-tumult-hype-fishy/
Instead of writing code to treat the bubbles as particles, I just used Motion Paths.