Skip to content

This Blender add-on simplifies the process of exporting your 3D scenes into interactive web experiences

License

Notifications You must be signed in to change notification settings

banyapon/Blender-Aframe-Exporter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Blender A-Frame Exporter

Blender Version Blender Version License: 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

Showcase

  • 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 page.
  2. In Blender, go to Edit > Preferences > Add-ons > Install... Go to Edit > Preferences > Add-ons > `Install
  3. Select the downloaded .zip file and click Install Add-on. Zip File
  4. Enable the "A-Frame Exporter" add-on in the list. Enable add-on

Usage

  1. Create your 3D scene in Blender. Create Scene

  2. Go to File > Export > A-Frame (.html).

    Export Aframe

  3. Choose a location to save the files and click Export A-Frame. VS Code

  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. WebXR

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.

Contributing

Contributions are welcome! Feel free to submit issues, feature requests, or pull requests.

License

This add-on is released under the MIT License.

About

This Blender add-on simplifies the process of exporting your 3D scenes into interactive web experiences

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages