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