Doesn't seem to do anything in Chrome/OSX. Error creating WebGL context.
Your might have a blacklisted gpu driver. Try running chrome with the startup flag --ignore-gpu-blacklist
Looks like the integrated GPU in the MacBooks are blacklisted.
WebGL to add 3D hover effects to your website
11–20 of 115 posts
Re: WebGL to add 3D hover effects to your website
#12I 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.
Re: WebGL to add 3D hover effects to your website
#13Earlier quoted context omitted.
Your might have a blacklisted gpu driver. Try running chrome with the startup flag --ignore-gpu-blacklist
Looks like the integrated GPU in the MacBooks are blacklisted.
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...
Re: WebGL to add 3D hover effects to your website
#14Dear Jesus: We survived animated gifs. We found our way through the "blink" tag with a limited number of lives lost. Please give us the clarity of mind to wield this great new power with discretion and aplomb. Amen.
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.
Re: WebGL to add 3D hover effects to your website
#15This 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.
Antialiasing is actually the default for most WebGL implementations I've tested, but it's not possible to turn it on everywhere. There are still lots of devices out there too weak to actually do antialiasing for everything, along with buggy drivers that crash or produce garbled output in some scenarios with AA on. AA can also introduce artifacts into certain rendering algorithms designed for use without AA (it produc…
Yes, generic anti-aliasing for 3D graphics isn't as straightforward as modern desktop GPU's make it appear to be.
The multi-sampling approach that desktop hardware uses is basically brute-forcing it, and doesn't work on mobile hardware that uses tile-based deferred rendering. Subpixel rendering only works for contours. Texture filtering requires you to model everything using bitmaps. Solutions that intelligently combine different techniques to get antialiasing without requiring MSAA have to be implemented manually because AFAIK OpenGL does not have any API's to do anything other than full-scene antialiasing using multisampling (GL_POLYGON_SMOOTH is basically useless, if it even exists in OpenGL ES).
Antialiasing is actually a pretty hard topic unless you have lots of fillrate ;-)
Re: WebGL to add 3D hover effects to your website
#16Dear Jesus: We survived animated gifs. We found our way through the "blink" tag with a limited number of lives lost. Please give us the clarity of mind to wield this great new power with discretion and aplomb. Amen.
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....
Re: WebGL to add 3D hover effects to your website
#17The one on the left is amazing! It reminds me of Zelda.
Re: WebGL to add 3D hover effects to your website
#18Works 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.
Re: WebGL to add 3D hover effects to your website
#19Earlier 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....
That to me sounds like you're saying cars would be better off without wheels.
Re: WebGL to add 3D hover effects to your website
#20Dear Jesus: We survived animated gifs. We found our way through the "blink" tag with a limited number of lives lost. Please give us the clarity of mind to wield this great new power with discretion and aplomb. Amen.
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.
Who's dismissing? I love it -- and this example looks great.