chore(controller): three-player-controller als Ordner statt Submodul

Das Submodul zeigte auf GitHub, der eingetragene Stand 028c652 lag aber nur
lokal vor: GitHub-Master ac39682 plus Showcase mit Figuren und launch.json.
Frische Klone konnten den Controller deshalb nicht laden. Jetzt liegt dieser
Stand als normaler Ordner im Repo, ohne Verweis auf GitHub.

dist/ und node_modules/ im Controller bleiben ignoriert und werden wie bisher
lokal gebaut.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

three-player-controller/example/public/glb/characters/Superhero_Female_FullBody.gltf

@@ -0,0 +1 @@
+{"asset":{"generator":"Khronos glTF Blender I/O v4.3.47","version":"2.0"},"scene":0,"scenes":[{"name":"Scene","nodes":[68]}],"nodes":[{"name":"Head","rotation":[-0.20467473566532135,-4.759437705400649e-21,1.2439442348830942e-21,0.9788300395011902],"translation":[-1.5903435849255598e-27,0.0711912140250206,2.0489096641540527e-08]},{"children":[0],"name":"neck_01","rotation":[0.3088374435901642,8.337463586651673e-21,-5.849849968646638e-21,0.95111483335495],"translation":[-1.0141478263557337e-20,0.19815585017204285,2.60770320892334e-08]},{"name":"index_04_leaf_l","rotation":[-8.381903171539307e-09,1,-1.5432005174599583e-14,3.6517765238386346e-06],"translation":[9.076757123693824e-10,0.023510519415140152,-3.8285477899080433e-08]},{"children":[2],"name":"index_03_l","rotation":[1.0023382124302316e-09,7.603918037758783e-13,-0.00013328436762094498,1],"scale":[0.9999999403953552,1,1],"translation":[4.420144250616431e-10,0.027111778035759926,-3.670398029953503e-08]},{"children":[3],"name":"index_02_l","rotation":[1.8987577732332284e-08,1.4024364247688936e-07,-0.002140256343409419,0.9999977350234985],"scale":[0.9999999403953552,1,1],"translation":[8.094502845779061e-11,0.03171013668179512,-6.863018597869086e-09]},{"children":[4],"name":"index_01_l","rotation":[-0.0033091865479946136,0.7071018815040588,-0.003309202380478382,0.7070961594581604],"translation":[0.004199977032840252,0.08823654055595398,0.03620496019721031]},{"name":"middle_04_leaf_l","rotation":[2.0489096641540527e-08,1,6.335320587363621e-14,3.6517765238386346e-06],"translation":[2.193701220676303e-09,0.029620492830872536,1.1362611473941797e-07]},{"children":[6],"name":"middle_03_l","rotation":[2.420814304571195e-08,1.4173854798182894e-11,-0.0032189602497965097,0.9999948143959045],"scale":[0.9999998807907104,0.9999999403953552,1],"translation":[-4.32646629633382e-09,0.02931377850472927,3.287611605173879e-08]},{"children":[7],"name":"middle_02_l","rotation":[-2.949975197452659e-08,1.402399334438087e-07,0.0038676888216286898,0.9999924898147583],"translation":[1.6816557035781443e-09,0.03642695024609566,1.0210540324351314e-07]},{"children":[8],"name":"middle_01_l","rotation":[-0.007979890331625938,0.7070646286010742,-0.007979941554367542,0.7070589065551758],"scale":[1,0.9999998807907104,1],"translation":[0.001899929717183113,0.08634158223867416,0.010671664960682392]},{"name":"pinky_04_leaf_l","rotation":[8.381903171539307e-09,1,5.647658583201112e-14,3.65177675121231e-06],"translation":[-1.317857822868973e-09,0.020919334143400192,-1.727942162688123e-07]},{"children":[10],"name":"pinky_03_l","rotation":[-2.1800540039862426e-08,5.25581791629981e-12,0.0028988486155867577,0.9999958276748657],"scale":[1,1.0000001192092896,1],"translation":[-1.318767317570746e-09,0.026631725952029228,-8.721048061488545e-08]},{"children":[11],"name":"pinky_02_l","rotation":[1.03155857189563e-08,1.4017835781032773e-07,-0.001705002854578197,0.9999985694885254],"scale":[0.9999999403953552,0.9999999403953552,1],"translation":[-2.967681211885065e-09,0.03083186410367489,-8.672896001371555e-08]},{"children":[12],"name":"pinky_01_l","rotation":[-0.01044775452464819,0.7070325016975403,-0.010447824373841286,0.7070267200469971],"scale":[0.9999999403953552,0.9999997615814209,0.9999999403953552],"translation":[0.003799965837970376,0.06994835287332535,-0.03399413824081421]},{"name":"ring_04_leaf_l","rotation":[2.7474015951156616e-08,1,1.0721373739979931e-13,3.65177675121231e-06],"translation":[9.5042196335271e-10,0.028301579877734184,-3.474425369631717e-08]},{"children":[14],"name":"ring_03_l","rotation":[2.6234243222234e-08,4.3393351412124304e-11,-0.0034884933847934008,0.9999939203262329],"translation":[7.703420124016702e-09,0.027600184082984924,-1.1280478418029816e-07]},{"children":[15],"name":"ring_02_l","rotation":[-1.8197205520209536e-08,1.4009778226409253e-07,0.002474082401022315,0.9999969601631165],"translation":[-9.877112461254e-10,0.035001225769519806,-1.5782489981575054e-07]},{"children":[16],"name":"ring_01_l","rotation":[0.0025809321086853743,0.7071049213409424,0.0025809479411691427,0.707099199295044],"scale":[0.9999999403953552,0.9999997615814209,0.9999999403953552],"translation":[0.0021999571472406387,0.08042963594198227,-0.013825255446135998]},{"name":"thumb_04_leaf_l","rotation":[-1.2782692238033633e-08,0.48539119958877563,2.0375746601075662e-07,0.8742970824241638],"scale":[0.9999999403953552,1,1],"translation":[-1.2670352589339018e-07,0.03127264976501465,3.073364496231079e-08]},{"children":[18],"name":"thumb_03_l","rotation":[-0.0012816648231819272,5.811178561998531e-05,0.0002541383437346667,0.9999991655349731],"scale":[1,1,0.9999999403953552],"translation":[2.2436142899096012e-07,0.035620346665382385,5.122274160385132e-09]},{"children":[19],"name":"thumb_02_l","rotation":[0.0019128327257931232,0.00019216042710468173,-0.0004484721284825355,0.9999980330467224],"scale":[1,0.9999998211860657,0.9999999403953552],"translation":[1.453081495128572e-07,0.03582108020782471,-1.3038516044616Line truncated

three-player-controller/example/public/glb/characters/Superhero_Male_FullBody.gltf

@@ -0,0 +1 @@
+{"asset":{"generator":"Khronos glTF Blender I/O v4.3.47","version":"2.0"},"scene":0,"scenes":[{"name":"Scene","nodes":[68]}],"nodes":[{"name":"Head","rotation":[-0.13207007944583893,0,0,0.991240382194519],"translation":[0,0.08285234868526459,9.313225746154785e-09]},{"children":[0],"name":"neck_01","rotation":[0.25725916028022766,0,0,0.9663424491882324],"translation":[0,0.21509313583374023,1.862645149230957e-08]},{"name":"index_04_leaf_l","rotation":[-1.789221437675792e-09,0.9998229742050171,3.712300440383842e-07,0.018816031515598297],"scale":[0.9999999403953552,1,1],"translation":[-1.1732481652870774e-09,0.024110054597258568,-1.3058706826996058e-07]},{"children":[2],"name":"index_03_l","rotation":[1.9416402210481465e-06,-7.145895324356388e-06,-0.00018566079961601645,1],"scale":[1,1,1.0000001192092896],"translation":[-5.757101462222636e-10,0.027911342680454254,5.889705789741129e-08]},{"children":[3],"name":"index_02_l","rotation":[3.8516853351211466e-07,4.9490859964862466e-05,-0.0005330402054823935,0.9999998807907104],"scale":[0.9999999403953552,1.0000001192092896,1],"translation":[-8.440110832452774e-10,0.032612428069114685,1.2031887308694422e-07]},{"children":[4],"name":"index_01_l","rotation":[0.008505093865096569,0.7068116664886475,-0.01852414943277836,0.7071080803871155],"scale":[1.0000001192092896,1.000000238418579,1.0000001192092896],"translation":[0.007159475702792406,0.1174025684595108,0.040643345564603806]},{"name":"middle_04_leaf_l","rotation":[-1.5724443969133972e-08,0.9998255372047424,5.420716675530457e-08,0.018679797649383545],"scale":[1,0.9999997019767761,1],"translation":[2.2610038286074996e-09,0.030519673600792885,1.955777406692505e-07]},{"children":[6],"name":"middle_03_l","rotation":[-4.686012857746391e-07,-5.432930265669711e-05,-0.0014198303688317537,0.9999990463256836],"scale":[0.9999999403953552,0.9999998211860657,1],"translation":[-5.793481250293553e-10,0.030116640031337738,-6.39629433862865e-08]},{"children":[7],"name":"middle_02_l","rotation":[5.612571953861334e-07,7.84045914770104e-05,0.0020528144668787718,0.9999979138374329],"scale":[1,1,1.0000001192092896],"translation":[-4.098183126188815e-09,0.03752607852220535,-1.7083948478102684e-08]},{"children":[8],"name":"middle_01_l","rotation":[0.005067416001111269,0.7067627906799316,-0.02195817232131958,0.7070916295051575],"scale":[1,0.9999999403953552,0.9999999403953552],"translation":[0.004682549275457859,0.1154387816786766,0.015113381668925285]},{"name":"pinky_04_leaf_l","rotation":[-6.453817924523264e-09,0.9998291730880737,2.147510969052746e-07,0.018483733758330345],"translation":[2.8803697205148637e-09,0.021523315459489822,-3.95521055907011e-08]},{"children":[10],"name":"pinky_03_l","rotation":[3.3508222259115428e-06,-0.00013744289753958583,0.0004660093109123409,0.9999998807907104],"scale":[0.9999998807907104,0.9999999403953552,0.9999998807907104],"translation":[-4.249159246683121e-09,0.027430830523371696,1.7808633856475353e-07]},{"children":[11],"name":"pinky_02_l","rotation":[3.9539517615594377e-07,9.536039578961208e-05,-0.0015674401074647903,0.9999988079071045],"scale":[1,0.9999999403953552,0.9999999403953552],"translation":[1.1932570487260818e-08,0.03163102641701698,-1.7530692275613546e-07]},{"children":[12],"name":"pinky_01_l","rotation":[0.002601056592538953,0.7066821455955505,-0.024414697661995888,0.7071049809455872],"scale":[1.0000001192092896,1.000000238418579,1.0000001192092896],"translation":[0.0060377283953130245,0.09854141622781754,-0.03461737558245659]},{"name":"ring_04_leaf_l","rotation":[8.940817863845041e-09,0.9998185634613037,5.402291662903735e-07,0.019049758091568947],"translation":[-9.167706593871117e-09,0.02910165674984455,5.82986103836447e-09]},{"children":[14],"name":"ring_03_l","rotation":[3.849756012641592e-06,-0.00025297756656073034,-0.003387551987543702,0.9999942183494568],"translation":[1.204170985147357e-09,0.028300179168581963,5.35583239980042e-08]},{"children":[15],"name":"ring_02_l","rotation":[-4.73642239740002e-06,0.00021853116049896926,0.00239976542070508,0.9999971389770508],"scale":[0.9999999403953552,0.9999999403953552,0.9999999403953552],"translation":[7.916241884231567e-09,0.03600123152136803,-8.07840478955768e-08]},{"children":[16],"name":"ring_01_l","rotation":[0.015323746018111706,0.7069170475006104,-0.011713176034390926,0.7070334553718567],"scale":[1,0.9999997615814209,1],"translation":[0.004751814063638449,0.10940060019493103,-0.012370164506137371]},{"name":"thumb_04_leaf_l","rotation":[1.285916511051255e-07,0.38270875811576843,-4.782022244853579e-08,0.9238690137863159],"scale":[1,0.9999999403953552,1],"translation":[-1.0035000741481781e-07,0.034558095037937164,2.1187588572502136e-08]},{"children":[18],"name":"thumb_03_l","rotation":[-5.349284037947655e-08,-2.9730843380093575e-05,1.7080456018447876e-06,1],"translation":[-1.2048985809087753e-08,0.03549090400338173,-2.9336661100387573e-08]},{"children":[19],"name":"thumb_02_l","rotation":[6.149784894660115e-07,4.712928785011172e-06,-3.21120Line truncated

three-player-controller/example/public/img/source.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" fill="#000000">
+    <path fill="none" d="M0 0h24v24H0V0z"/>
+    <path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/>
+</svg>

three-player-controller/example/public/loader.js

@@ -0,0 +1,221 @@
+(function () {
+    const script = document.currentScript || document.querySelector("script[src*='loader.js']");
+    const demo = script?.dataset?.demo || "";
+    const fade = 600;
+
+    if (!document.querySelector('link[href*="Cinzel"]')) {
+        const link = document.createElement("link");
+        link.rel = "stylesheet";
+        link.href = "https://fonts.googleapis.com/css2?family=Cinzel:wght@900&family=Nunito:wght@700&display=swap";
+        document.head.appendChild(link);
+    }
+
+    const style = document.createElement("style");
+    style.id = "__loader-style__";
+    style.textContent = `
+        html { height: 100%; }
+
+        #__loading-overlay__ {
+            position: fixed;
+            inset: 0;
+            z-index: 99999;
+            background: #ececec;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: opacity ${fade}ms cubic-bezier(0.4, 0, 0.2, 1);
+        }
+        #__loading-overlay__.fade-out {
+            opacity: 0;
+            pointer-events: none;
+        }
+        .__ldr-content__ {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            padding: 0 1.5rem;
+            user-select: none;
+        }
+        .__ldr-play__ {
+            width: 3.25rem;
+            height: 3.25rem;
+            border-radius: 50%;
+            background: #e8a020;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-bottom: 1.4rem;
+            box-shadow: 0 2px 8px rgba(232, 160, 32, 0.35);
+            animation: __ldr-pulse__ 1.6s ease-in-out infinite;
+        }
+        .__ldr-play__ svg {
+            width: 14px;
+            height: 14px;
+            fill: #fff;
+            margin-left: 2px;
+        }
+        .__ldr-title__ {
+            font-family: "Cinzel", serif;
+            font-size: clamp(1.4rem, 3.5vw, 2.2rem);
+            font-weight: 900;
+            letter-spacing: 0.06em;
+            color: #1a1a2e;
+            text-align: center;
+            margin-bottom: 0.3rem;
+        }
+        .__ldr-meta__ {
+            display: flex;
+            align-items: baseline;
+            justify-content: center;
+            flex-wrap: wrap;
+            gap: 0.45em;
+            margin-bottom: 1.5rem;
+        }
+        .__ldr-kicker__ {
+            font-family: "Nunito", sans-serif;
+            font-size: 0.78rem;
+            font-weight: 700;
+            color: #999;
+            letter-spacing: 0.14em;
+            text-transform: uppercase;
+        }
+        .__ldr-status__ {
+            font-family: "Nunito", sans-serif;
+            font-size: 0.88rem;
+            font-weight: 700;
+            color: #555;
+            line-height: 1.4;
+        }
+        .__ldr-status__:empty {
+            display: none;
+        }
+        .__ldr-progress__ {
+            width: min(220px, 70vw);
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 6px;
+        }
+        .__ldr-track__ {
+            width: 100%;
+            height: 4px;
+            background: rgba(0, 0, 0, 0.12);
+            border-radius: 2px;
+            overflow: hidden;
+        }
+        .__ldr-fill__ {
+            height: 100%;
+            width: 40%;
+            background: #e8a020;
+            border-radius: 2px;
+            transform: translateX(-120%);
+            animation: __ldr-slide__ 1.35s ease-in-out infinite;
+        }
+        .__ldr-fill__.is-determinate {
+            width: 0%;
+            transform: none;
+            animation: none;
+            transition: width 0.25s ease;
+        }
+        .__ldr-pct__ {
+            font-family: "Nunito", system-ui, sans-serif;
+            font-size: 12px;
+            font-weight: 700;
+            color: #555;
+            letter-spacing: 0.05em;
+            min-height: 1em;
+        }
+        @keyframes __ldr-pulse__ {
+            0%, 100% {
+                transform: scale(1);
+                box-shadow: 0 2px 8px rgba(232, 160, 32, 0.35);
+            }
+            50% {
+                transform: scale(1.08);
+                background: #f5b535;
+                box-shadow: 0 8px 24px rgba(232, 160, 32, 0.45);
+            }
+        }
+        @keyframes __ldr-slide__ {
+            0% { transform: translateX(-120%); }
+            100% { transform: translateX(350%); }
+        }
+        @media (prefers-reduced-motion: reduce) {
+            .__ldr-play__,
+            .__ldr-fill__ {
+                animation: none;
+            }
+            .__ldr-fill__:not(.is-determinate) {
+                width: 100%;
+                transform: none;
+            }
+            #__loading-overlay__ {
+                transition: none;
+            }
+        }
+    `;
+    document.head.appendChild(style);
+
+    const overlay = document.createElement("div");
+    overlay.id = "__loading-overlay__";
+    overlay.setAttribute("role", "status");
+    overlay.setAttribute("aria-busy", "true");
+    overlay.setAttribute("aria-live", "polite");
+    overlay.innerHTML = `
+        <div class="__ldr-content__">
+            <div class="__ldr-play__" aria-hidden="true">
+                <svg viewBox="0 0 10 10"><polygon points="2,1 9,5 2,9" /></svg>
+            </div>
+            <div class="__ldr-title__">three-player-controller</div>
+            <div class="__ldr-meta__">
+                <div class="__ldr-kicker__">Loading</div>
+                <div class="__ldr-status__" id="__ldr-status__"></div>
+            </div>
+            <div class="__ldr-progress__" id="__ldr-progress__">
+                <div class="__ldr-track__"><div class="__ldr-fill__" id="__ldr-fill__"></div></div>
+                <div class="__ldr-pct__" id="__ldr-pct__"></div>
+            </div>
+        </div>`;
+    document.documentElement.appendChild(overlay);
+
+    const fill = overlay.querySelector("#__ldr-fill__");
+    const pct = overlay.querySelector("#__ldr-pct__");
+    const status = overlay.querySelector("#__ldr-status__");
+    if (demo) status.textContent = demo;
+
+    window.setLoaderStatus = function (text) {
+        if (status) status.textContent = text || "";
+    };
+
+    window.setLoaderProgress = function (loaded, total) {
+        if (!fill) return;
+        if (total > 0) {
+            fill.classList.add("is-determinate");
+            const p = Math.min(100, Math.round((loaded / total) * 100));
+            fill.style.width = p + "%";
+            if (pct) pct.textContent = p + "%";
+        } else {
+            fill.classList.remove("is-determinate");
+            fill.style.width = "";
+            if (pct) pct.textContent = (loaded / 1048576).toFixed(1) + " MB";
+        }
+    };
+
+    window.hideLoader = function () {
+        const el = document.getElementById("__loading-overlay__");
+        if (!el || el.dataset.hiding) return;
+        el.dataset.hiding = "1";
+        el.classList.add("fade-out");
+        el.setAttribute("aria-busy", "false");
+
+        let cleaned = false;
+        const done = () => {
+            if (cleaned) return;
+            cleaned = true;
+            el.remove();
+            document.getElementById("__loader-style__")?.remove();
+        };
+        el.addEventListener("transitionend", done, { once: true });
+        setTimeout(done, fade + 80);
+    };
+})();