Babylon JS Material Editor v 1.0 beta

An AngularJS based typescript project for real-time in browser material editing using BabylonJS (http://babylonjs.com) This is the first release of the material editor, with a simple UI using twitter's bootstrap.

Demo

http://materialeditor.raananweber.com/

About the code

The typescript files are located at MaterialEditor.

Vendor contains external libraries which I used:

• BabylonJS https://github.com/BabylonJS/Babylon.js
• Angular Color Picker https://github.com/buberdds/angular-bootstrap-colorpicker
• Angular Slider directive https://github.com/PopSugar/angular-slider

application.js is a rendered javascript from the typescript source. Generated by Visual Studio 2013.

Roadmap V.1

• ~~Exporting the material as javascript / babylonjs material~~ - Done
• ~~Allow uploading the canvas images to a server~~ - Done (No CubeTexture Support at the moment)
• ~~New UI~~ - Done
• ~~Change light properties~~ - Done
• ~~Adaptation to BabylonJS 2.0~~ - Done
• ~~Upload your own object~~ - Done
• ~~Multimaterial support~~ - Done
• ~~Supporting further types of textures (like mirror)~~ - Done : Mirror supported.
• ~~Support cube projection for reflections~~ - Done

Roadmap V.2

• Video support
• Shaders / Effects
• ~~Displacement maps~~ - Possible but will not be done at the moment. This is actually a change of the geometry. Maybe in future versions.

MIT License

http://raananw.mit-license.org/