Live data from Hacker News

WebGL to add 3D hover effects to your website

glecollinet.github.io

101–110 of 115 posts

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

#101
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.

As it should be! You have more of an explanation anywhere?

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

#102
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.

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

And flatten the battery on my laptop/phone faster.

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

#103
post #66
post #52

Earlier quoted context omitted.

Intel GPUs != solid OpenGL drivers. I do a lot of work in OpenGL and I curse Intel almost daily for the multitude of bugs in their OpenGL implementations. The GPUs' only saving grace is their ubiquity so at least I get a bug report quite quickly when a work-around is required.

Which GPUs would you recommend on Linux?

Very latest Intel is ok, older are pretty slow. AMD hardware that works with the Mesa drivers is nearly as solid as Intel, but their proprietary drivers are a disaster (kernel crashes etc). Nvidia has decent proprietary drivers for desktop stuff.

On laptops, dual graphics (Nvidia calls it "Optimus", don't know about AMD) doesn't work right so Intel and Mesa-supported integrated AMD graphics are the best choices on laptops currently. There's some light at the end of the tunnel for Nvidia: https://wiki.ubuntu.com/X/HybridGraphics

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

#104

I really like coupling html and webgl, but thus far I've only done it the other way round: adding html on top of webgl. I did this in my last LudumDare game jam [1]. I used html to render nice looking text on top of webgl. Although it's possible to render text within webgl it's messy, especially if you want bold or italic text, different fonts, colors etc. [1] http://min.psywerx.net/

FWIW that page crashed my browser, FF22 on Kubuntu.

I'm sorry to hear that. Do you have the same issue on other sites that use WebGL or just mine?

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

#105
Nobody's mentioned phones, so I'll point out that this works fine on the native browser of the Galaxy S 2. If you're having problems with WebGL, complain to your PC manufacturer.

That said, I hope we have a CanvasBlock extension to sit alongside FlashBlock. There are uses of WebGL that don't involve gimmicky animations or games (shameless plug: shaders for image demosaic; see my profile), but the option should belong to the users

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

#106
post #61

Earlier quoted context omitted.

The universal reply to "get over it" is "if it's a problem for me, then it's a problem". Are you sure there's no grain of truth in the complaints about today's dynamic Web? How about this critique, which is hopefully more articulate? http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2011-Nov...

Are you sure there's no grain of truth in the complaints about today's dynamic Web? Of course there are. But no-one has really articulated an alternative vision. That post certainly doesn't.

That post's alternative vision is something that already existed not so long ago, you can learn about it in as much detail as you want...

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

#107
post #61

Earlier quoted context omitted.

Are you sure there's no grain of truth in the complaints about today's dynamic Web? Of course there are. But no-one has really articulated an alternative vision. That post certainly doesn't.

That post's alternative vision is something that already existed not so long ago, you can learn about it in as much detail as you want...

So we throw away all scripting? No more Google Maps? Doesn't sound very realistic to me.

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

#109
post #107

Earlier quoted context omitted.

That post's alternative vision is something that already existed not so long ago, you can learn about it in as much detail as you want...

So we throw away all scripting? No more Google Maps? Doesn't sound very realistic to me.

IMO, browser plugins were the way forward. You can have all the fancy stuff that modern computers can do, like Google Maps or even Quake Live, and at the same time most of the web can stay simple.

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

#110

Earlier quoted context omitted.

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

As it should be! You have more of an explanation anywhere?

I should write it up. The short story is that I was losing my mind in an "Interactive Fiction" course I took as an elective within my major (Fiction Writing... I know, I know). I was self-taught in CSS, HTML, JavaScript but had never used Flash, which at the time was still fairly new. However, everything we were being exposed to in Flash was difficult for me to work through to do even the most basic action, so while I was particularly stumped on an issue I wrote the email (http://www.homestarrunner.com/sbemail51.html), intentionally using the word "website" in every sentence because I just thought it'd be funny.

Didn't occur to me til just now the irony of struggling with Flash and then writing to Strongbad, which was all done up in Flash.

Post reply on HN