https://github.com/banyapon/blender-aframe-exporter
This Blender add-on simplifies the process of exporting your 3D scenes into interactive web experiences
https://github.com/banyapon/blender-aframe-exporter
aframe blender blender-addon vr
Last synced: about 4 hours ago
JSON representation
This Blender add-on simplifies the process of exporting your 3D scenes into interactive web experiences
- Host: GitHub
- URL: https://github.com/banyapon/blender-aframe-exporter
- Owner: banyapon
- License: other
- Created: 2024-08-05T16:04:04.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-08-07T01:58:50.000Z (8 months ago)
- Last Synced: 2025-03-24T00:26:32.928Z (17 days ago)
- Topics: aframe, blender, blender-addon, vr
- Language: Python
- Homepage: https://youtube.com/c/daydev
- Size: 8.53 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Blender A-Frame Exporter
[](https://www.blender.org/) [](https://www.blender.org/)
[](https://opensource.org/licenses/MIT)This Blender add-on simplifies the process of exporting your 3D scenes into interactive web experiences using A-Frame, a popular web framework for building virtual reality (VR) and augmented reality (AR) experiences.
## Features

* **Seamless Export:** Quickly export your entire Blender scene, including models, materials, and animations, to A-Frame HTML and GLB (binary glTF) files.
* **Collision Detection:** Automatically add collision detection to your exported models using A-Frame's physics system, enabling interactive experiences.
* **Camera Controls:** Easily set up basic WASD controls for navigating your A-Frame scene with the camera.
* **Customization:** Customize the generated A-Frame code to add additional features, components, or interactions.## Installation
1. Download the latest release of the add-on (`.zip` file) from the [Releases](https://github.com/banyapon/Blender-Aframe-Exporter/releases/tag/release) page.
2. In Blender, go to `Edit` > `Preferences` > `Add-ons` > `Install...`

3. Select the downloaded `.zip` file and click `Install Add-on`.

4. Enable the "A-Frame Exporter" add-on in the list.
## Usage
1. Create your 3D scene in Blender.

2. Go to `File` > `Export` > `A-Frame (.html)`.
3. Choose a location to save the files and click `Export A-Frame`.

4. The add-on will generate an HTML file (`your_scene_name.html`) and a GLB file (`your_scene_name.glb`).
5. Open the HTML file in a web browser to view your interactive A-Frame scene.
## Additional Notes
* Make sure you have a web server running to view the exported HTML file correctly.
* For more advanced A-Frame features and customization, refer to the [A-Frame documentation](https://aframe.io/docs/).## Contributing
Contributions are welcome! Feel free to submit issues, feature requests, or pull requests.
## License
This add-on is released under the MIT License.