Formes de l'aire de jeux

Utilisez cette page pour explorer les valeurs de shape.type de facon isolee, avec une configuration ciblee par forme et des shape.options explicites lorsque la forme les prend en charge.

Showing shape demos with per-shape options where available.

Circle with explicit options block.

Recipe: open docs

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"
  }
}

Formes de l'aire de jeux ​

Formes de l'aire de jeux