Description
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
Screenshots
Blocks
This plugin provides 1 block.
- Throwable A physics-based throwable block container with innerBlocks support.
Installation
- Upload the plugin files to the
/wp-content/plugins/throwabledirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress
- Use the block editor to add the Throwable block
- Add any content blocks inside the Throwable container
- Customize physics settings in the block sidebar
FAQ
-
What blocks can I use inside the Throwable container?
-
You can use most common blocks including paragraphs, headings, buttons, and images.
-
Does the physics simulation work on mobile devices?
-
Yes, the block is fully responsive and the physics simulation works on all devices. The block automatically adjusts its size and behavior for mobile screens.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Throwable” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Throwable” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
0.1.2
- Fixed: Prevented direct file access.
0.1.0
- Initial release