Initial release. No upgrade steps required.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3590421,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3590421,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3590421,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3590421,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":{"physicks\/composition":{"name":"physicks\/composition","title":"Physicks"}},"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3590535,"resolution":"1","location":"assets","locale":"","width":2486,"height":1572},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3590535,"resolution":"2","location":"assets","locale":"","width":2482,"height":1568},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3590535,"resolution":"3","location":"assets","locale":"","width":2486,"height":1572},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3590535,"resolution":"4","location":"assets","locale":"","width":2486,"height":1572}},"screenshots":{"1":"The empty state \u2014 create your first composition and get started in seconds.","2":"Pick a ready-made template or start with a blank canvas.","3":"The visual editor \u2014 drag-and-drop shapes, configure physics, and preview in real time.","4":"Manage all your compositions in one place, with shortcodes ready to embed anywhere."}},"plugin_section":[],"plugin_tags":[785,864,451,16769,80],"plugin_category":[43,50],"plugin_contributors":[269497],"plugin_business_model":[],"class_list":["post-308060","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-canvas","plugin_tags-interactive","plugin_tags-physics","plugin_tags-shortcode","plugin_category-customization","plugin_category-media","plugin_contributors-canicaworks","plugin_committers-canicaworks"],"banners":{"banner":"https:\/\/ps.w.org\/physicks\/assets\/banner-772x250.png?rev=3590421","banner_2x":"https:\/\/ps.w.org\/physicks\/assets\/banner-1544x500.png?rev=3590421","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/physicks\/assets\/icon-128x128.png?rev=3590421","icon_2x":"https:\/\/ps.w.org\/physicks\/assets\/icon-256x256.png?rev=3590421","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/physicks\/assets\/screenshot-1.png?rev=3590535","caption":"The empty state \u2014 create your first composition and get started in seconds."},{"src":"https:\/\/ps.w.org\/physicks\/assets\/screenshot-2.png?rev=3590535","caption":"Pick a ready-made template or start with a blank canvas."},{"src":"https:\/\/ps.w.org\/physicks\/assets\/screenshot-3.png?rev=3590535","caption":"The visual editor \u2014 drag-and-drop shapes, configure physics, and preview in real time."},{"src":"https:\/\/ps.w.org\/physicks\/assets\/screenshot-4.png?rev=3590535","caption":"Manage all your compositions in one place, with shortcodes ready to embed anywhere."}],"raw_content":"\n
Physicks<\/strong> lets you build interactive canvas compositions powered by real-time physics. Using a visual drag-and-drop editor, you can create dynamic layouts with animated objects that respond to gravity, bouncing, dragging, and cursor interaction \u2014 then embed them anywhere on your site with a simple shortcode.<\/p>\n\n Editor<\/strong><\/p>\n\n Objects<\/strong><\/p>\n\n Physics & Motion<\/strong><\/p>\n\n Responsive & Performance<\/strong><\/p>\n\n Compatibility<\/strong><\/p>\n\n Physicks does not collect any visitor data. All physics processing happens in the visitor's browser. No cookies are set for site visitors.<\/p>\n\n Google Fonts (optional, disabled by default)<\/strong><\/p>\n\n If you enable the Google Fonts option in Physicks \u2192 Settings \u2192 Performance, the plugin will load font files from Google's servers on the pages where a composition is embedded:<\/p>\n\n Physicks ships minified JavaScript for production performance. All unminified source files are included in the plugin ZIP alongside the minified versions ( To rebuild the minified files from source, run Automatic installation<\/strong><\/p>\n\n Manual installation<\/strong><\/p>\n\n First steps<\/strong><\/p>\n\n Physicks requires a modern browser with support for CSS Yes. Physicks uses a standard shortcode ( Yes. The canvas scales responsively and the physics simulation runs on all devices. Touch drag is supported. You can also design a separate mobile layout using the Mobile<\/strong> tab in the editor and configure the breakpoint width at which it activates.<\/p><\/dd>\n The physics library (Matter.js, ~80 KB minified) and the Physicks frontend script (~27 KB minified) are only loaded on pages where you embed a composition using the shortcode. They are never loaded site-wide unless you explicitly enable Load Assets Globally<\/strong> in the plugin settings.<\/p><\/dd>\n Yes. Use Physicks \u2192 Settings \u2192 Export Compositions<\/strong> to download a JSON file containing all your compositions and their settings, then import it on the destination site using the Import option on the same page. You can also copy and paste individual compositions using the Raw JSON button in the editor.<\/p><\/dd>\n Yes. Physicks outputs compositions as static HTML with data attributes \u2014 there is no AJAX on the frontend. Most caching plugins are fully compatible. If assets are not loading after enabling a caching plugin, enable Cache Compatibility<\/strong> in Physicks \u2192 Settings \u2192 Performance.<\/p><\/dd>\n You can add a custom CSS class to the canvas via the Settings panel and target it in your theme's CSS. You can also add composition-specific CSS directly in the Custom CSS<\/strong> field in the Settings panel \u2014 use Yes. The plugin is fully internationalised. A Key Features<\/h4>\n\n
\n
\n
\n
\n
\n
Bundled Libraries<\/h4>\n\n
\n
Privacy<\/h4>\n\n
External Services<\/h3>\n\n
\n
fonts.googleapis.com<\/code>, fonts.gstatic.com<\/code>)<\/li>\nBuild Tools<\/h3>\n\n
assets\/js\/*.js<\/code> are the sources; assets\/js\/*.min.js<\/code> are the compiled outputs).<\/p>\n\nnpm install && npm run build<\/code> in the plugin root. Node.js 18+ and npm are required.<\/p>\n\n\n\n
\n
\n
[physicks id=\"123\"]<\/code>) and paste it into any page or post.<\/li>\n<\/ol>\n\n\n\n
What browsers are supported?<\/h3><\/dt>\n
clip-path<\/code>, mask-image<\/code>, SVG, and the Fetch API. This covers all current versions of Chrome, Firefox, Safari, and Edge. Internet Explorer is not supported.<\/p><\/dd>\nDoes this work with page builders?<\/h3><\/dt>\n
[physicks id=\"X\"]<\/code>) which works in any context that supports shortcodes, including Elementor, Divi, WPBakery, Beaver Builder, and most others. Enable Page Builder Compatibility<\/strong> in Physicks \u2192 Settings \u2192 Performance if the composition does not appear in a page builder's live editor preview.<\/p><\/dd>\nDoes the physics simulation run on mobile?<\/h3><\/dt>\n
Will it slow down my site?<\/h3><\/dt>\n
Can I transfer compositions between sites?<\/h3><\/dt>\n
Is the plugin compatible with caching plugins?<\/h3><\/dt>\n
How do I style the canvas container?<\/h3><\/dt>\n
.physicks-front<\/code> as the container selector.<\/p><\/dd>\nDoes Physicks support translation?<\/h3><\/dt>\n
.pot<\/code> template file is included in the \/languages\/<\/code> directory and is compatible with WPML, Loco Translate, and Polylang.<\/p><\/dd>\n\n<\/dl>\n\n\n1.0.0<\/h4>\n\n
\n