Your first difficulty is also my concern / question. Are there still no IDE that can do those animations? I know that there will be in the future. But I hope it will happen soon.
A5: http://www.a5-animator.com
Hippo: http://hippostudios.co.uk
Sencha Animator: http://www.sencha.com/products/animator
Motion Composer: http://www.aquafadas.com/en/motioncomposer
Mac Only:
Purple: http://www.purpleanimator.com
Tumult Hype: http://tumult.com/hype
Online/Cloud Based Tools:
Mugeda: https://www.mugeda.com
Blysk: http://bly.sk
Do you know if any of these supports audio + frame synchronization, the audio being the primary "feature" of the animation?
they are becoming popular. maybe in 2013! (:
Is your Retina MacBook Pro the 13" model? I wonder if there's an incompatibility with the Intel HD Graphics 4000 GPU. I don't have one for testing, but in the past I've seen quite a few issues related to how Intel's integrated GPUs diverge from the traditional NVIDIA/AMD chips.
Could you look in the Console to see if there's something printed when you run the app and things go wrong? This is getting off-topic for a HN thread, so if you have a moment to look into this, please drop me an email: pauli /at/ lacquer dot fi. Thanks!
It's a free download. (Mac only, at least for now -- there's a rudimentary Windows port that I'm hoping to finish one day.)
Unlike Edge, Hype and the rest of the animator apps, Radi uses the HTML5 Canvas element for rendering. The other apps basically do element-level animation using JavaScript + CSS3, whereas Radi renders frames from scratch. This allows advanced features like content keyframes, smoothly scaled brush strokes, etc.
Radi also supports HTML5 Video and Audio elements; you can create video effects and realtime Canvas script layers; and there's a minimalist Markdown editor included for text content.
when we allow people to draw freehand on a HTML5 canvas, the lines invariably come out fuzzy at the edges -- not nearly as sharp as drawing lines on a native app. it's not terrible, but it is noticeable.
here is some sample code: http://jsfiddle.net/NWBV4/10/
would you mind sharing how you overcame this issue?
thanks!
This is because the Canvas path coords describe the center points through which the stroke will be painted. So a vertical black line drawn through the coordinate (100, 100) wirh line width of 1 will render so that its minimum x coord is 99.5 and maximum x is 100.5. Since most render targets are 1:1 mapped to actual display pixels with antialiasing, what you get is two pixels of 50% black. To get one pixel of 100% black, the coordinate should fall right in the middle of the display pixel, i.e. 100.5 in this example.
Hopefully that makes some sense (typed on a phone...)
2. There was (is?) a Motorola Montage project that was available as a Chrome extension "Ninja". It seems to have disappeared. Here is a Git link: https://github.com/motorola-mobility/montage
3. Adobe Edge animate is there but it is a toy as of now.