Custom three.js loader for the .tilt format used by Tilt Brush and Open Brush. The loader will inject the relevant shaders and textures for correct rendering of the file.
Adapted from the initial TiltLoader in three.js.
This project aims to provide a simple way to load and render raw .tilt files on the web, using the three.js library.
The loader is still a work in progress and subject to change. Please join the Discord to discuss the project!
If you would like to support our projects, we are on Open Collective!
The loader is designed to be used with three.js. The library has been tested against r128, but may work with other releases.
You need to pass the loader a path to a folder containing all the relevant brushes and textures. This has been omitted to reduce package size and leave brush location up to the implementer. You can get a copy of the brushes folder in the root of this project's repository.
npm install --save three-tiltloader
import { TiltLoader } from 'three-tiltloader';
...
let loader = new TiltLoader();
loader.setPath('path/to/brush/folder');
loader.setBrushDirectory( 'path/to/brush/folder' );
loader.load( 'path/to/tilt/sketch.tilt', ( model ) => {
scene.add( model );
});