Ripple effect in HTML5 canvas • Hacker News Board

Re: Ripple effect in HTML5 canvas

#21

Post by melling » Thu, Feb 24, 2011, 2:54 AM UTC

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.

Works fine in FF4. There's no reason not to be using FF4 at this time. Just a few more bug fixes and it's done.

Re: Ripple effect in HTML5 canvas

#22

Post by pedrokost » Thu, Feb 24, 2011, 8:13 AM UTC

abstractbill wrote: post #13

pedrokost wrote: post #7

Earlier quoted context omitted.

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.

Indeed you're right. There is also Flex SDK, however most beginners don't know that, and think they need Flash Pro or Flash Builder to get started.

Re: Ripple effect in HTML5 canvas

#23

Post by wlievens » Thu, Feb 24, 2011, 12:20 PM UTC

soljin2000 wrote: post #9

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.

Agreed I have had lots of performance problems with the canvas tag trying to simple things that ran blazingly fast in flash. HTML 5 (buzz) has a long way to go before it can really compete with flash. Similar demo running in flash. http://www.flash-filter.net/rain-drop-water-effect.phtml

Same here. I built an isometric strategy game in canvas but had to abandon it because I couldn't get over 12 fps on firefox on a reasonably resolution.

Re: Ripple effect in HTML5 canvas

#24

Post by cryptoz » Thu, Feb 24, 2011, 6:34 PM UTC

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

Sure, but look at the future a bit. I highly doubt iOS will ever run Java and I highly doubt Android will ever run C#. But hardware will get faster, and as that happens the demos performance will improve.

It may be a bit early to write 3D games or video editing software in JavaScript for iOS and Android and Windows all at the same time, so you've got to look to the future for that kind of excitement.