Crashed my Chrome (iOS 6)
Show HN: CSS3 animation
51–60 of 101 posts
Re: Show HN: CSS3 animation
#52This is a fine animation. Congratulations for syncing sound and getting a good narration voice. I guess you used a JS library to achieve this. My difficulties with CSS3/HTML5/JQuery animation as of "t.o.d.a.y" are: 1. If one has to programmatically create all animations, then browser based animation is at same stage as 1985'ish BYTE issues where drawing a chess grid in CG was a major achievement. A lot of great anima…
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.
I've been making a HTML5 animation app called Radi:
http://radiapp.com
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.
Re: Show HN: CSS3 animation
#53Earlier quoted context omitted.
Edge: http://html.adobe.com/edge 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
Thanks for the list. Do you know if any of these supports audio + frame synchronization, the audio being the primary "feature" of the animation?
My Radi app supports audio in the latest release: http://radiapp.com
Re: Show HN: CSS3 animation
#54>You should try it on Chrome And people ask me why I keep calling Chrome the new Internet Explorer.
Yeahhhh, calling Chrome the new Internet Explorer is missing the forest for the trees. Recall Internet Explorer made it so that you would write regular markup and THEN have to write special markup and add extra rules for compatibility.
It's the other way around here. All regular markup renders fine on Chrome. However, they are working on future implementations of the standard, so many things you want to use might only work on Chrome or webkit browsers.
Also, Firefox has prefixes that only work on Firefox. You wouldn't call Firefox the new Internet Explorer, would you? Hopefully not, because that would be like calling Chrome the new Internet Explorer.
Re: Show HN: CSS3 animation
#55Most animation designers couldn't do this well in flash or something similar! Incredibly well-done.
are you FN kidding ? did that kind of crap 10 years ago... with flash.
Re: Show HN: CSS3 animation
#56Earlier quoted context omitted.
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.
Edge: http://html.adobe.com/edge 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
Most of these tools are nowhere near what flash can do. Inverse kinematics ? vector drawing ? filters ? advanced interactions ? perfect audio sync ? video integration ?...
Re: Show HN: CSS3 animation
#57really impressive
Re: Show HN: CSS3 animation
#58>You should try it on Chrome And people ask me why I keep calling Chrome the new Internet Explorer.
Sorry, but the situation is not even remotely comparable. Nowadays when a new CSS feature is introduced by a browser vendor (using a vendor prefix), it is designed to be standardised and implementable by anyone. Other vendors may contribute and there is discussion. If the feature gains popularity, it will eventually be implemented by big players and become a [first de facto, later de jury] standard.
The posted link is an example of experiment for measuring whether the new fancy stuff is good enough.
In the dark days of IE era, MS mainly exposed its internal Windows APIs (and security holes) to its browser. (Yeah, there was some truly good stuff too but that doesn't make MS less evil.)
Re: Show HN: CSS3 animation
#59>You should try it on Chrome And people ask me why I keep calling Chrome the new Internet Explorer.
Sorry, but the situation is not even remotely comparable. Nowadays when a new CSS feature is introduced by a browser vendor (using a vendor prefix), it is designed to be standardised and implementable by anyone. Other vendors may contribute and there is discussion. If the feature gains popularity, it will eventually be implemented by big players and become a [first de facto, later de jury] standard. The posted link i…
Not to mention that webkit, the engine behind Chrome and Safari, is an open source project. (Forked from KHTML by Apple.)
Re: Show HN: CSS3 animation
#60Earlier quoted context omitted.
Edge: http://html.adobe.com/edge 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
Most of these tools are nowhere near what flash can do. Inverse kinematics ? vector drawing ? filters ? advanced interactions ? perfect audio sync ? video integration ?...
Even at the risk of sounding like a broken record, I'd like to mention that my Radi animation app supports vector drawing, filters, audio sync, integrated video with effects, and has element and frame level scripting for advanced interactions :)
http://radiapp.com