topical media & game development
sample-collect-hush-js-gravity.htm / htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0060)http://mrdoob.com/projects/chromeexperiments/google_gravity/ -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>Google Gravity</title>
<style>
body,td,a,p,.h{font-family:arial,sans-serif}.h{color:#36c;font-size:20px}.q{color:#00c}.ts td{padding:0}.ts{border-collapse:collapse}#gbar{height:22px;padding-left:2px}.gbh,.gbd{border-top:1px solid #c9d7f1;font-size:1px}.gbh{height:0;position:absolute;top:24px;width:100%}#gbi,#gbs{background:#fff;left:0;position:absolute;top:24px;visibility:hidden;z-index:1000}#gbi{border:1px solid;border-color:#c9d7f1 #36c #36c #a2bae7;z-index:1001}#guser{padding-bottom:7px !important}#gbar,#guser{font-size:13px;padding-top:1px !important}@media all{.gb1,.gb3{height:22px;margin-right:.73em;vertical-align:top}#gbar{float:left}}.gb2{display:block;padding:.2em .5em}a.gb1,a.gb2,a.gb3{color:#00c !important}.gb2,.gb3{text-decoration:none}a.gb2:hover{background:#36c;color:#fff !important}
/* results */
h3,.med{font-size:medium;font-weight:normal;padding:0;margin:0}.r{display:inline;font-weight:normal;margin:0}.r{font-size:medium}.w10,.w20{background:url(files/nav_logo4.png) no-repeat;border:0;cursor:pointer;margin-left:8px;height:16px;vertical-align:bottom;width:16px}.w10{background-position:-152px 0}.w20{margin-left:3px}.w20{background-position:-152px -32px}.s{width:600px}.a,cite,.cite,.cite:link{color:green;font-style:normal}
body
{
overflow: hidden;
}
/* onload="document.f.q.focus();if(document.images)new Image().src='/images/nav_logo3.png'" */
</style>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-86951-7']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'ssl' : 'http://www') + '.google-analytics.com/ga.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
})();
</script><script type="text/javascript" async="" src="sample-collect-hush-js-gravity-files-ga.js"></script>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000cc" vlink="#551a8b" alink="#ff0000" topmargin="3" marginheight="3" onload="onLoad()">
<div id="gbar"><nobr><b class="gb1 box2d" style="position: absolute; left: 45.80317735187871px; top: 527.303214919404px; -webkit-transform: rotate(-271.94653643233926deg); ">Web</b> <a href="http://images.google.com/imghp?hl=en&tab=wi" onclick="gbar.qs(this)" class="gb1 box2d" style="position: absolute; left: 67.82420287249957px; top: 536.3535471262514px; -webkit-transform: rotate(-179.57150507060157deg); ">Images</a> <a href="http://maps.google.com/maps?hl=en&tab=wl" onclick="gbar.qs(this)" class="gb1 box2d" style="position: absolute; left: 101.64282027685091px; top: 525.5341768504115px; -webkit-transform: rotate(-272.0182897366452deg); ">Maps</a> <a href="http://news.google.com/nwshp?hl=en&tab=wn" onclick="gbar.qs(this)" class="gb1 box2d" style="position: absolute; left: 117.53541728472806px; top: 525.5184248233595px; -webkit-transform: rotate(-272.23623036173046deg); ">News</a> <a href="http://www.google.com/prdhp?hl=en&tab=wf" onclick="gbar.qs(this)" class="gb1 box2d" style="position: absolute; left: 141.64617678970802px; top: 536.4751546300805px; -webkit-transform: rotate(-179.42642473381292deg); ">Shopping</a> <a href="http://mail.google.com/mail/?hl=en&tab=wm" class="gb1 box2d" style="position: absolute; left: 213.66665050270706px; top: 520.0467047651135px; -webkit-transform: rotate(0.22690222670724772deg); ">Mail</a> <a href="http://www.google.com/intl/en/options/" onclick="this.blur();gbar.tg(event);return !1" class="gb3 box2d" style="position: absolute; left: 237.9871477793339px; top: 520.963820576468px; -webkit-transform: rotate(1.4227223510250493deg); "><u>more</u> <small>▼</small></a><div id="gbi"> <a href="http://video.google.com/?hl=en&tab=wv" onclick="gbar.qs(this)" class="gb2">Video</a> <a href="http://groups.google.com/grphp?hl=en&tab=wg" onclick="gbar.qs(this)" class="gb2">Groups</a> <a href="http://books.google.com/bkshp?hl=en&tab=wp" onclick="gbar.qs(this)" class="gb2">Books</a> <a href="http://scholar.google.com/schhp?hl=en&tab=ws" onclick="gbar.qs(this)" class="gb2">Scholar</a> <a href="http://finance.google.com/finance?hl=en&tab=we" onclick="gbar.qs(this)" class="gb2">Finance</a> <a href="http://blogsearch.google.com/?hl=en&tab=wb" onclick="gbar.qs(this)" class="gb2">Blogs</a> <div class="gb2"><div class="gbd"></div></div> <a href="http://uk.youtube.com/?hl=en&tab=w1" onclick="gbar.qs(this)" class="gb2">YouTube</a> <a href="http://www.google.com/calendar/render?hl=en&tab=wc" class="gb2">Calendar</a> <a href="http://picasaweb.google.com/home?hl=en&tab=wq" onclick="gbar.qs(this)" class="gb2">Photos</a> <a href="http://docs.google.com/?hl=en&tab=wo" class="gb2">Documents</a> <a href="http://www.google.com/reader/view/?hl=en&tab=wy" class="gb2">Reader</a> <a href="http://sites.google.com/?hl=en&tab=w3" class="gb2">Sites</a> <div class="gb2"><div class="gbd"></div></div> <a href="http://www.google.com/intl/en/options/" class="gb2">even more »</a></div> </nobr></div><div class="gbh" style="left:0"></div><div class="gbh" style="right:0"></div><div align="right" id="guser" style="font-size:84%;padding:0 0 4px" width="100%"><nobr><a href="http://www.google.com/url?sa=p&pref=ig&pval=3&q=http://www.google.com/ig%3Fhl%3Den%26source%3Diglk&usg=AFQjCNH9dUJQAsNWnO3XKq2EIPgFbczqlA" class="box2d" style="position: absolute; left: 909.5765422971477px; top: 535.9330907505474px; -webkit-transform: rotate(0.16420787116847135deg); ">iGoogle</a> <span class="box2d" style="position: absolute; left: 944.1231786670915px; top: 545.3768249197673px; -webkit-transform: rotate(-802.4703534659266deg); ">|</span> <a href="https://www.google.com/accounts/Login?continue=http://www.google.com/&hl=en" class="box2d" style="position: absolute; left: 940.7636546501351px; top: 520.9302651970514px; -webkit-transform: rotate(-90.93085263952433deg); ">Sign in</a></nobr></div><center><br clear="all" id="lgpd"><a href=""><img class="box2d" alt="Google" height="110" border="0" src="sample-collect-hush-js-gravity-files-logo.gif" width="276" style="position: absolute; left: 403.441933829708px; top: 398.78825623739965px; -webkit-transform: rotate(1.623350055217789deg); "></a><br><br><form name="f" autocomplete="off" onsubmit="return false"><table cellpadding="0" cellspacing="0"><tbody><tr valign="top"><td width="25%"> </td><td align="center" nowrap=""><input name="hl" type="hidden" value="en"><input class="box2d" maxlength="2048" id="q" name="q" size="55" title="Google Search" value="" style="position: absolute; left: 260.7384732822987px; top: 503.4868924416172px; -webkit-transform: rotate(1.997639080386566deg); "><br><input class="box2d" id="btnG" name="btnG" type="submit" value="Google Search" onclick="search(this)" style="position: absolute; left: 300.17625994642947px; top: 479.6267792346128px; -webkit-transform: rotate(2.0205118106094577deg); "><input class="box2d" id="btnI" name="btnI" type="submit" value="I'm Feeling Lucky" style="position: absolute; left: 468.73676022791494px; top: 528.1285482267438px; -webkit-transform: rotate(2.071180396225138deg); "></td><td nowrap="" width="25%"><font size="-2"> <a class="box2d" href="http://www.google.com/advanced_search?hl=en" style="position: absolute; left: 731.2312600342988px; top: 511.4931858463583px; -webkit-transform: rotate(0.13435228846032826deg); ">Advanced Search</a><br> <a class="box2d" href="http://www.google.com/preferences?hl=en" style="position: absolute; left: 747.2268758455733px; top: 524.4042846820471px; -webkit-transform: rotate(-0.3225745217758296deg); ">Preferences</a><br> <a class="box2d" href="http://www.google.com/language_tools?hl=en" style="position: absolute; left: 833.4957432742937px; top: 540.1532609141321px; -webkit-transform: rotate(0.46542963278363236deg); ">Language Tools</a></font></td></tr><tr><td align="center" colspan="3"><font size="-1"><span style="text-align:left"><span class="box2d" style="position: absolute; left: 282.4681600380531px; top: 522.0490979322923px; -webkit-transform: rotate(0.9979432206620633deg); ">Search:</span> <input class="box2d" id="all" type="radio" name="meta" value="" checked="" style="position: absolute; left: 455.20305612758807px; top: 540.1360837906994px; -webkit-transform: rotate(-5.470059993659928deg); "><label class="box2d" for="all" style="position: absolute; left: 327.76894337745506px; top: 520.8558925995038px; -webkit-transform: rotate(-0.9783832517967325deg); "> the web </label><input class="box2d" id="cty" type="radio" name="meta" value="cr=countryUK|countryGB" style="position: absolute; left: 565.5478730627325px; top: 546.0325478579118px; -webkit-transform: rotate(181.64552480912346deg); "><label class="box2d" for="cty" style="position: absolute; left: 604.4555007732475px; top: 519.9646625167488px; -webkit-transform: rotate(-21.71932851797006deg); "> pages from the UK </label></span></font></td></tr></tbody></table></form><br><br><font size="-1"><a class="box2d" href="http://www.google.com/intl/en/ads/" style="position: absolute; left: 196.08702730485538px; top: 536.8140559635762px; -webkit-transform: rotate(0.42435009717795197deg); ">Advertising Programmes</a> <span class="box2d" style="position: absolute; left: 497.2902437600887px; top: 499.023026275028px; -webkit-transform: rotate(92.81709306389017deg); ">-</span> <a class="box2d" href="http://www.google.com/services/" style="position: absolute; left: 350.40349081520856px; top: 531.127361279399px; -webkit-transform: rotate(-6.434111797342667deg); ">Business Solutions</a> <span class="box2d" style="position: absolute; left: 532.7494545628555px; top: 500.1796500896041px; -webkit-transform: rotate(-447.3940038012091deg); ">-</span> <a class="box2d" href="http://www.google.com/intl/en/about.html" style="position: absolute; left: 649.2475758004284px; top: 523.7509292557341px; -webkit-transform: rotate(-22.989845427838652deg); ">About Google</a> <span class="box2d" style="position: absolute; left: 733.3718409386852px; top: 547.2263245012061px; -webkit-transform: rotate(-78.12401225191167deg); ">-</span> <a class="box2d" href="http://www.google.com/ncr" style="position: absolute; left: 727.2121900702978px; top: 537.1316709307797px; -webkit-transform: rotate(-0.5076744317251026deg); ">Go to Google.com</a></font><p><font size="-2"><span class="box2d" style="position: absolute; left: 261.3538560664951px; top: 486.2150164087631px; -webkit-transform: rotate(2.12012050059605deg); ">©2009</span> <a class="box2d" href="http://hi-res.net/" style="position: absolute; left: 419.7025371049135px; top: 543.5777783371252px; -webkit-transform: rotate(-3.558460590757466deg); ">Hi-ReS!</a> <span class="box2d" style="position: absolute; left: 460.95610424213993px; top: 534.8370565038986px; -webkit-transform: rotate(-281.0693323202775deg); ">-</span> <a class="box2d" href="http://chromeexperiments.com/" style="position: absolute; left: 466.6478732100546px; top: 546.2670210902077px; -webkit-transform: rotate(2.763837395685485deg); ">Chrome Experiments</a> <span class="box2d" style="position: absolute; left: 671.994268657017px; top: 545.0812701876229px; -webkit-transform: rotate(-448.4889773435575deg); ">-</span> <a class="box2d" href="http://mrdoob.com/blog/post/644" style="position: absolute; left: 679.6728264745115px; top: 541.8120287728489px; -webkit-transform: rotate(-2.734766203920163deg); ">Making Of</a></font></p></center>
<div id="canvas"></div>
<script src="sample-collect-hush-js-gravity-files-protoclass.js"></script>
<script src="sample-collect-hush-js-gravity-files-box2d.js"></script>
<script src="sample-collect-hush-js-gravity-files-api" type="text/javascript"></script><script src="./gravity_files/default+en.I.js" type="text/javascript"></script>
<script src="sample-collect-hush-js-gravity-files-Main.js"></script>
</body></html>
(C) Æliens
04/09/2009
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.
