手势控制

如何创建新手势控制场景

<!-- 引入依赖 -->
<script src="https://cdn.jsdelivr.net/npm/p5@1.9.4/lib/p5.min.js"></script>
<script src="gesture-scene.js"></script>

<script>
// 定义你的物体类，只需实现三个方法
class MyObject {
  constructor(x, y, vx, vy) {
    this.x = x;
    this.y = y;
    // ... 初始化
  }
  
  update() {
    // 更新位置、状态
  }
  
  draw() {
    // 渲染物体
  }
  
  isDead() {
    // 返回 true 表示物体已消失
    return this.alpha <= 0;
  }
}

// 创建场景
const scene = new GestureScene({
  title: '我的手势控制',
  create: (x, y, vx, vy) => new MyObject(x, y, vx, vy),
  spawnRate: 3,      // 每帧生成数量
  burstRate: 10,     // 鼠标按下时的爆发数量
  maxObjects: 2000,  // 物体上限
});
</script>