{"id":8725,"date":"2025-01-05T20:30:14","date_gmt":"2025-01-05T17:30:14","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/"},"modified":"2025-01-05T20:30:14","modified_gmt":"2025-01-05T17:30:14","slug":"matter-jsde-cekim-gucu-attractor-olusturma","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/","title":{"rendered":"Matter.js&#8217;de \u00c7ekim G\u00fcc\u00fc (Attractor) Olu\u015fturma"},"content":{"rendered":"<p>Matter.js&#8217;de \u00c7ekim G\u00fcc\u00fc (Attractor) Olu\u015fturma<\/p>\n<p>Merhaba, ben Fatih Soysal.  Bu yaz\u0131da, Matter.js fizik motorunda \u00e7ekim g\u00fcc\u00fc (attractor) nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m.  \u00d6ncelikle, \u00e7ekim g\u00fcc\u00fcn\u00fcn ne oldu\u011funu ve Matter.js&#8217;de nas\u0131l uygulanabilece\u011fini ele alaca\u011f\u0131z. Sonras\u0131nda ise,  pratik bir \u00f6rnek \u00fczerinde konuyu peki\u015ftirece\u011fiz.  Umar\u0131m bu yaz\u0131,  Matter.js ile oyun ve etkile\u015fimli uygulamalar geli\u015ftirme s\u00fcrecinizde size yard\u0131mc\u0131 olur.<\/p>\n<h2>\u00c7ekim G\u00fcc\u00fc (Attractor) Nedir?<\/h2>\n<p>\u00c7ekim g\u00fcc\u00fc,  bir nesneyi belirli bir noktaya do\u011fru \u00e7eken bir kuvvettir.  Bu kuvvet,  mesafeye ba\u011fl\u0131 olarak de\u011fi\u015febilir;  nesne ne kadar yak\u0131nsa, \u00e7ekim g\u00fcc\u00fc o kadar g\u00fc\u00e7l\u00fc olabilir.  Ger\u00e7ek d\u00fcnyada,  gravitasyon \u00e7ekim g\u00fcc\u00fcne bir \u00f6rnektir.  Oyun geli\u015ftirmede ise,  \u00e7ekim g\u00fcc\u00fc,  oyuncular\u0131 veya oyun i\u00e7indeki di\u011fer nesneleri belirli bir konuma y\u00f6nlendirmek i\u00e7in kullan\u0131labilir.  \u00d6rne\u011fin,  bir oyun karakterinin bir hedefe do\u011fru \u00e7ekilmesini veya oyun i\u00e7indeki par\u00e7alar\u0131n bir araya toplanmas\u0131n\u0131 sa\u011flayabiliriz.<\/p>\n<h2>Matter.js&#8217;de \u00c7ekim G\u00fcc\u00fc Uygulama<\/h2>\n<p>Matter.js&#8217;de \u00e7ekim g\u00fcc\u00fc uygulamak i\u00e7in,  Body.applyForce fonksiyonunu kullanaca\u011f\u0131z.  Bu fonksiyon, bir cismin \u00fczerine bir kuvvet uygulanmas\u0131n\u0131 sa\u011flar.  \u00c7ekim g\u00fcc\u00fcn\u00fc uygulamak i\u00e7in,  \u00f6ncelikle \u00e7ekim g\u00fcc\u00fcn\u00fcn merkezini (\u00e7ekim noktas\u0131) belirlemeliyiz. Daha sonra,  her bir cisim i\u00e7in \u00e7ekim noktas\u0131na olan mesafeyi hesaplay\u0131p,  bu mesafeye g\u00f6re bir kuvvet uygulayabiliriz.  Kuvvetin b\u00fcy\u00fckl\u00fc\u011f\u00fc,  mesafeye ters orant\u0131l\u0131 olarak ayarlanabilir.  Yani cisim ne kadar yak\u0131nsa, kuvvet o kadar b\u00fcy\u00fck olacakt\u0131r. Bu \u015fekilde ger\u00e7ek\u00e7i bir \u00e7ekim etkisi yaratabiliriz.<\/p>\n<pre><code class=\"language-javascript\">\n\/\/ \u00c7ekim noktas\u0131\nconst attractor = Bodies.circle(100, 100, 20, {isStatic: true});\nWorld.add(world, attractor);\n\n\/\/ Her bir cisim i\u00e7in \u00e7ekim kuvveti uygula\nEngine.update(engine);\nBodies.allBodies(engine.world).forEach(body => {\n  if (body !== attractor){\n    const distance = Matter.Vector.sub(attractor.position, body.position);\n    const forceMagnitude = 0.05 * body.mass\/Matter.Vector.magnitudeSquared(distance); \/\/ Kuvvetin b\u00fcy\u00fckl\u00fc\u011f\u00fc, mesafeye ters orant\u0131l\u0131\n    const force = Matter.Vector.mult(Matter.Vector.normalise(distance), forceMagnitude);\n    Matter.Body.applyForce(body, body.position, force);\n  }\n});\n<\/code><\/pre>\n<p>Bu kodda, attractor de\u011fi\u015fkeni \u00e7ekim noktas\u0131n\u0131 temsil eder.  Bodies.allBodies(engine.world) fonksiyonu,  d\u00fcnyadaki t\u00fcm cisimleri d\u00f6nd\u00fcr\u00fcr.  Daha sonra,  her bir cisim i\u00e7in \u00e7ekim noktas\u0131na olan mesafe hesaplan\u0131r ve buna ba\u011fl\u0131 olarak bir kuvvet uygulan\u0131r.  forceMagnitude de\u011fi\u015fkeni, kuvvetin b\u00fcy\u00fckl\u00fc\u011f\u00fcn\u00fc belirler ve  Matter.Vector.normalise fonksiyonu kuvvet vekt\u00f6r\u00fcn\u00fc normalize eder.  Son olarak, Matter.Body.applyForce fonksiyonu,  hesaplanan kuvveti cisme uygular.  Bu kuvvet, cismin \u00e7ekim noktas\u0131na do\u011fru hareket etmesine neden olur. Kodda bulunan 0.05 de\u011feri, \u00e7ekim kuvvetinin \u015fiddetini kontrol eden bir katsay\u0131d\u0131r. Bu de\u011feri de\u011fi\u015ftirerek \u00e7ekim kuvvetini ayarlayabilirsiniz.<\/p>\n<h2>\u00d6rnek Uygulama ve \u0130pu\u00e7lar\u0131<\/h2>\n<p>Yukar\u0131daki kodu bir Matter.js projesine entegre ederek,  interaktif bir \u00e7ekim g\u00fcc\u00fc sim\u00fclasyonu olu\u015fturabilirsiniz.  \u00d6rne\u011fin,  fare imlecini \u00e7ekim noktas\u0131 olarak kullanabilir ve fare hareket ettik\u00e7e \u00e7ekim noktas\u0131 da hareket eder.  Ayr\u0131ca,  \u00e7ekim g\u00fcc\u00fcn\u00fcn etki alan\u0131n\u0131 ve \u015fiddetini ayarlayarak farkl\u0131 etkiler elde edebilirsiniz.  \u00c7ekim g\u00fcc\u00fcn\u00fcn daha ger\u00e7ek\u00e7i g\u00f6r\u00fcnmesi i\u00e7in,  kuvvetin b\u00fcy\u00fckl\u00fc\u011f\u00fcn\u00fc mesafeye g\u00f6re daha karma\u015f\u0131k bir fonksiyonla hesaplayabilirsiniz. \u00d6rne\u011fin,  k\u00fctleyi de hesaba katmak daha ger\u00e7ek\u00e7i bir sonu\u00e7 verecektir. Bunun i\u00e7in, kuvvet b\u00fcy\u00fckl\u00fc\u011f\u00fcn\u00fc cismin k\u00fctlesiyle orant\u0131l\u0131 olarak art\u0131rabilirsiniz.<\/p>\n<p>Daha fazla bilgi ve \u00f6rnek i\u00e7in <a href=\"https:\/\/fatihsoysal.com\" target=\"_blank\">fatihsoysal.com<\/a> adresini ziyaret edebilirsiniz. Ayr\u0131ca Matter.js resmi d\u00f6k\u00fcmanlar\u0131na da g\u00f6z atabilirsiniz: <a href=\"https:\/\/brm.io\/matter-js\/\" target=\"_blank\">https:\/\/brm.io\/matter-js\/<\/a><\/p>\n<h2>Sonu\u00e7<\/h2>\n<p>Bu yaz\u0131da,  Matter.js&#8217;de \u00e7ekim g\u00fcc\u00fc olu\u015fturma s\u00fcrecini ad\u0131m ad\u0131m anlatt\u0131m.  Umar\u0131m bu bilgiler,  kendi Matter.js projelerinizi geli\u015ftirirken size yard\u0131mc\u0131 olmu\u015ftur.  \u00c7ekim g\u00fcc\u00fc,  oyunlar ve etkile\u015fimli uygulamalar geli\u015ftirmede \u00e7ok y\u00f6nl\u00fc bir ara\u00e7t\u0131r ve  Matter.js&#8217;in sundu\u011fu esneklik sayesinde \u00e7e\u015fitli uygulamalarda kullan\u0131labilir.  Ba\u015far\u0131lar\u0131n\u0131zda bol \u015fans!<\/p>\n<p><b>#Etiketler:<\/b> Matter.js, \u00c7ekim G\u00fcc\u00fc, Attractor, Fizik Motoru, Oyun Geli\u015ftirme, JavaScript,  Body.applyForce,  Kuvvet Uygulama,  Vector,  Fizik Sim\u00fclasyonu<\/p>\n","protected":false},"excerpt":{"rendered":"Matter.js&#8217;de \u00c7ekim G\u00fcc\u00fc (Attractor) Olu\u015fturma Merhaba, ben Fatih Soysal. Bu yaz\u0131da, Matter.js fizik motorunda \u00e7ekim g\u00fcc\u00fc (attractor) nas\u0131l&hellip;","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-8725","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Matter.js&#039;de \u00c7ekim G\u00fcc\u00fc (Attractor) Olu\u015fturma<\/title>\n<meta name=\"description\" content=\"Merhaba, ben Fatih Soysal. Bu yaz\u0131da, Matter.js fizik motorunda \u00e7ekim g\u00fcc\u00fc (attractor) nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle, \u00e7ekim g\u00fcc\u00fcn\u00fcn ne oldu\u011funu ve Matter.js&#039;de nas\u0131l uygulanabilece\u011fini ele alaca\u011f\u0131z. Sonras\u0131nda ise, pratik bir \u00f6rnek \u00fczerinde konuyu peki\u015ftirece\u011fiz. Umar\u0131m bu yaz\u0131, Matter.js ile oyun ve etkile\u015fimli uygulamalar geli\u015ftirme s\u00fcrecinizde size yard\u0131mc\u0131 olur.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Matter.js&#039;de \u00c7ekim G\u00fcc\u00fc (Attractor) Olu\u015fturma\" \/>\n<meta property=\"og:description\" content=\"Merhaba, ben Fatih Soysal. Bu yaz\u0131da, Matter.js fizik motorunda \u00e7ekim g\u00fcc\u00fc (attractor) nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle, \u00e7ekim g\u00fcc\u00fcn\u00fcn ne oldu\u011funu ve Matter.js&#039;de nas\u0131l uygulanabilece\u011fini ele alaca\u011f\u0131z. Sonras\u0131nda ise, pratik bir \u00f6rnek \u00fczerinde konuyu peki\u015ftirece\u011fiz. Umar\u0131m bu yaz\u0131, Matter.js ile oyun ve etkile\u015fimli uygulamalar geli\u015ftirme s\u00fcrecinizde size yard\u0131mc\u0131 olur.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-05T17:30:14+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Matter.js&#8217;de \u00c7ekim G\u00fcc\u00fc (Attractor) Olu\u015fturma\",\"datePublished\":\"2025-01-05T17:30:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/\"},\"wordCount\":647,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/\",\"name\":\"Matter.js'de \u00c7ekim G\u00fcc\u00fc (Attractor) Olu\u015fturma\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-01-05T17:30:14+00:00\",\"description\":\"Merhaba, ben Fatih Soysal. Bu yaz\u0131da, Matter.js fizik motorunda \u00e7ekim g\u00fcc\u00fc (attractor) nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle, \u00e7ekim g\u00fcc\u00fcn\u00fcn ne oldu\u011funu ve Matter.js'de nas\u0131l uygulanabilece\u011fini ele alaca\u011f\u0131z. Sonras\u0131nda ise, pratik bir \u00f6rnek \u00fczerinde konuyu peki\u015ftirece\u011fiz. Umar\u0131m bu yaz\u0131, Matter.js ile oyun ve etkile\u015fimli uygulamalar geli\u015ftirme s\u00fcrecinizde size yard\u0131mc\u0131 olur.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Matter.js&#8217;de \u00c7ekim G\u00fcc\u00fc (Attractor) Olu\u015fturma\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Matter.js'de \u00c7ekim G\u00fcc\u00fc (Attractor) Olu\u015fturma","description":"Merhaba, ben Fatih Soysal. Bu yaz\u0131da, Matter.js fizik motorunda \u00e7ekim g\u00fcc\u00fc (attractor) nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle, \u00e7ekim g\u00fcc\u00fcn\u00fcn ne oldu\u011funu ve Matter.js'de nas\u0131l uygulanabilece\u011fini ele alaca\u011f\u0131z. Sonras\u0131nda ise, pratik bir \u00f6rnek \u00fczerinde konuyu peki\u015ftirece\u011fiz. Umar\u0131m bu yaz\u0131, Matter.js ile oyun ve etkile\u015fimli uygulamalar geli\u015ftirme s\u00fcrecinizde size yard\u0131mc\u0131 olur.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/","og_locale":"tr_TR","og_type":"article","og_title":"Matter.js'de \u00c7ekim G\u00fcc\u00fc (Attractor) Olu\u015fturma","og_description":"Merhaba, ben Fatih Soysal. Bu yaz\u0131da, Matter.js fizik motorunda \u00e7ekim g\u00fcc\u00fc (attractor) nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle, \u00e7ekim g\u00fcc\u00fcn\u00fcn ne oldu\u011funu ve Matter.js'de nas\u0131l uygulanabilece\u011fini ele alaca\u011f\u0131z. Sonras\u0131nda ise, pratik bir \u00f6rnek \u00fczerinde konuyu peki\u015ftirece\u011fiz. Umar\u0131m bu yaz\u0131, Matter.js ile oyun ve etkile\u015fimli uygulamalar geli\u015ftirme s\u00fcrecinizde size yard\u0131mc\u0131 olur.","og_url":"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-01-05T17:30:14+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"4 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Matter.js&#8217;de \u00c7ekim G\u00fcc\u00fc (Attractor) Olu\u015fturma","datePublished":"2025-01-05T17:30:14+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/"},"wordCount":647,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/","url":"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/","name":"Matter.js'de \u00c7ekim G\u00fcc\u00fc (Attractor) Olu\u015fturma","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-01-05T17:30:14+00:00","description":"Merhaba, ben Fatih Soysal. Bu yaz\u0131da, Matter.js fizik motorunda \u00e7ekim g\u00fcc\u00fc (attractor) nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle, \u00e7ekim g\u00fcc\u00fcn\u00fcn ne oldu\u011funu ve Matter.js'de nas\u0131l uygulanabilece\u011fini ele alaca\u011f\u0131z. Sonras\u0131nda ise, pratik bir \u00f6rnek \u00fczerinde konuyu peki\u015ftirece\u011fiz. Umar\u0131m bu yaz\u0131, Matter.js ile oyun ve etkile\u015fimli uygulamalar geli\u015ftirme s\u00fcrecinizde size yard\u0131mc\u0131 olur.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/matter-jsde-cekim-gucu-attractor-olusturma\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Matter.js&#8217;de \u00c7ekim G\u00fcc\u00fc (Attractor) Olu\u015fturma"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/8725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=8725"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/8725\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=8725"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=8725"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=8725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}