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

WebGL to add 3D hover effects to your website

glecollinet.github.io

Post reply on HN
Print view View original

71–80 of 115 posts

Re: WebGL to add 3D hover effects to your website

#71

Post by ensmotko »

anon1385 wrote: post #62
ensmotko wrote: post #13

Earlier quoted context omitted.

My drivers (older ATI card) are blacklisted as well, but starting chrome with the ignore-gpu-blacklist flag works fine. WebGL also works fine within Firefox, so I really don't understand why Chrome keeps blacklisting the drivers...

It may be for security reasons if there are known flaws in those drivers. That it "works" at first glance isn't the only thing to consider here. I wouldn't advise turning off the blacklist for day-to-day browsing: those drivers are black listed for a reason.

I agree, and I don't run chrome with the flag for day-to-day browsing. I'd still like to know what that reason is though and how come Firefox doesn't have the same issue.

Re: WebGL to add 3D hover effects to your website

#72

Post by skrebbel »

JTon wrote: post #55
richardwhiuk wrote: post #27

Earlier quoted context omitted.

What? How is this possibly 'worthwhile'? All it does is add some irritating effects to logos on a webpage.

Huh? How are the pop out effects shown on the demo page irritating?

I can't tell whether you're being sarcastic.

Re: WebGL to add 3D hover effects to your website

#73

Post by mike-cardwell »

sirsar wrote: post #29

How do I run it? Crashes Firefox 23 No effects on Chromium 28.0.1500.71 >Error creating WebGL context. three.min.js:412 >Uncaught TypeError: Cannot call method 'getExtension' of null Linux Mint 15 x64

Crashes Firefox 23 on Debian Jessie here. Chromium on the same machine copes fine.

Re: WebGL to add 3D hover effects to your website

#74

Post by jlgreco »

JTon wrote: post #55
richardwhiuk wrote: post #27

Earlier quoted context omitted.

What? How is this possibly 'worthwhile'? All it does is add some irritating effects to logos on a webpage.

Huh? How are the pop out effects shown on the demo page irritating?

How are they not?

Seriously though, "irritating" is a matter of opinion. Explaining why something is irritating is like explaining why something tastes good.

Re: WebGL to add 3D hover effects to your website

#75

Post by eloff »

alt_ wrote: post #3

This is the first use case of 3D/WebGL for actual web sites that I've found worthwhile. I could even see myself using a stereoscopic screen to browse sites like these. No flashy fullscreen effects or epilepsy-inducing adverts, just clean 3D pop-ups to highlight content. It's just a shame that anti-aliasing isn't forced on by default; jagged edges should really have been left behind years ago.

It's lame, bring in a whole bunch of heavyweight javascript for some annoying hover effects (the demo page is more than half a MB of JS, with threejs minified being 400K by itself.) There's no way that's a smart business move by any means, when we know that load time is inversely proportionate to sales.

Re: WebGL to add 3D hover effects to your website

#76

Post by skrebbel »

frozenport wrote: post #65

I wonder if WebGL is a cause of global warming? Instead of creating a server side animation and serving it in compressed format you force every single web-browser to render it. Also nice work, because it looks good. I wonder if we will see the development of OpenGL caching techniques.

I don't uinderstand why you got downvotes. It's a fair, albeit somewhat misguided, comment.

Basically, a lot more power will be consumed by downloading an animation and decompressing it, assuming it is shown at comparably high quality (no noticeable compression artefacts).

On current hardware (a.k.a. the last 10 years or something), showing a flat picture or a rotating 3D object consisting of a small amount of vertices has no significant power usage difference.

In fact, there's a fair chance that what you're looking at right now is in fact a 3D-rendered rectangle positioned in front of the camera precisely such that it looks flat and fills the screen (it's a bit different than that, because there's not really a camera but that's just nitpicking), mapped with a texture containing whatever pixels the OS wants you to see.

Re: WebGL to add 3D hover effects to your website

#77

Post by sliverstorm »

ntumlin wrote: post #58
sliverstorm wrote: post #57

And it only took 30 seconds to load the demo !

It loaded nearly instantly for me.

That means little. If I was on the same local network as the CDN, would "it loads fast for me" make it load fast for everyone?

Re: WebGL to add 3D hover effects to your website

#78

Post by pedrocr »

frozenport wrote: post #65

I wonder if WebGL is a cause of global warming? Instead of creating a server side animation and serving it in compressed format you force every single web-browser to render it. Also nice work, because it looks good. I wonder if we will see the development of OpenGL caching techniques.

>creating a server side animation and serving it in compressed format

What compressed format would that be? WebGL code+textures is a pretty compressed way of transmitting and the dedicated 3D hardward that WebGL interfaces to is probably the most efficient available on the target to put the bits on the screen. The fact that WebGL punches through directly to hardware certainly makes it seem less inefficient than your typical web stack.

Re: WebGL to add 3D hover effects to your website

#79

Post by ehmuidifici »

ryansan wrote: post #53

My gut reaction to this is that it takes me back to the old days of rainbow dividers ( http://rainbowdivider.com/ ) and animated gifs, a la Strongbad's site: http://www.homestarrunner.com/sbsite/ On the other hand, as with many web technologies, used judiciously this could be cool for interactive infographics and things like that...

That was my first impression, too. And I bet that 90% of "webdesigners" will use these effects massively oh webpages, just as we saw on the 90's.

Re: WebGL to add 3D hover effects to your website

#80

Post by hissworks »

ryansan wrote: post #53

My gut reaction to this is that it takes me back to the old days of rainbow dividers ( http://rainbowdivider.com/ ) and animated gifs, a la Strongbad's site: http://www.homestarrunner.com/sbsite/ On the other hand, as with many web technologies, used judiciously this could be cool for interactive infographics and things like that...

My proudest moment on the internet was submitting the email that led to the creation of Strongbad's website.
Post reply on HN