export to HTML5/JAVASCRIPT

[anubis4d]

hi,
I am NOT a developer but as I`m getting in web design there seems to be acking tools to make animations like Adobe Flash CS5 and export to SWF. I am avoiding Flash as much as I can, actually there is a lot to be done with javascript as you can see in this website: SITE

the problem for me and many other web designers which are not familiar with coding, and want to prepare animations, perhaps blender could provide the tool that even adobe lacks.



I mean, there are many javascript animation libraries, but there are no way to artistically indicate an object how to move, I mean like a function curve, and a proper keyframing system. Blender 3D has that as part of itselft, so would it be too difficult to make a python script that export keyframe information (XY positions, and maybe opacity) in a txt plan text file to be used with a javascript code to make flash-style animations with SVGs or Png with alpha transparency. If someone gets this done... It would be awesome!

This is something Adobe will charge with dreamweaver in CS6 or CS7.

[anubis4d]

A friend told me that he could manage an value array to move the object (any object, image, div, etc.) in the browser form number positions, so now we need some of the python developers can make a SELECTED-OBJECT/S-TRANSFORMATION-VALUES-EXPORT script (which can make a value array).

Jquery transfromations example

I have found it on this website, so (basic) transformationscan be added to web elements, they just ask to add this javascript to the website:




$(document).ready(function()
{
$(".run").click(function(){
$("#box").animate({opacity: "0.1", left: "+=400"}, 1200)
.animate({opacity: "0.4", top: "+=160", height: "20", width: "20"}, "slow")
.animate({opacity: "1", left: "0", height: "100", width: "100"}, "slow")
.animate({top: "0"}, "fast")
.slideUp()
.slideDown("slow")
return false;
});
});

If a python script could make this code out of blender objects we could do many cool stuff