Live data from Hacker News

Show HN: CSS3 animation

thegoodman.cc

91–100 of 101 posts

Re: Show HN: CSS3 animation

#91

It crashed immediately on my browser (Firefox 17 on Win7).

And I as well. Well not quite crash... If I wait 30 or 40 seconds the browser becomes responsive for a second or two.

Ah there! Finally caught it and was able to close the tab.

So basically it freezes up for an extended period of time.

Latest patched FF, Win8.

Re: Show HN: CSS3 animation

#92
post #77

Earlier quoted context omitted.

Film is the high bar: The very best we can do with virtually infinite time and resources. You're totally ignoring the fact that we've got near film-quality, interactive 3D animations, running at 30 to 30 frames per second on 10 year old hardware collecting dust in people's living rooms. Meanwhile, this simple animation isn't quite getting the minimum 24 frames per second when run full screened on my 30 inch monitor p…

Considering that it runs very smooth for me at 1080p using a first generation, low-end quad core and ultra cheap onboard video, I can only assume that you either have a technical issue with your system or you're using a browser that doesn't properly support some of the required CSS3 features.

Running "very smooth for you" doesn't mean much. For one, it doesn't do much anyway -- some circles, some boxes, some bordes, shape tweening, and a soundtrack. You could do this stuff in 1080p in 10 year old hardware if you did it native. Heck, you could probably even do it in an Amiga 3000 circa 1992. I sure remember an O2 (I think it was called) by SGI doing far more impressive real time stuff in 1996. And that machine had about 1/5 the capabilities of my iPhone.

The thing is, it uses quite a lot CPU power for what it does (and no, it's not "technical issues" with individual systems: it tends to do so in general in every system), and the animation isn't always smooth and far from 60fps.

And the suggestion that he's "using a browser that doesn't properly support some of the required CSS3 features" only reinforces his point, that when it comes to web technology it's a large step backwards from what we can achieve in native systems.

Re: Show HN: CSS3 animation

#93
post #47
post #34

Earlier quoted context omitted.

It's smooth on my iPad 1 / ios5 / Safari. And that's saying something, it cries with trello and anything client heavy.

what about audio synchronization?

I'm not able to get the audio sync right on my ipad 3rd gen. The audio starts about 15 seconds in.

Re: Show HN: CSS3 animation

#94
post #52

Earlier 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.

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. Thi…

Thanks Pavlov, I am trying out Radi.

Re: Show HN: CSS3 animation

#95
post #24
post #17

Don't try to open this page with Noscript enabled in Firefox - it locks up the browser. I'm guessing that without the javascript to control the CSS, everything runs amok. Seems like you could make a browser DoS attack by simply copying this page and stripping out the javascript? Might be worth a try... for science.

I don't have NoScript and opening the page still made Firefox lock up. Flagged the submission because of that.

works on my FF18 on Linux, but the animation center is on top of the window instead of the middle.

Re: Show HN: CSS3 animation

#96
post #64

My first thought: Nice, well done, very clean, but compared to the stuff that was being done in Flash in 2001, the bar has been lowered so substantially it's as though Flash had never existed and no one has learned anything. The Anti-Flash bias tears down memory quite easily. But since we ARE dealing with a JavaScript and CSS3 world.... I'm really impressed with what's being done here and the possibilities that it wi…

I totally agree with the flash analogy. All the bouncing balls and fancy pattern animations shown as "cutting edge css animations" have already been done with flash in 1999. History repeating? I use css3, js, canvas, sometimes mic and camera via js and other open technologies all day during my work but too often I get reminded of my time as a flasher- on a much harder way.

Anyway I love these days. Finally flasher and non-flasher are now in a single boat towards the future.

Re: Show HN: CSS3 animation

#97
post #60
post #56

Earlier quoted context omitted.

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

Looks quite good, but seems buggy on my retina macbook. First time I started it I couldn't click anything. Second time I started it I tried maximizing, which turned the screen white, had to quite again. Now I'll try for a 3rd time... ;-)

Re: Show HN: CSS3 animation

#98
post #60
post #56

Earlier quoted context omitted.

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

Okay, after starting it for the 3rd time and not maximizing the app I could interact with the gui for a while. But then I clicked on Top-Level-Element Audio and couldn't click anything else anymore afterwards... By the way, trying to resize the window has the same effect like clicking fullscreen: The window area becomes mostly white with some grey rectangles in it. Only fix is to quit...

Re: Show HN: CSS3 animation

#99

Without the intention to lessen what you did ... it's pretty laggy on my Galaxy Nexus in the default android browser. But cool stuff indeed.

It feels laggy on my old Mac Mini Early 2009 with Safari.

I doubt if canvas(, which is basically a JS wrapper for CoreGraphics in Safari) would be better in performance.

Re: Show HN: CSS3 animation

#100
If I could make a suggestion for multimedia sequences like this, it would be to include some kind of progress indicator. When watching a video, it's always reassuring to be able to see how long the thing is, and how much of the way through it I am.

I didn't have that here, so I have no idea how long I should be prepared to sit and watch it.

Post reply on HN