{"id":5386,"date":"2026-01-09T08:54:11","date_gmt":"2026-01-09T08:54:11","guid":{"rendered":"https:\/\/icon-era.com\/statistics\/?p=5386"},"modified":"2026-09-08T13:13:40","modified_gmt":"2026-09-08T13:13:40","slug":"google-gravity-black-hole","status":"publish","type":"post","link":"https:\/\/icon-era.com\/statistics\/google-gravity-black-hole\/","title":{"rendered":"Google Gravity Black Hole"},"content":{"rendered":"\n<div id=\"ie-blackhole\">\n<div class=\"board\"><\/div>\n<div class=\"readout\"><span>Swallowed: <b id=\"bh-ate\">0<\/b><\/span><span>Horizon: <b id=\"bh-rad\">36<\/b>px<\/span><span>Remaining: <b id=\"bh-left\">0<\/b><\/span><\/div>\n<div class=\"row\">\n<button class=\"tap\" id=\"bh-open\">Open the hole<\/button>\n<button class=\"tap\" id=\"bh-follow\">Follow the cursor: off<\/button>\n<button class=\"tap pale\" id=\"bh-again\">Put the page back<\/button>\n<\/div>\n\n<h2>Nothing lands<\/h2>\n<p>That is the difference from the falling version. There is no floor here, only a point, and everything curves toward it and keeps curving. Blocks pass the middle, swing round, come back tighter. Then they shrink and they are gone.<\/p>\n<p>The hole grows a few pixels with every meal. Start of a round it takes ten seconds to pull in the first block. By the end it eats three at once.<\/p>\n\n<h2>Try to save the search box<\/h2>\n<p>You can. Catch something early, drag it to a corner, release it hard against the wall and it will loop out wide before it commits. The wide blocks survive longest because they clip the edges. The little footer chips vanish almost immediately.<\/p>\n<p>Switch on cursor following and it becomes a completely different toy. Now you are choosing what dies and in what order, and there is a mean satisfaction in parking it directly on the knowledge panel.<\/p>\n\n<h2>Names<\/h2>\n<p>Most people find it as google gravity black hole because it grew out of <a href=\"https:\/\/icon-era.com\/statistics\/google-gravity\/\">google gravity<\/a>. Black hole google, google blackhole, black hole google easter egg, all the same. The ones labelled google gravity black hole 3d have added a bit of perspective and nothing else.<\/p>\n<p>The opposite mood is <a href=\"https:\/\/icon-era.com\/statistics\/google-float-easter-egg\/\">google floating<\/a>, where everything drifts up and stays put.<\/p>\n<\/div>\n<style>\n#ie-blackhole{--blue:#1558d6;--blue2:#4c86f0;--blue3:#a9c4f5;--deep:#0b3aa0;--slate:#5b6675;--mist:#98a2b3;--rule:#dde3ec;--wash:#f2f6fd;font-family:ui-sans-serif,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;color:#1a2230;line-height:1.66;margin:0 auto}\n#ie-blackhole ul,#ie-blackhole ol{margin:0 0 15px 20px}\n#ie-blackhole li{margin:6px 0}\n#ie-blackhole a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}\n#ie-blackhole a:hover{color:var(--deep)}\n#ie-blackhole .board{position:relative;width:100%;height:min(70vh,600px);min-height:420px;border:1px solid var(--rule);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 10px 26px rgba(21,88,214,.1);touch-action:none}\n#ie-blackhole .board canvas{position:absolute;left:0;top:0;width:100%;height:100%;outline:0}\n#ie-blackhole .readout{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:12px 0 0;font:600 13px ui-sans-serif,\"Segoe UI\",Arial;color:var(--slate)}\n#ie-blackhole .readout b{color:var(--deep);font-size:15px}\n#ie-blackhole .row{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:12px 0 20px}\n#ie-blackhole .tap{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:12px 20px;font:700 14px ui-sans-serif,\"Segoe UI\",Arial;cursor:pointer;box-shadow:0 4px 12px rgba(21,88,214,.25)}\n#ie-blackhole .tap:hover{background:var(--deep)}\n#ie-blackhole .tap:active{transform:translateY(1px)}\n#ie-blackhole .tap.pale{background:#fff;color:var(--blue);border:1px solid var(--blue3);box-shadow:none}\n#ie-blackhole .tap.pale:hover{background:var(--wash)}\n#ie-blackhole .stick{display:grid;grid-template-columns:repeat(3,54px);gap:7px;justify-content:center;margin-top:10px}\n#ie-blackhole .stick button{background:#fff;border:1px solid var(--blue3);color:var(--blue);border-radius:8px;height:46px;font:700 17px ui-sans-serif,Arial;cursor:pointer}\n#ie-blackhole .stick button:hover{background:var(--wash)}\n#ie-blackhole .stick .gap{visibility:hidden;border:0}\n#ie-blackhole .curtain{position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.93);text-align:center;font:700 20px\/1.45 ui-sans-serif,\"Segoe UI\",Arial;color:var(--deep);cursor:pointer;z-index:4;padding:18px}\n#ie-blackhole .curtain em{display:block;font-style:normal;font-weight:500;font-size:13.5px;color:var(--slate);margin-top:5px}\n#ie-blackhole .typein{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}\n#ie-blackhole .typein input{border:1px solid var(--blue3);border-radius:8px;padding:11px 13px;font:600 14px ui-sans-serif,Arial;width:min(280px,70%);color:#1a2230}\n#ie-blackhole .typein input:focus{outline:2px solid var(--blue2);outline-offset:1px}<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Swallowed: 0Horizon: 36pxRemaining: 0 Open the hole Follow the cursor: off Put the page back Nothing lands That is the difference from the falling version. There is no floor here, only a point, and everything curves toward it and keeps curving. Blocks pass the middle, swing round, come back tighter. Then they shrink and they<\/p>\n","protected":false},"author":1,"featured_media":5387,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"yes","footnotes":""},"categories":[47],"tags":[],"class_list":{"0":"post-5386","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-easter-eggs"},"_links":{"self":[{"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/posts\/5386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/comments?post=5386"}],"version-history":[{"count":2,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/posts\/5386\/revisions"}],"predecessor-version":[{"id":6118,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/posts\/5386\/revisions\/6118"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/media\/5387"}],"wp:attachment":[{"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/media?parent=5386"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/categories?post=5386"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/tags?post=5386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}