wordpress-plugin-babylonjs-viewer

Allow users to view and add 3D models to their content with Babylon.js Viewer.

---

Requirements

For plugin installation

PHP	>= 7.4
WordPress	>= 5.9

For development

PHP	>= 7.4
WordPress	>= 5.9
npm	>= 6.0
node	>= 14.0

---

How to use

1. Download the .zip file and install Babylon.js Viewer plugin in WordPress.

2. Activate Babylon.js Viewer plugin.

3. Add Babylon.js Viewer block to a page.

4. Add the model URL to the block or select a model from the Media Library.

Model example: https://playground.babylonjs.com/scenes/BoomBox/BoomBox.gltf

Video Tutorial:

babylonjs-viewer.mov

---

Development

1. Install npm dependencies

npm install

2. Run wp-env environment

npm run wp-env start

3. Watch src/ directory and block files

npm run start

4. Build src/ directory and block files for production

npm run build

---

Credits

• Babylon.js
• WordPress
• StackOverflow

---

Documentation

• Babylon.JS documentation
• Babylon.JS Viewer documentation
• WordPress Block Editor Handbook