https://github.com/kmturley/blender-threejs-workflow

Example Blender to Three.js workflow using gltf format
https://github.com/kmturley/blender-threejs-workflow

Last synced: 1 day ago
JSON representation

Example Blender to Three.js workflow using gltf format

• Host: GitHub
• URL: https://github.com/kmturley/blender-threejs-workflow
• Owner: kmturley
• Created: 2019-11-12T18:55:02.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2021-04-30T18:58:38.000Z (over 3 years ago)
• Last Synced: 2024-05-02T00:59:43.231Z (7 months ago)
• Language: HTML
• Homepage: https://kimturley.co.uk/blender-threejs-workflow/dist/index.html
• Size: 35.8 MB
• Stars: 5
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# blender-threejs-workflow

Example Blender to Three.js workflow using gltf format using:

* ThreeJS 0.110.x

* Webpack 4.41.x

* Babel 7.7.x

* Tween.js 18.4.x

## Installation

Install dependencies using:

    npm install

## Usage

Run the dev server using:

    npm start

Then view the local server at:

    http://localhost:8080

## Exporting models

Ensure you are using Blender 2.8.1 which has GLTF exporting built-in:

    https://www.blender.org/download/

Create a scene and import your model using:

    File > Import > Choose the format

Check your materials are supported by GLFT:

    Select an object > Bottom right > Material

Replace material is necessary using:

    Remove Material Slot > New > Principled BSDF > Base Color change to Image Texture

Export the file using:

    File > Export > glTF

Ensure the options are selected:

    Transform -> +Y Up

    Animations -> Always sample animations

Test your exported animation in a viewer:

    https://gltf-viewer.donmccurdy.com/

## Directory structure

    /                                 --> Project root

    /src                              --> Frontend sources files

    /src-blender                      --> Blender example project

## Contact

For more information please contact kmturley