The Throwable block creates an interactive physics simulation where inner blocks 「fall」 and bounce around the container.
Features:
– Physics simulation using Matter.js
– Support for innerBlocks (paragraphs, headings, buttons, etc.)
– Customizable physics settings (gravity, bounce)
Physics Settings:
– Gravity: Control the strength of gravity (0.1 – 2.0)
– Bounce (Restitution): Control how much blocks bounce (0 – 1)
Usage
- Add the 「Throwable」 block to your page/post
- Add any supported blocks inside (paragraphs, headings, buttons, etc.)
- Configure physics settings in the block sidebar:
- Adjust gravity strength
- Set bounce level
- Enable scroll gravity for dynamic effects
- Publish and view your page to see the physics simulation in action
Resources
This plugin uses Matter.js for physics simulation, which is licensed under the MIT License.
- Matter.js: https://github.com/liabru/matter-js/blob/master/LICENSE
- License: MIT License
