{"id":113,"date":"2026-02-27T17:34:24","date_gmt":"2026-02-27T14:34:24","guid":{"rendered":"https:\/\/atakan.online\/?page_id=113"},"modified":"2026-02-27T17:41:08","modified_gmt":"2026-02-27T14:41:08","slug":"hypnos","status":"publish","type":"page","link":"https:\/\/atakan.online\/?page_id=113","title":{"rendered":"Hipnoz"},"content":{"rendered":"\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<figure class=\"wp-block-image size-full\"><a href=\"http:\/\/atakan.online\"><img loading=\"lazy\" decoding=\"async\" width=\"211\" height=\"239\" src=\"https:\/\/atakan.online\/wp-content\/uploads\/2026\/02\/images.jpeg\" alt=\"\" class=\"wp-image-70\"\/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:75%\">\n<h2 class=\"wp-block-heading\">\u00c7apulcu<\/h2>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Ya paran ya can\u0131n ko\u00e7um. Ani hareket yapma, de\u015feriz. <\/summary>\n<p><\/p>\n<\/details>\n<\/div>\n<\/div>\n\n\n\n<div style=\"text-align: center; margin: 20px 0;\">\n  <canvas id=\"loopGame\" width=\"800\" height=\"400\" style=\"border: 1px solid #222; border-radius: 12px; background: #0f0f15; box-shadow: 0px 10px 30px rgba(0,0,0,0.5); cursor: pointer; max-width: 100%; height: auto;\"><\/canvas>\n  <p style=\"font-family: sans-serif; color: #888; font-size: 14px; margin-top: 10px;\">\n    Sonsuzlu\u011fu izle&#8230; K\u00fcreye enerji vermek, yer\u00e7ekimini b\u00fckmek ve evrenin rengini de\u011fi\u015ftirmek i\u00e7in t\u0131kla!\n  <\/p>\n<\/div>\n\n<script>\nconst canvas = document.getElementById('loopGame');\nconst ctx = canvas.getContext('2d');\n\nlet w = canvas.width;\nlet h = canvas.height;\n\n\/\/ K\u00fcre (Karakter) Parametreleri\nlet orb = { x: w * 0.2, y: h \/ 2, vy: 0, radius: 12 };\nlet gravity = 0.1;\nlet hue = 200; \nlet particles = [];\nlet obstacles = [];\nlet frame = 0;\n\n\/\/ Arka Plan Y\u0131ld\u0131zlar\u0131\nlet stars = Array.from({length: 60}, () => ({\n    x: Math.random() * w,\n    y: Math.random() * h,\n    size: Math.random() * 2,\n    speed: Math.random() * 0.5 + 0.1\n}));\n\nfunction loop() {\n    \/\/ Hafif iz b\u0131rakan arka plan (Motion blur efekti)\n    ctx.fillStyle = `rgba(15, 15, 21, 0.3)`;\n    ctx.fillRect(0, 0, w, h);\n\n    \/\/ Y\u0131ld\u0131zlar\u0131 hareket ettir ve \u00e7iz\n    ctx.fillStyle = 'rgba(255, 255, 255, 0.7)';\n    stars.forEach(s => {\n        s.x -= s.speed;\n        if (s.x < 0) s.x = w;\n        ctx.beginPath();\n        ctx.arc(s.x, s.y, s.size, 0, Math.PI * 2);\n        ctx.fill();\n    });\n\n    \/\/ U\u00e7u\u015fan g\u00f6rsel engeller\/objeler (Dalgal\u0131 hareket)\n    if (frame % 90 === 0) {\n        obstacles.push({ x: w, y: Math.random() * h, size: 15 + Math.random() * 25 });\n    }\n\n    ctx.fillStyle = `hsl(${hue + 60}, 60%, 40%)`;\n    for (let i = obstacles.length - 1; i >= 0; i--) {\n        let obs = obstacles[i];\n        obs.x -= 1.5;\n        obs.y += Math.sin(frame * 0.03 + obs.x) * 1.5; \n        \n        ctx.beginPath();\n        ctx.arc(obs.x, obs.y, obs.size, 0, Math.PI * 2);\n        ctx.fill();\n\n        if (obs.x + obs.size < 0) {\n            obstacles.splice(i, 1);\n        }\n    }\n\n    \/\/ K\u00fcre Fizi\u011fi\n    orb.vy += gravity;\n    orb.y += orb.vy;\n\n    \/\/ Yere veya tavana \u00e7arpma (Sonsuz sekme)\n    if (orb.y + orb.radius > h) {\n        orb.y = h - orb.radius;\n        orb.vy *= -0.8; \n    } else if (orb.y - orb.radius < 0) {\n        orb.y = orb.radius;\n        orb.vy *= -0.6;\n    }\n\n    \/\/ K\u00fcreyi \u00c7iz (Parlamal\u0131)\n    ctx.shadowBlur = 20;\n    ctx.shadowColor = `hsl(${hue}, 100%, 60%)`;\n    ctx.fillStyle = `hsl(${hue}, 100%, 60%)`;\n    ctx.beginPath();\n    ctx.arc(orb.x, orb.y, orb.radius, 0, Math.PI * 2);\n    ctx.fill();\n    ctx.shadowBlur = 0; \/\/ G\u00f6lgeyi di\u011fer objelere yans\u0131mamas\u0131 i\u00e7in s\u0131f\u0131rla\n\n    \/\/ Par\u00e7ac\u0131k (Particle) Motoru\n    for (let i = particles.length - 1; i >= 0; i--) {\n        let p = particles[i];\n        p.x += p.vx;\n        p.y += p.vy;\n        p.life -= 2;\n\n        ctx.fillStyle = `hsla(${p.hue}, 100%, 60%, ${p.life \/ 100})`;\n        ctx.beginPath();\n        ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);\n        ctx.fill();\n\n        if (p.life <= 0) particles.splice(i, 1);\n    }\n\n    \/\/ K\u00fcrenin arkas\u0131nda b\u0131rakt\u0131\u011f\u0131 kuyruk izi\n    if (frame % 4 === 0) {\n        particles.push({\n            x: orb.x - orb.radius, y: orb.y,\n            vx: -2, vy: 0,\n            life: 100,\n            size: 4,\n            hue: hue\n        });\n    }\n\n    hue += 0.1; \/\/ Evrenin rengini yava\u015f\u00e7a de\u011fi\u015ftir\n    frame++;\n    requestAnimationFrame(loop);\n}\n\n\/\/ Ufak M\u00fcdahaleler (Kullan\u0131c\u0131 Etkile\u015fimi)\ncanvas.addEventListener('mousedown', (e) => {\n    \/\/ 1. Z\u0131plama Etkisi\n    orb.vy = -5;\n    \n    \/\/ 2. T\u0131klama an\u0131nda patlayan partik\u00fcller\n    for(let i=0; i<20; i++) {\n        particles.push({\n            x: orb.x,\n            y: orb.y,\n            vx: (Math.random() - 0.5) * 8,\n            vy: (Math.random() - 0.5) * 8,\n            life: 100,\n            size: Math.random() * 3 + 1,\n            hue: hue + Math.random() * 40\n        });\n    }\n    \n    \/\/ 3. Ge\u00e7ici yer\u00e7ekimi bozulmas\u0131 ve h\u0131zl\u0131 renk s\u0131\u00e7ramas\u0131\n    gravity = 0.03;\n    setTimeout(() => gravity = 0.1, 400); \/\/ 400ms sonra normale d\u00f6ner\n    hue += 30;\n});\n\n\/\/ D\u00f6ng\u00fcy\u00fc Ba\u015flat\nloop();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u00c7apulcu Sonsuzlu\u011fu izle&#8230; K\u00fcreye enerji vermek, yer\u00e7ekimini b\u00fckmek ve evrenin rengini de\u011fi\u015ftirmek i\u00e7in t\u0131kla!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-113","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/atakan.online\/index.php?rest_route=\/wp\/v2\/pages\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atakan.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atakan.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atakan.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atakan.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=113"}],"version-history":[{"count":3,"href":"https:\/\/atakan.online\/index.php?rest_route=\/wp\/v2\/pages\/113\/revisions"}],"predecessor-version":[{"id":119,"href":"https:\/\/atakan.online\/index.php?rest_route=\/wp\/v2\/pages\/113\/revisions\/119"}],"wp:attachment":[{"href":"https:\/\/atakan.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}