Converting a Maya scene to JavaScript or WebGL

I have some time and I'd like to convert a Maya scene to WebGL or render it to a canvas if possible without WebGL. The model is of a desk lamp consisting of primitives and meshes, I've parented parts to the joints instead of binding them to the skeleton and now I want to use a JS library or WebGL to render, then animate with mouse movement and/or touch event. If I can get the model onto a canvas, or into a WebGL enabled application while conserving the parented relationships, I could then write a few functions to bind joint rotation to mouse movements, I just need a little help with actually exporting and importing my Maya scene while conserving relationships. Thanks in advance.


You can try Three.js WebGL library for that. They have exporters from 3D models to JSON written in python here.

For example you can try to export your model in obj and then convert it using

Then you can load your model into canvas using THREE.JSONLoader method. There is a lot of examples on internet.

If your scene is already in Maya then should be the right thing for you. Inka3d supports joints, also objects parented to joints, and you can easily change the rotate parameters from javascript in your exported scene using the same parameter names as in maya.

Need Your Help

knockout.js foreach - display item content on page

debugging data-binding foreach knockout.js

For debug purposes, I'm trying to display the current content inside a foreach loop like this, but I'm getting an "Unable to parse bindings" error. You can see my atteping inside the 'pre' tag at ...

Make 2 segments the size of 1 in UISegmentedControl

ios objective-c uisegmentedcontrol

I have a UISegmentedControl with 3 segments created in the storyboard. I want to programmatically add another segment, and make the middle 2 segments the size of 1 segment. Here is an image to illu...