https://github.com/ppmpreetham/three-blender

Blender addon that converts your scenes to Three.js code.
https://github.com/ppmpreetham/three-blender

blender-scripts blender3d threejs

Last synced: 8 months ago
JSON representation

Blender addon that converts your scenes to Three.js code.

• Host: GitHub
• URL: https://github.com/ppmpreetham/three-blender
• Owner: ppmpreetham
• License: mit
• Created: 2024-11-06T16:13:54.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-16T19:47:39.000Z (over 1 year ago)
• Last Synced: 2024-11-16T20:26:53.404Z (over 1 year ago)
• Topics: blender-scripts, blender3d, threejs
• Language: Python
• Homepage:
• Size: 20.5 KB
• Stars: 26
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-threejs - Three-Blender

README

          
[![License](https://img.shields.io/badge/License-MIT%202.0-blue.svg)](https://opensource.org/license/mit)

[![GitHub release (latest by date)](https://img.shields.io/github/v/release/ppmpreetham/three-blender)](https://github.com/ppmpreetham/three-blender/releases)

[![GitHub stars](https://img.shields.io/github/stars/ppmpreetham/three-blender)](https://github.com/ppmpreetham/three-blender/stargazers)

[![GitHub forks](https://img.shields.io/github/forks/ppmpreetham/three-blender)](https://github.com/ppmpreetham/three-blender/network/members)

[![GitHub contributors](https://img.shields.io/github/contributors/ppmpreetham/three-blender)](https://github.com/ppmpreetham/three-blender/graphs/contributors)

[![Follow @ppmpreetham](https://img.shields.io/twitter/follow/ppmpreetham?style=social)](https://x.com/ppmpreetham)

![alt text](three-blender/readme.jpg)

# Three Blender

Write Zero lines of ThreeJS! Now compile your Blender scenes automatically into ThreeJS websites! 

Built with 💖 by [Preetham Pemmasani](https://github.com/ppmpreetham)

## Demo

https://github.com/user-attachments/assets/5faaedb7-3adb-446c-af87-2b33b144c3e3

![Alt](https://repobeats.axiom.co/api/embed/b75f6e3d26c1c18ed90dca4379748c066dfc0907.svg "Repobeats analytics image")

## Installation

- Download the [`three_blender_v0.1.py`](https://github.com/ppmpreetham/three-blender/releases/download/v0.1/three_blender_v01.py) file from the [releases](https://github.com/ppmpreetham/three-blender/releases) section

- Open Blender and navigate to `Edit > Preferences > Add-ons > Install`

- Select the downloaded zip file

- Enable the addon by checking the box next to `Import-Export: Three.js Scene Exporter`

##  Usage

- Create and set up your scene in Blender

- Navigate to Output Properties panel

- Find the `Three.js Export` section

- Enter a path where your HTML file should be saved

- Click `Export Scene` button

- Get the generated HTML file!

## What's Next?

- [ ] Respecting the Instances

- [ ] Add support for HDRi (by converting it to cubemaps)

- [ ] Support for more lights (Area light and Sun)

- [ ] Support for keyframes

- [ ] Apply modifier before exporting the model.

- [ ] Draco GLB compression

- [ ] Support for Volumetrics

## Contributing

1. Fork the repository.

2. Clone the repository.

3. Create a new branch.

4. Make changes and commit them.

5. Push the changes to your fork.

6. Create a pull request.

7. Make sure to follow the code of conduct.