{"id":4814,"date":"2026-01-13T17:12:07","date_gmt":"2026-01-13T16:12:07","guid":{"rendered":"https:\/\/innovacore.group\/?page_id=4814"},"modified":"2026-03-17T09:29:50","modified_gmt":"2026-03-17T08:29:50","slug":"arigatou","status":"publish","type":"page","link":"https:\/\/innovacore.group\/ja\/arigatou\/","title":{"rendered":"\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4814\" class=\"elementor elementor-4814 elementor-2954\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d51a41a e-con-full e-flex e-con e-parent\" data-id=\"d51a41a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-64d2ccd e-con-full animated-background e-flex e-con e-child\" data-id=\"64d2ccd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-d0a1eac e-con-full e-flex e-con e-child\" data-id=\"d0a1eac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9c8950 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"a9c8950\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"innovacore-thx-interactive\">\r\n    <canvas id=\"thxIntCanvas\"><\/canvas>\r\n<\/div>\r\n<style>\r\n    #innovacore-thx-interactive { \r\n        width: 100%; \r\n        height: 300px; \r\n        display: flex; \r\n        background: transparent; \r\n        \/* Curseur personnalis\u00e9 pour inciter au clic *\/ \r\n        cursor: crosshair;\r\n        overflow: hidden;\r\n    }\r\n<\/style>\r\n<script>\r\n(function() {\r\n    const canvas = document.getElementById('thxIntCanvas');\r\n    const ctx = canvas.getContext('2d');\r\n    const root = document.getElementById('innovacore-thx-interactive');\r\n    let w, h, particles = [];\r\n    let mouse = { x: null, y: null };\r\n\r\n    function init() {\r\n        w = root.offsetWidth;\r\n        h = 300;\r\n        canvas.width = w; \r\n        canvas.height = h;\r\n    }\r\n\r\n    function createParticle(x, y, isAuto) {\r\n        return {\r\n            x: x,\r\n            y: y,\r\n            \/\/ Les particules auto sont un peu plus petites et lentes\r\n            size: isAuto ? Math.random() * 2 + 0.5 : Math.random() * 3 + 1,\r\n            speedY: isAuto ? Math.random() * 1 + 0.5 : Math.random() * 2 + 1, \r\n            speedX: (Math.random() - 0.5) * (isAuto ? 0.5 : 1), \r\n            life: 1, \r\n            \/\/ Les particules auto vivent plus longtemps pour monter plus haut\r\n            decay: isAuto ? Math.random() * 0.005 + 0.005 : Math.random() * 0.02 + 0.01\r\n        };\r\n    }\r\n\r\n    function draw() {\r\n        ctx.clearRect(0, 0, w, h);\r\n        \r\n        \/\/ --- 1. AJOUT : G\u00c9N\u00c9RATION AUTOMATIQUE (AMBIANCE) ---\r\n        \/\/ Cr\u00e9e des particules al\u00e9atoires depuis le bas de l'\u00e9cran\r\n        if (particles.length < 150) { \/\/ Limite pour la performance\r\n            if (Math.random() < 0.2) { \/\/ Chance d'apparition par frame\r\n                particles.push(createParticle(Math.random() * w, h + 10, true));\r\n            }\r\n        }\r\n\r\n        \/\/ --- 2. INTERACTION SOURIS (SURCHARGE) ---\r\n        if(mouse.x !== null) {\r\n            for(let i=0; i<3; i++) { \r\n                particles.push(createParticle(mouse.x, mouse.y, false));\r\n            }\r\n        }\r\n\r\n        \/\/ --- 3. PHYSIQUE DES PARTICULES ---\r\n        for (let i = particles.length - 1; i >= 0; i--) {\r\n            let p = particles[i];\r\n            p.y -= p.speedY; \/\/ Monte\r\n            p.x += p.speedX; \/\/ D\u00e9rive\r\n            p.life -= p.decay; \/\/ Meurt\r\n\r\n            if (p.life <= 0) {\r\n                particles.splice(i, 1);\r\n            } else {\r\n                ctx.fillStyle = '#f5f5f5';\r\n                ctx.globalAlpha = p.life * 0.6; \/\/ Un peu plus subtil\r\n                ctx.beginPath();\r\n                ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);\r\n                ctx.fill();\r\n            }\r\n        }\r\n        requestAnimationFrame(draw);\r\n    }\r\n\r\n    const updateMouse = (e) => {\r\n        const r = canvas.getBoundingClientRect();\r\n        mouse.x = e.clientX - r.left; \r\n        mouse.y = e.clientY - r.top;\r\n    };\r\n\r\n    window.addEventListener('resize', init);\r\n    canvas.addEventListener('mousemove', updateMouse);\r\n    \/\/ On garde la souris active 1 seconde apr\u00e8s la sortie pour un effet de tra\u00een\u00e9e\r\n    canvas.addEventListener('mouseleave', () => { \r\n        setTimeout(() => { mouse.x = null; }, 100); \r\n    });\r\n    \r\n    init(); \r\n    draw();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6aa7bd5 elementor-widget elementor-widget-heading\" data-id=\"6aa7bd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059<\/h1>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-363cc05 e-con-full e-flex e-con e-child\" data-id=\"363cc05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-547cc40 elementor-widget elementor-widget-button\" data-id=\"547cc40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/innovacore.group\/ja\/watashitachi-ni-tsuite\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u79c1\u305f\u3061\u306e\u7269\u8a9e\u3092\u63a2\u3059<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>#innovacore-thx-interactive { width: 100%; height: 300px; display: flex; background: transparent; \/* Curseur p [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2369,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-4814","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/pages\/4814","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/comments?post=4814"}],"version-history":[{"count":6,"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/pages\/4814\/revisions"}],"predecessor-version":[{"id":7499,"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/pages\/4814\/revisions\/7499"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/media\/2369"}],"wp:attachment":[{"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/media?parent=4814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}