6 ms·
After seeing the demo I thought this was being done in canvas, but no, it's actually using css transforms applied to DOM elements. SVG is far more suited to thi
by Stuk 15y ago
After seeing the demo I thought this was being done in canvas, but no, it's actually using css transforms applied to DOM elements. SVG is far more suited to this task.
Also despite it's vector look, all of the lines are in fact pngs http://wwwimages.adobe.com/labs.adobe.com/cdn/technologies/edge/resources/ferriswheel/images/Ferris-Wheel2.png http://wwwimages.adobe.com/labs.adobe.com/cdn/technologies/e... . Disappointing.
- access_denied 15y agoBrowser-support for SVG is, like, where?
- planb 15y agoAs far as I know, webkit supports hardware acceleration for CSS transforms - so maybe that's the reason.
- edtechdev 15y agoalso, svg still isn't supported on some browsers, including every android phone (android < 3.0) A bigger questions is, how much are they going to charge for this.
- dangoor 15y agoI haven't looked at the browser support for Edge animations, but I'm guessing they're supporting earlier IEs, which limits what they can do. It would be cool if they had a switch to render for only modern browsers.
- pavlov 15y agoShameless plug -- I'm making a HTML5 animation tool called Radi that outputs to canvas for realtime rendering. It also supports the <video> tag, so you can seamlessly mix vector graphics and pre-rendered video. It's available as a free beta (currently Mac-only): http://radiapp.com http://radiapp.com
- Stuk 15y agoLooks very interesting, it would be great if you could put a video of the app in action on that page. I don't have a Mac so I can't try it out myself.