プレイグラウンドの形状

このページでは shape.type の値を個別に確認できます。形状ごとに分かりやすい設定を用意し、利用可能な場合は shape.options も明示しています。

Showing shape demos with per-shape options where available.

Circle with explicit options block.

Press Start to run the demo.

1066 chars

{
  "key": "absorbers",
  "name": "Absorbers",
  "particles": {
    "number": {
      "value": 300
    },
    "collisions": {
      "enable": true
    },
    "paint": {
      "fill": {
        "color": {
          "value": "#ffffff"
        },
        "enable": true
      }
    },
    "shape": {
      "type": "circle"
    },
    "opacity": {
      "value": {
        "min": 0.1,
        "max": 1
      }
    },
    "size": {
      "value": {
        "min": 1,
        "max": 2
      }
    },
    "move": {
      "enable": true,
      "speed": 0.5,
      "direction": "top",
      "straight": true,
      "warp": true
    }
  },
  "interactivity": {
    "events": {
      "onClick": {
        "enable": true,
        "mode": "push"
      }
    },
    "modes": {
      "push": {
        "quantity": 10
      }
    }
  },
  "absorbers": {
    "draggable": true,
    "size": {
      "value": {
        "min": 5,
        "max": 10
      },
      "limit": 10
    },
    "position": {
      "x": 50,
      "y": 50
    }
  },
  "background": {
    "color": "#0d47a1"
  }
}

プレイグラウンドの形状 ​

プレイグラウンドの形状