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

21–30 of 115 posts

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

#22

Post by untog »

nfoz wrote: post #16
moldycricket wrote: post #14

Earlier quoted context omitted.

This is just a sample of what is possible. There will always be people who use the wrong tool for the job, but that is not a reason to dismiss this.

It's a reason to proclaim that the people deciding on web standards are doing a horrible job. Scripting should be removed from the web, not made ever more powerful....

Yeah, god, I long for the days before Google Maps, too. Who needs that slick slippy interface when you can endlessly click arrows at the corner of a static image?

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

#23

Post by sgt »

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.

Using Chrome 28 - shouldn't the anti aliasing work out of the box? This demo looks very jagged for me as well, to the point I'm sure people will react negatively to it.

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

#24

Post by alexfringes »

shdon wrote: post #18

Works nicely on Windows and on Firefox 23/Mac OS X. Other browsers (Chrome, Safari and Opera) on OS X show nothing at all for me. OS X 10.6.8 on a 3.06GHz Intel Core 2 Duo iMac.

Unsure what the Chrome support is like for 10.6 but current Chrome has WebGL enabled by default. In Safari, you can manually enable it through Preferences>Advanced>Show develop menu in menu bar. Then check "Enable WebGL" in the Develop menu.

[EDIT: Also see wmil's comment below.]

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

#26

Post by randomdata »

nfoz wrote: post #16
moldycricket wrote: post #14

Earlier quoted context omitted.

This is just a sample of what is possible. There will always be people who use the wrong tool for the job, but that is not a reason to dismiss this.

It's a reason to proclaim that the people deciding on web standards are doing a horrible job. Scripting should be removed from the web, not made ever more powerful....

It is a long term evolution. Eventually, application developers will build directly atop the accelerated graphics layers, freeing the browser to be just a basic virtual machine, and leaving HTML rendering to be just another app built atop that machine. But these things take time and there is a lot of legacy cruft that needs to work in the meantime.

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

#27

Post by richardwhiuk »

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.

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

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

#28

Post by shdon »

alexfringes wrote: post #24
shdon wrote: post #18

Works nicely on Windows and on Firefox 23/Mac OS X. Other browsers (Chrome, Safari and Opera) on OS X show nothing at all for me. OS X 10.6.8 on a 3.06GHz Intel Core 2 Duo iMac.

Unsure what the Chrome support is like for 10.6 but current Chrome has WebGL enabled by default. In Safari, you can manually enable it through Preferences>Advanced>Show develop menu in menu bar. Then check "Enable WebGL" in the Develop menu. [EDIT: Also see wmil's comment below.]

Chrome is at the latest version. Even adding the "--ignore-gpu-blacklist" flag doesn't make it work. It does output some debugging info: "(0) : fatal error C9999: marking a sampler that is not a scalar Cg compiler terminated due to fatal error"

Enabling WebGL in Safari has bugger all effect. Well, not entirely nothing... it keeps refreshing, freezes while loading or displays the message that "Safari can't display this webpage", reinforcing my very negative opinion of that browser.

Post reply on HN