{"id":502,"date":"2026-01-18T20:09:36","date_gmt":"2026-01-18T20:09:36","guid":{"rendered":"https:\/\/narhost.com\/blog\/?p=502"},"modified":"2026-01-18T23:11:49","modified_gmt":"2026-01-18T23:11:49","slug":"google-gravity-nedir","status":"publish","type":"post","link":"https:\/\/narhost.com\/blog\/google-gravity-nedir\/","title":{"rendered":"Google Gravity Nedir?"},"content":{"rendered":"\r\n<p><strong>Google Gravity<\/strong>, Google\u2019\u0131n ana sayfas\u0131n\u0131 yer \u00e7ekimine maruz kalm\u0131\u015f gibi g\u00f6steren e\u011flenceli ve interaktif bir JavaScript uygulamas\u0131d\u0131r. \u201cYer \u00e7ekimi\u201d anlam\u0131na gelen <strong>gravity<\/strong> kelimesi ile adland\u0131r\u0131lm\u0131\u015f olan bu deneysel \u00f6zellik, kullan\u0131c\u0131 sayfaya giri\u015f yapt\u0131\u011f\u0131nda arama kutusu, logo, men\u00fc butonlar\u0131 gibi \u00f6\u011felerin d\u00fc\u015fmesini ve sayfan\u0131n alt\u0131nda rastgele da\u011f\u0131lmas\u0131n\u0131 sa\u011flar.<\/p>\r\n\r\n\r\n\r\n<p>Bu e\u011flenceli uygulama, Google\u2019\u0131n resmi bir hizmeti de\u011fildir. <strong>Mr. Doob<\/strong> takma ismiyle bilinen bir geli\u015ftirici taraf\u0131ndan olu\u015fturulmu\u015ftur. Google\u2019\u0131n <strong>Chrome Experiments<\/strong> projesi kapsam\u0131nda tan\u0131t\u0131lm\u0131\u015f ve zamanla internet kullan\u0131c\u0131lar\u0131 aras\u0131nda b\u00fcy\u00fck ilgi g\u00f6rm\u00fc\u015ft\u00fcr.<\/p>\r\n\r\n\r\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Google Gravity Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/h2>\r\n\r\n\r\n\r\n<p><a href=\"https:\/\/www.narhost.com\/blog\/google-gravity-nedir\/\">Google Gravity<\/a>, web taray\u0131c\u0131n\u0131zda \u00e7al\u0131\u015fan <strong>JavaScript<\/strong> ve <strong>HTML5<\/strong> teknolojileriyle olu\u015fturulmu\u015f bir sim\u00fclasyondur. Sayfa ilk y\u00fcklendi\u011finde, Google&#8217;\u0131n klasik ana sayfa tasar\u0131m\u0131 kar\u015f\u0131n\u0131za \u00e7\u0131kar. Ancak hemen ard\u0131ndan, JavaScript kodlar\u0131 devreye girer ve sayfa \u00fczerindeki her bir \u00f6\u011fe fizik kurallar\u0131na ba\u011fl\u0131ym\u0131\u015f gibi davranmaya ba\u015flar.<\/p>\r\n\r\n\r\n\r\n<p>\u00d6zellikle:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>\u00d6\u011feler yer\u00e7ekimine g\u00f6re a\u015fa\u011f\u0131 do\u011fru d\u00fc\u015fer.<\/li>\r\n\r\n\r\n\r\n<li>Di\u011fer nesnelere \u00e7arpt\u0131\u011f\u0131nda sekme, yuvarlanma gibi etkiler g\u00f6r\u00fcl\u00fcr.<\/li>\r\n\r\n\r\n\r\n<li>Fare ile s\u00fcr\u00fckleyerek nesneleri hareket ettirebilirsiniz.<\/li>\r\n\r\n\r\n\r\n<li>Arama kutusunu t\u0131klay\u0131p yaz\u0131 yazmaya devam edebilirsiniz.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p>Bu durum, e\u011flenceli bir kullan\u0131c\u0131 deneyimi yarat\u0131rken ayn\u0131 zamanda web teknolojilerinin s\u0131n\u0131rlar\u0131n\u0131 da g\u00f6stermektedir.<\/p>\r\n\r\n\r\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Google Gravity Nas\u0131l A\u00e7\u0131l\u0131r?<\/h2>\r\n\r\n\r\n\r\n<p>Google Gravity&#8217;yi deneyimlemek i\u00e7in a\u015fa\u011f\u0131daki ad\u0131mlar\u0131 uygulayabilirsiniz:<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Taray\u0131c\u0131n\u0131zda <a class=\"\" href=\"https:\/\/www.google.com\" rel=\"nofollow noopener\" target=\"_blank\">Google.com<\/a> yerine do\u011frudan &#8220;Google Gravity&#8221; aramas\u0131 yap\u0131n.<\/li>\r\n\r\n\r\n\r\n<li>\u0130lk s\u0131rada \u00e7\u0131kan ba\u011flant\u0131lardan <strong>Mr. Doob \u2013 Google Gravity<\/strong> yazan ba\u011flant\u0131ya t\u0131klay\u0131n.<\/li>\r\n\r\n\r\n\r\n<li>Sayfa y\u00fcklendi\u011finde birka\u00e7 saniye i\u00e7inde t\u00fcm Google \u00f6\u011feleri ekran\u0131n alt\u0131na d\u00fc\u015fecek ve s\u00fcr\u00fcklenebilir hale gelecektir.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<p>Alternatif olarak do\u011frudan \u015fu ba\u011flant\u0131y\u0131 da kullanabilirsiniz:<br \/>\ud83d\udc49 <a>https:\/\/mrdoob.com\/projects\/chromeexperiments\/google-gravity\/<\/a><\/p>\r\n\r\n\r\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Google Gravity Ne Ama\u00e7la Yap\u0131lm\u0131\u015ft\u0131r?<\/h2>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image alignnone size-full wp-image-36\"><img decoding=\"async\" class=\"wp-image-36\" src=\"https:\/\/narhost.com\/blog\/wp-content\/uploads\/2025\/09\/google-gravity-nedir.png\" alt=\"google gravity nedir\" \/>\r\n<figcaption class=\"wp-element-caption\">google gravity nedir<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n<p>Google Gravity\u2019nin amac\u0131 ciddi bir i\u015flev sunmak de\u011fildir. Bu uygulama:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Web geli\u015ftiricilere HTML5 ve JavaScript\u2019in potansiyelini g\u00f6stermeyi ama\u00e7lar.<\/li>\r\n\r\n\r\n\r\n<li>Google kullan\u0131c\u0131lar\u0131na farkl\u0131 bir e\u011flence alternatifi sunar.<\/li>\r\n\r\n\r\n\r\n<li>Kullan\u0131c\u0131 etkile\u015fimini art\u0131rmak ve al\u0131\u015f\u0131lm\u0131\u015f\u0131n d\u0131\u015f\u0131nda deneyimler ya\u015fatmak ister.<\/li>\r\n\r\n\r\n\r\n<li>\u0130nternette virallik olu\u015fturarak sosyal medya payla\u015f\u0131mlar\u0131n\u0131 te\u015fvik eder.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p>\u00d6zetle; Google Gravity, kullan\u0131c\u0131lar\u0131 g\u00fcl\u00fcmsetmek ve web teknolojilerinin ne kadar e\u011flenceli olabilece\u011fini g\u00f6stermek i\u00e7in geli\u015ftirilmi\u015f bir <strong>web sanat\u0131<\/strong> \u00f6rne\u011fidir.<\/p>\r\n\r\n\r\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Google Gravity Ger\u00e7ek mi?<\/h2>\r\n\r\n\r\n\r\n<p>Google Gravity ger\u00e7ek bir Google hizmeti de\u011fildir. Yani, Google arama motorunun resmi bir \u00f6zelli\u011fi veya do\u011frudan Google taraf\u0131ndan geli\u015ftirilen bir yaz\u0131l\u0131m de\u011fildir. Ancak Google\u2019\u0131n a\u00e7\u0131k yap\u0131s\u0131 sayesinde \u00fc\u00e7\u00fcnc\u00fc parti geli\u015ftiriciler bu t\u00fcr projeleri hayata ge\u00e7irebilmektedir.<\/p>\r\n\r\n\r\n\r\n<p>Yine de Google bu t\u00fcr projelere destek verir veya onlar\u0131 dolayl\u0131 yollarla tan\u0131t\u0131r. Bu sayede kullan\u0131c\u0131lar Google\u2019\u0131 sadece bir arama motoru olarak de\u011fil, ayn\u0131 zamanda <strong>yenilik\u00e7i ve yarat\u0131c\u0131 bir platform<\/strong> olarak da g\u00f6r\u00fcr.<\/p>\r\n\r\n\r\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Di\u011fer E\u011flenceli Google Deneyimleri<\/h2>\r\n\r\n\r\n\r\n<p>Google Gravity d\u0131\u015f\u0131nda, Google&#8217;\u0131n ya da ba\u011f\u0131ms\u0131z geli\u015ftiricilerin olu\u015fturdu\u011fu benzer e\u011flenceli deneyimler de mevcuttur. \u0130\u015fte baz\u0131lar\u0131:<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">1. <strong>Google Sphere<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>T\u00fcm sayfa \u00f6\u011feleri dairesel bir hareketle d\u00f6ner. Google logosu ve arama kutusu merkezde d\u00f6nerken, di\u011fer \u00f6\u011feler etraf\u0131nda d\u00f6ner.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">2. <strong>Google Mirror<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Sayfadaki t\u00fcm yaz\u0131lar ters \u00e7evrilir. Ayna yans\u0131mas\u0131 gibi g\u00f6r\u00fcn\u00fcr ve y\u00f6nler ters \u00e7al\u0131\u015f\u0131r.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">3. <strong>Do a Barrel Roll<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Google&#8217;da bu c\u00fcmleyi arat\u0131rsan\u0131z, ekran 360 derece d\u00f6ner. E\u011flenceli ve \u015fa\u015f\u0131rt\u0131c\u0131 bir deneyimdir.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">4. <strong>Zerg Rush<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Google&#8217;da arama yapt\u0131\u011f\u0131n\u0131zda k\u00fc\u00e7\u00fck &#8220;O&#8221; harfleri ekrana sald\u0131r\u0131r ve \u00f6\u011feleri yok eder. Siz de t\u0131klayarak savunma yapars\u0131n\u0131z.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">5. <strong>Google Underwater<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Sayfa, su alt\u0131ndaym\u0131\u015f gibi g\u00f6r\u00fcn\u00fcr. Arama kutusu, logo ve di\u011fer nesneler suyun i\u00e7inde y\u00fczer gibi davran\u0131r.<\/p>\r\n\r\n\r\n\r\n<p>Bu t\u00fcr uygulamalar, kullan\u0131c\u0131lar\u0131n Google ile daha fazla vakit ge\u00e7irmesini sa\u011flar ve markaya olan ba\u011fl\u0131l\u0131\u011f\u0131 art\u0131r\u0131r.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Kimler Google Gravity ile \u0130lgileniyor?<\/h2>\r\n\r\n\r\n\r\n<p>A\u015fa\u011f\u0131daki kullan\u0131c\u0131 gruplar\u0131 Google Gravity gibi deneyimsel i\u00e7eriklere yo\u011fun ilgi g\u00f6sterir:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li><strong>\u00d6\u011frenciler:<\/strong> E\u011flenceli i\u00e7erikler arayan lise ve \u00fcniversite \u00f6\u011frencileri.<\/li>\r\n\r\n\r\n\r\n<li><strong>Web geli\u015ftiriciler:<\/strong> HTML5 ve JavaScript \u00f6\u011frenen ki\u015filer.<\/li>\r\n\r\n\r\n\r\n<li><strong>Youtuber ve influencerlar:<\/strong> \u0130lgin\u00e7 i\u00e7erik \u00fcretmek isteyen sosyal medya fenomenleri.<\/li>\r\n\r\n\r\n\r\n<li><strong>Merakl\u0131 internet kullan\u0131c\u0131lar\u0131:<\/strong> Yeni \u015feyler ke\u015ffetmekten ho\u015flanan herkes.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p>Google Gravity, bu gruplar i\u00e7in hem e\u011flenceli hem de ilham verici bir deneyimdir.<\/p>\r\n\r\n\r\n\r\n<p>\u0130lginizi \u00c7ekebilir: <a href=\"https:\/\/www.narhost.com\/blog\/hec-kodu-nedir\/\">HEC Kodu Nedir<\/a>?<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>Google Gravity, Google\u2019\u0131n ana sayfas\u0131n\u0131 yer \u00e7ekimine maruz kalm\u0131\u015f gibi g\u00f6steren e\u011flenceli ve interaktif bir JavaScript uygulamas\u0131d\u0131r. \u201cYer \u00e7ekimi\u201d anlam\u0131na gelen gravity kelimesi ile adland\u0131r\u0131lm\u0131\u015f olan bu deneysel \u00f6zellik, kullan\u0131c\u0131 sayfaya giri\u015f yapt\u0131\u011f\u0131nda arama kutusu, logo, men\u00fc butonlar\u0131 gibi \u00f6\u011felerin d\u00fc\u015fmesini ve sayfan\u0131n alt\u0131nda rastgele da\u011f\u0131lmas\u0131n\u0131 sa\u011flar. Bu e\u011flenceli uygulama, Google\u2019\u0131n resmi bir hizmeti de\u011fildir. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1875,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,1],"tags":[],"class_list":["post-502","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nedir","category-tum-yazilar"],"_links":{"self":[{"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/posts\/502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/comments?post=502"}],"version-history":[{"count":2,"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/posts\/502\/revisions"}],"predecessor-version":[{"id":1999,"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/posts\/502\/revisions\/1999"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/media\/1875"}],"wp:attachment":[{"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/media?parent=502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/categories?post=502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/tags?post=502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}