WebGL Google Search Page, or is it?

I’ll have to credit Michael from ECW who tweeted this in the morning, but looks like Google’s home page is done using some form of HTML5. I couldn’t quite pin-point exactly if it was WebGL or simple Canvas drawing, but it’s nice to see these being implemented on major websites, better said the most important site out there, Google.com. And, I really like the shadows.

I’ve been through the JavaScript, and it’s all obfuscated and minified, using things like dynamic JavaScript loaders with URL encoded function calls to JS loading.
$this->performHighlight(‘
t = function(a) {
var s = document.createElement(“script”);
h = document.getElementsByTagName(“head”)[0];
h.appendChild(s);
}
‘, ‘javascript’, $content);

Using Chrome resources, I couldn’t find any BindBuffer’s or anything specific to WebGL, so it seemed like it’s done using Canvas draw. Sure enough, I disabled WebGL in Firefox and it worked just fine. So even without WebGL, we can get some cool effects in our browsers.

The sad thing is that Internet Explorer 8 cannot handle any of this and they are still a major browser. I didn’t try IE9, but I suspect they handle it just fine. I look forward to seeing more of these in the future.

About Phillihp Harmon

I'm Phillihp. My name can be spelled the same way forwards and backwards, so can my posts... if you wish. I'm out here exploring, learning, and sharing what I find. This is more for fun and personal growth, I aim to be as consistent as possible, so check back daily!
This entry was posted in 3D Graphics, HTML5/CSS3, Internet Explorer, WebGL. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *


*