An open API service indexing awesome lists of open source software.

https://github.com/raananw/babylonjs-material-editor

A BabylonJS based WebGL in-browser Material Editor
https://github.com/raananw/babylonjs-material-editor

Last synced: 8 months ago
JSON representation

A BabylonJS based WebGL in-browser Material Editor

Awesome Lists containing this project

README

          

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/