5 ms·

I have what may be a silly (or just uninformed) question: This, d3, etc. all look extremely cool and like great ways to do procedural graphics creation / anima

by nlh 14y ago

I have what may be a silly (or just uninformed) question: This, d3, etc. all look extremely cool and like great ways to do procedural graphics creation / animation. Has there emerged yet a Flash Builder-like tool for Canvas-based web graphics yet? I feel like there's a fundamental limit to how widespread procedural graphics production will be since many designers/animators/game developers a just don't work that way -- they need visual tools. Or so I assume.

jonknee 14y ago
Adobe is moving somewhat that direction with an experimental product called Edge Animate (though oddly it does not use canvas): http://html.adobe.com/edge/animate/ http://html.adobe.com/edge/animate/ They also are working to allow you to export Flash to Canvas through what they call Flash Professional Toolkit for CreateJS. http://www.adobe.com/devnet/createjs.html http://www.adobe.com/devnet/createjs.html
- camus 14y ago
  Animate doesnt work on older browsers and produce slow and dreadfull code. Animate is everything flash is hated for without the power of actionscript. CreateJs is a better solution, but you still need canvas ( you can still polyfill with flash canvas for older browsers )
deleted 14y ago
[deleted]
jsvaughan 14y ago
Not quite what you mean, but they do have a code visualiser: http://orbit.bonsaijs.org/ http://orbit.bonsaijs.org/
- eric_bullington 14y ago
  He/she is wanting a GUI tool for creating HTML5/JavaScript graphics and animations. I think his best bet right now is following Adobe's efforts with Edge, as someone else mentioned.
  - tklipstein 14y ago
    For Orbit we were working on some new features which allows you to hotswap code while you are typing / dragging and dropping things on the visual representation. See https://vimeo.com/53017149 https://vimeo.com/53017149 for a little preview. Maybe that is something he/she wants :)
pavlov 14y ago
For a while now, I've been working on a HTML5 design tool called Radi: http://radiapp.com http://radiapp.com It's primarily focused on animation and video. Published animations use the Canvas tag instead of SVG. (I'm not a huge fan of SVG for this kind of rendering because it's such a sprawling committee-designed document format rather than a compact and expressive API.) Radi is currently Mac-only. I had a Windows port underway at one point (to the point of actually getting the app running on Win7), but haven't had the time to work on it lately... Hopefully it'll be on Windows too one day.
shaneos 14y ago
One of the cool things you can do with their code is build it all in Flash, using existing tools, then convert it to Bonsai. Not so good for real web heads, but great for Flash people
- eric_bullington 14y ago
  For anyone else who was confused by this statement, I found out that uxebu, the creators of Bonsai.js, also have a tool for converting Flash to HTML5 called PixelPlant[1]. I've never used Flash, so no interest in this particular product, but as an svg and js aficionado, I'd say bonsai.js looks very interesting. 1. https://www.pixelplant.com/ https://www.pixelplant.com/
kenferry 14y ago
Take a look at http://tumult.com/hype/ http://tumult.com/hype/ ! (YCW11)

by nlh 14y ago

jonknee 14y ago

Adobe is moving somewhat that direction with an experimental product called Edge Animate (though oddly it does not use canvas): http://html.adobe.com/edge/animate/ http://html.adobe.com/edge/animate/ They also are working to allow you to export Flash to Canvas through what they call Flash Professional Toolkit for CreateJS. http://www.adobe.com/devnet/createjs.html http://www.adobe.com/devnet/createjs.html

camus 14y ago
Animate doesnt work on older browsers and produce slow and dreadfull code. Animate is everything flash is hated for without the power of actionscript. CreateJs is a better solution, but you still need canvas ( you can still polyfill with flash canvas for older browsers )

deleted 14y ago

[deleted]

jsvaughan 14y ago

Not quite what you mean, but they do have a code visualiser: http://orbit.bonsaijs.org/ http://orbit.bonsaijs.org/

eric_bullington 14y ago
He/she is wanting a GUI tool for creating HTML5/JavaScript graphics and animations. I think his best bet right now is following Adobe's efforts with Edge, as someone else mentioned.
- tklipstein 14y ago
  For Orbit we were working on some new features which allows you to hotswap code while you are typing / dragging and dropping things on the visual representation. See https://vimeo.com/53017149 https://vimeo.com/53017149 for a little preview. Maybe that is something he/she wants :)

pavlov 14y ago

For a while now, I've been working on a HTML5 design tool called Radi: http://radiapp.com http://radiapp.com It's primarily focused on animation and video. Published animations use the Canvas tag instead of SVG. (I'm not a huge fan of SVG for this kind of rendering because it's such a sprawling committee-designed document format rather than a compact and expressive API.) Radi is currently Mac-only. I had a Windows port underway at one point (to the point of actually getting the app running on Win7), but haven't had the time to work on it lately... Hopefully it'll be on Windows too one day.

shaneos 14y ago

One of the cool things you can do with their code is build it all in Flash, using existing tools, then convert it to Bonsai. Not so good for real web heads, but great for Flash people

eric_bullington 14y ago
For anyone else who was confused by this statement, I found out that uxebu, the creators of Bonsai.js, also have a tool for converting Flash to HTML5 called PixelPlant[1]. I've never used Flash, so no interest in this particular product, but as an svg and js aficionado, I'd say bonsai.js looks very interesting. 1. https://www.pixelplant.com/ https://www.pixelplant.com/

kenferry 14y ago

Take a look at http://tumult.com/hype/ http://tumult.com/hype/ ! (YCW11)