12 ms·
Adobe Launches "Adobe Edge" - HTML5 Animation Tool
- maxogden 15y agodemo: http://labs.adobe.com/technologies/edge/resources/ferriswheel/Wheel.html http://labs.adobe.com/technologies/edge/resources/ferriswhee...
- vnchr 15y agoThank you. That was all I wanted to see on Adobe's site, but it just provided more bullet points. Why not advertise what your advertising with your advertisement?
- chrischen 15y agoHere's a company doing something similar: http://www.tumultco.com/hype/ http://www.tumultco.com/hype/ Seeing as how Adobe has interests in the prolongation of Flash, I'm not sure I'd trust their HTML5 app...
- shib71 15y agoIt will be interesting to see which does better - the entrenched giant or the agile upstart.
- wallflower 15y agoEntrenched giant will most likely attempt to buy agile upstarts (assuming they get some adopters) by enticing them with the vision of bringing their technology to hundreds of thousands of designers. And a few million. Of course, the vision will be muddied by corporate swamps (Yahoo buying Flickr)
- 51Cards 15y agoI think the reality is that Abobe isn't stupid. They see the future and are getting on the bandwagon "early" to ensure their place in the HTML5 future is well established.
- dglassan 15y agoI see their HTML5 investment as a hedge against the Flash Backlash they've seen recently
- cookiecaper 15y agoAdobe makes money from its Flash editing tools, so they probably do not care if Flash is replaced with HTML5 as long as their editing tools for HTML5 become the standard. In fact, Adobe may even be relieved that it looks like they may be able to drop Flash as a primary platform soon, because they obviously have difficult maintaining the plugin. There's still an opening for Adobe to make themselves the standard HTML5 IDE (as they are the standard photography "IDE") and still reap as much money as they were making from Flash, but without the overhead of maintaining the runtime.
- sjs 15y agoIt'll be interesting to see how this compares to Sencha. What else is there?
- deleted 15y ago[deleted]
- SafdarIqbal 15y agoHere's another HTML content creation app: - http://radiapp.com/ http://radiapp.com/ Here's the HN thread where author announced it: - http://news.ycombinator.com/item?id=2040844 http://news.ycombinator.com/item?id=2040844
- SafdarIqbal 15y agoAlso see author's comment above: http://news.ycombinator.com/item?id=2832348 http://news.ycombinator.com/item?id=2832348
- joelhooks 15y agoAdobe is a content creation tools company. Photoshop will be around long after Flash is dead and buried.
- catshirt 15y agocool thing is that it looks like the animation is pretty much generated from a json object (likely generated from the program). not that there's many other ways to do it, but still a nice simple implementation. http://labs.adobe.com/technologies/edge/resources/ferriswheel/Wheel_edge.js http://labs.adobe.com/technologies/edge/resources/ferriswhee...
- padolsey 15y agoTechnically, not JSON.
- niyazpk 15y agoWhy do you think it is not JSON?
- padolsey 15y agoIt's just a regular JS object. JSON !== JavaScript object notation. E.g. according to the JSON spec, you should always quote property names (`{"foo":123}`) but regular JS doesn't require this (`{foo:123}`). More: http://benalman.com/news/2010/03/theres-no-such-thing-as-a-json/ http://benalman.com/news/2010/03/theres-no-such-thing-as-a-j...
- catshirt 15y agosure, but somewhat irrelevant, since the point is that the object can be (and likely is at some point) deserialized from json.
- manish 15y agoWas it only in my browser the train was going faster on the inclines than on declines?
- lwhi 15y agoI thought the same. The animation does scale quite nicely though, which I found quite impressive.
- hunter4 15y agoTim Langdell will not be pleased.
- sambeau 15y agoThankfully he has crawled back under his stone since the MobiGames debacle. Or has he resurfaced and I've missed it?
- teamonkey 15y agoThis is getting somewhat off-topic but he's back. http://www.eurogamer.net/articles/2011-07-28-langdell-judge-made-almost-100-errors http://www.eurogamer.net/articles/2011-07-28-langdell-judge-...
- michaelpinto 15y agoIt's important to keep in mind that when push comes to shove that Adobe isn't afraid to eat their own — as someone who had a shop focused on Director and Lingo I watched then adopt Flash and really shift gears overnight even though they invested a great deal in Shockwave. I'll grant you that was a long tome ago, but they still may have the will to adopt in their DNA...
- SimHacker 15y agoThat would have been Macromedia eating its own children, not Adobe. Speaking of eating its own children, can anyone explain why Adobe still sells Premier AND AfterEffects? Why hasn't one eaten the other? Who needs two different video editing programs? The only explanations I've heard from Adobe apologists and marketers is that one is a blah blah blah tool, and the other is a blee blee blee tool. But users need to both blah blah blah and blee blee blee blee, and there's no reason to switch between two different programs, or that one program can't both blah blah blah and blee blee blee. I think the real reason is that Adobe makes more money with selling two different products instead of one. Adobe should eat more of their children.
- mortenjorck 15y agoPremiere is an editing suite. After Effects is not an editing suite, rather a compositor and motion design suite. I can understand if the distinction is lost on people who have never used the latter, but trust me, it is not lost on motion graphic designers. You might be surprised to learn that even Apple sells separate editor and compositor software: The just-released Final Cut Pro X is a separate product from Apple Motion. I do agree, though, that Adobe should consider merging apps when appropriate.
- yardie 15y agoVisually, they may look the same with an empty project but they are completely different products. One is a compositor and the other is an nonlinear editor. The only thing they have in common is the timeline. You can do some basic editing in AE and you can do some basic compositing in Premier. But like all pro software the devil is in the details.
- DanOWar 15y agoMac download: http://trials.adobe.com/pub/esd/labs/edge/edge_p1_install_mac_080111.dmg http://trials.adobe.com/pub/esd/labs/edge/edge_p1_install_ma...
- Stuk 15y agoAfter 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 ago
- icode 15y ago"Download and install the Edge Preview" This is so pre internet.
- shrikant 15y agoNo, this is: [on clicking the "Download" link] Please log in with your Adobe ID or create a new account to download the Adobe® Edge Preview. WTF?
- wenbert 15y agoI immediately closed the window. I spent a few seconds looking for a "skip" link though.
- iaskwhy 15y agoAnd also the present, right? It's interesting how things are always changing.
- wallflower 15y agoAnyone remember Macromedia Fireworks v1.0? For a preview version, this is a good start. Try to extrapolate to when this might be in Adobe CS and include support for Actions macro recording and seamless roundtrip Illustrator asset embedding. I believe the power of Adobe is in the Creative Suite integration and ecosystem. This is just a standalone technology preview...
- tomelders 15y agoOh dear lord no. This is a bad move.
- andybak 15y agoExplain? And if your only answer is 'ads and crappy splash screens' then think a bit more deeply before you respond. People round here'd like a little bit more insight than a simple kneejerk reaction.
- Maci 15y agoI'll bite. I think the "fear" is that once a non-web weary designer get's going with this there will be absolutely no regard for performance impact since it will render fine on what ever pimped up work station is in use. Meanwhile on platforms with lesser hardware where the browser does not have a full hardware render pipeline the performance will likely be even worse then flash. In fact, with the ferris wheel demo Safari eats 10% CPU time, Chrome 30%, Firefox 50% on a single core. System: OS X 10.6.8, GF 9400M. Next thing to happen: "Disable javascript / css to save battery life on your device". :)
- tomelders 15y agoIm genuinely surprised that you'd even ask. Does no one see to the horror that is Flash in this things lineage? I guess not, so here's my thoughts... First of all, don't dismiss ads and crappy splash screens out of hand. They're a cancer that the web is still undergoing serious therapy to remove. If this gains any traction, the cancer will come back, only this time it will mimic "standards" making it much harder to kill. Content Hierachy will be thrown out the window. We can talk all we want about web standards and accesibility, but the keystone to it all is content hierarchy. Up to now, we've never really had to sell the concept, which is good because it's a difficult concept to sell. The attraction of being standards compliant, running on iOS devices and meeting accessibility requirements was enough to create a situation where the importance of content hierarchy was ensured. The wrong tool for the wrong job: As with Flash, this thing will be great for some things. But as with flash, people will use it as an über tool for designing and implementing entire sites. I'm not going to list the reasons why that's a bad idea because you should know already. Adobe, given half the chance, will push this to be a "complete" design and development tool, because that's their business. That's the type of software they make. Attempting to replace flash with HTML5 is an insanely stupid and destructive errand. And make no mistake, this is the intention. Then there's the Amateurs, people who will forego learning the fundamentals and start knocking out half baked web sites built with this monstrosity. Dreamweaver is bad enough at enabling the talentless to inflict their creations onto the world, but this thing is going to be too much for people to resist. I'm talking about the kind of people who don't think much beyond whizz bang zippy animations. People who are essentially Magpies. You know they exist. And then there's Adobe, who haven't made a decent product since PS6. I use Adobe products every day and have done for almost two decades. They're the worst applications I have on my system and I avoid them whenever I can. Now it looks like there will be another one I have to put up with and I don't relish that thought. I've been designing and developing websites for more than 14 years now. I'm quite good at it too. I've worked in small agencies, big agencies, small corporations and big corporations. I spent my early years working exclusively in Flash. I believed in it, I though it was the future and I'd have fought in a holy war with anyone who didn't think flash was the best of the bestest things ever! I was wrong. I was idiotically, stupidly and arrogantly wrong to the point of absurdity. If only we knew then what we know now. I've seen how this movie ends, they all drown in a sea of pre-loaders.
- poundy 15y agoThe demo works well on the iPhone4 http://labs.adobe.com/technologies/edge/resources/ http://labs.adobe.com/technologies/edge/resources/
- splatcollision 15y agoGood work Adobe, it's important to prepare for the future. Sucks they couldn't make it a web app, then it could run on my iPad.
- leon_ 15y agoThat's pretty cool. I'm a programmer and have 0 clue about animation and design - but the UI makes it pretty straight format for me to create some primitive animations. (Which I can then include into my Mac app via a Webkit view).
- jijoy 15y agoOnly for Vista and above. !!
- jijoy 15y agoOnly for Vista and above. !!
- deleted 15y ago[deleted]
- tambourine_man 15y agoCSS3 is hardware accelerated on iDevices. AFAIK, it's the only way to get smooth animations on paltry hardware like this 3G iPhone. And those demos sure look smooth here.
- mortenjorck 15y agoHere's one area where Adobe can really innovate in standards-compliant animation tools: Automate preloading. Every "look at this doodad made in HTML 5!" demo I've seen betrays its technology in the loading. Bits appear here and there, images load one by one; no matter how solid the execution may be, it feels brittle watching it load in, unlike a Flash app that loads first, then executes. There's no reason Adobe can't build in a simple loading spinner that hides the DOM construction as a piece of dynamic markup loads. It would go a long way toward making the content that Edge generates feel robust.