Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Ripple effect in HTML5 canvas

code.almeros.com

Post reply on HN
Print view View original

11–20 of 24 posts

Re: Ripple effect in HTML5 canvas

#11

Post by mcav »

pietro wrote: post #8
cryptoz wrote: post #5

Earlier quoted context omitted.

While I agree that this particular demo is poorly done and doesn't really showcase HTML5 very well (see mr doob), there's a lot to be said for why it's important that it's running in the browser. Pretty much every single computer that has a screen is capable of running this demo. Somewhere near a million new smartphones are being sold every day, collectively between the different platforms. Some of those run Java, so…

My laptop is running the demo at 65% CPU. I'm pretty sure my iPad or phone wouldn't be able to run it for any meaningful definition of "run".

Tested on my iPhone 4: 1.2 fps.

At least it doesn't crash.

Re: Ripple effect in HTML5 canvas

#12

Post by mcav »

pedrokost wrote: post #7
moron4hire wrote: post #4

Wow, it's 2011 and this effect is now poorly implemented in the browser. Way to go, HTML5, way to go.

Many people complained about flash poor performance and acclaimed HTML5 as a technology that will make the web better. Well, in some ways it has, but unfortunately it will replace Flash for such effects and possibly make it worse. Everyone can write javascript as it's free. Writing Flash effects like that required and additional step: getting the software, which is expensive. This will allow for many more 'funky effe…

I just assume that any comment is prone to random downvotes on HN these days. I liken it to cosmic rays: something that just happens.

Re: Ripple effect in HTML5 canvas

#13

Post by abstractbill »

pedrokost wrote: post #7
moron4hire wrote: post #4

Wow, it's 2011 and this effect is now poorly implemented in the browser. Way to go, HTML5, way to go.

Many people complained about flash poor performance and acclaimed HTML5 as a technology that will make the web better. Well, in some ways it has, but unfortunately it will replace Flash for such effects and possibly make it worse. Everyone can write javascript as it's free. Writing Flash effects like that required and additional step: getting the software, which is expensive. This will allow for many more 'funky effe…

Writing Flash effects like that required and additional step: getting the software, which is expensive.

This is actually not true - it's quite easy to set up a development using free tools (actually free in both senses of the word). Take a look at haXe for example.

Re: Ripple effect in HTML5 canvas

#14

Post by DanielRibeiro »

51Cards wrote: post #6

Another voice for a machine made to beg for mercy. Cool tech demo but my browser and system pretty much went to sleep running it. Nifty preview about 2-3 years too soon though this can be said for a lot of the HTML5 / Canvas demos coming out right now. This will date me but it's a familiar cycle. Back in the 80's there were crews coming up with graphics demos and pushing the tech to its limits. Your 286/386 would mel…

Goot points. On this particular example, and in my experience, Google Chrome runs it quite smoothly on Linux. Firefox 3.6 has no hope of running it though.

Re: Ripple effect in HTML5 canvas

#15

Post by mbrubeck »

DanielRibeiro wrote: post #14
51Cards wrote: post #6

Another voice for a machine made to beg for mercy. Cool tech demo but my browser and system pretty much went to sleep running it. Nifty preview about 2-3 years too soon though this can be said for a lot of the HTML5 / Canvas demos coming out right now. This will date me but it's a familiar cycle. Back in the 80's there were crews coming up with graphics demos and pushing the tech to its limits. Your 286/386 would mel…

Goot points. On this particular example, and in my experience, Google Chrome runs it quite smoothly on Linux. Firefox 3.6 has no hope of running it though.

On my Ubuntu 10.04 laptop with a Core 2 Duo and Intel graphics, it's actually much smoother in Firefox 4 Beta than in Chrome 9 (29 fps in Firefox vs. 11 fps in Chrome).

I don't have Chrome's dev or beta channels installed here. If I have time I'll try those out later...

Re: Ripple effect in HTML5 canvas

#16

Post by DanielRibeiro »

mbrubeck wrote: post #15
DanielRibeiro wrote: post #14

Earlier quoted context omitted.

Goot points. On this particular example, and in my experience, Google Chrome runs it quite smoothly on Linux. Firefox 3.6 has no hope of running it though.

On my Ubuntu 10.04 laptop with a Core 2 Duo and Intel graphics, it's actually much smoother in Firefox 4 Beta than in Chrome 9 (29 fps in Firefox vs. 11 fps in Chrome). I don't have Chrome's dev or beta channels installed here. If I have time I'll try those out later...

Yeah, I was using FF 3.6, which has really slow JS engine. Good to know FF 4 is really catching up.

Re: Ripple effect in HTML5 canvas

#18

Post by bane »

51Cards wrote: post #6

Another voice for a machine made to beg for mercy. Cool tech demo but my browser and system pretty much went to sleep running it. Nifty preview about 2-3 years too soon though this can be said for a lot of the HTML5 / Canvas demos coming out right now. This will date me but it's a familiar cycle. Back in the 80's there were crews coming up with graphics demos and pushing the tech to its limits. Your 286/386 would mel…

This will date me but it's a familiar cycle. Back in the 80's there were crews coming up with graphics demos and pushing the tech to its limits. Your 286/386 would melt down but it was cool to 'fly' through a pseudo 3D 256 colour tunnel.

http://www.demoscene.tv/

Re: Ripple effect in HTML5 canvas

#20

Post by Andys »

bane wrote: post #18
51Cards wrote: post #6

Another voice for a machine made to beg for mercy. Cool tech demo but my browser and system pretty much went to sleep running it. Nifty preview about 2-3 years too soon though this can be said for a lot of the HTML5 / Canvas demos coming out right now. This will date me but it's a familiar cycle. Back in the 80's there were crews coming up with graphics demos and pushing the tech to its limits. Your 286/386 would mel…

This will date me but it's a familiar cycle. Back in the 80's there were crews coming up with graphics demos and pushing the tech to its limits. Your 286/386 would melt down but it was cool to 'fly' through a pseudo 3D 256 colour tunnel. http://www.demoscene.tv/

Ability to play stream of audio computed on the fly in JS, is the only thing stopping the demo scene from starting all over again in the browser.
Post reply on HN