Keine Bearbeitungszusammenfassung
K Änderung von Narvik (Diskussion) wurde auf die letzte Version von Secretsofnele zurückgesetzt
Markierung: Zurücksetzung
 
(8 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
// === Goreanische runde Uhr für MediaWiki ===
mw.loader.using(['mediawiki.util'], function () {
mw.loader.using(['mediawiki.util'], function () {


Zeile 12: Zeile 11:
     // Erdtag (24h) → goreanischer Tag (64000 Ihn)
     // Erdtag (24h) → goreanischer Tag (64000 Ihn)
     const SEC_PER_IHN = 86400 / IHN_PER_DAY;        // ≈ 1,35 s pro Ihn
     const SEC_PER_IHN = 86400 / IHN_PER_DAY;        // ≈ 1,35 s pro Ihn
    // Ziffernblatt-Konstanten für Ahn (10er-Blatt)
    const STEP_AHN = 360 / 10;  // 10 Felder
    const BASE_OFFSET_AHN = 36;  // sorgt dafür, dass 10/20 oben stehen


     function getGoreanTime() {
     function getGoreanTime() {
Zeile 22: Zeile 25:


         const ahnIndex = Math.floor(dayIhn / IHN_PER_AHN); // 0–19
         const ahnIndex = Math.floor(dayIhn / IHN_PER_AHN); // 0–19
         const rest1 = dayIhn % IHN_PER_AHN;
         const rest = dayIhn % IHN_PER_AHN;


         const ehn = Math.floor(rest1 / IHN_PER_EHN);       // 0–39
         const ehn = Math.floor(rest / IHN_PER_EHN);       // 0–39
         const ihn = rest1 % IHN_PER_EHN;                   // 0–79 (inkl. Nachkomma)
         const ihn = rest % IHN_PER_EHN;                   // 0–79 (inkl. Nachkomma)


         const ahn = ahnIndex + 1; // Anzeige 1–20
         const ahn = ahnIndex + 1; // 1–20


         return { ahnIndex, ahn, ehn, ihn };
         return { ahnIndex, ahn, ehn, ihn };
Zeile 36: Zeile 39:
         if (!clock) return;
         if (!clock) return;


        // Doppelte Erzeugung verhindern, falls Hook mehrfach feuert
         if (clock.dataset.gorDialBuilt === "1") return;
         if (clock.dataset.gorDialBuilt === "1") return;
         clock.dataset.gorDialBuilt = "1";
         clock.dataset.gorDialBuilt = "1";
Zeile 43: Zeile 45:
         const centerY = clock.clientHeight / 2;
         const centerY = clock.clientHeight / 2;


         const radiusOuter = 100;  // äußere Zahlen (1–10)
         const radiusOuter = 100;  // 1–10
         const radiusInner = 78;  // innere Zahlen (11–20)
         const radiusInner = 78;  // 11–20


        // 10-Stunden-Ziffernblatt: 1–10 außen, 11–20 innen
         for (let i = 0; i < 10; i++) {
         for (let i = 0; i < 10; i++) {
             const angle = (360 / 10) * i; // 0..324° in 36°-Schritten
             // Winkel für 1–10 / 11–20 in 36°-Schritten, oben = 10/20
            const angle = BASE_OFFSET_AHN + STEP_AHN * i;


             // Tick (Strich am Rand)
             // Umrechnung auf Canvas-Math: oben = -90°
            const tick = document.createElement("div");
             const rad = (angle - 90) * Math.PI / 180;
            tick.className = "gor-tick";
             tick.style.transform = `translate(-50%, -100%) rotate(${angle}deg)`;
            clock.appendChild(tick);


             // Äußere Zahl: 1–10
             // ÄUSSERE ZAHL (1–10)
             const numOuter = document.createElement("div");
             const numOuter = document.createElement("div");
             numOuter.className = "gor-number";
             numOuter.className = "gor-number";
             const ahnOuter = i + 1; // 1..10
             numOuter.textContent = i + 1;
            const radOuter = (angle - 90) * Math.PI / 180; // -90°, damit 1 oben ist


             numOuter.style.left = (centerX + radiusOuter * Math.cos(radOuter)) + "px";
             numOuter.style.left = (centerX + radiusOuter * Math.cos(rad)) + "px";
             numOuter.style.top  = (centerY + radiusOuter * Math.sin(radOuter)) + "px";
             numOuter.style.top  = (centerY + radiusOuter * Math.sin(rad)) + "px";
            numOuter.textContent = ahnOuter;
             clock.appendChild(numOuter);
             clock.appendChild(numOuter);


             // Innere Zahl: 11–20
             // INNERE ZAHL (11–20)
             const numInner = document.createElement("div");
             const numInner = document.createElement("div");
             numInner.className = "gor-number gor-number-inner";
             numInner.className = "gor-number gor-number-inner";
             const ahnInner = i + 11; // 11..20
             numInner.textContent = i + 11;
            const radInner = (angle - 90) * Math.PI / 180;


             numInner.style.left = (centerX + radiusInner * Math.cos(radInner)) + "px";
             numInner.style.left = (centerX + radiusInner * Math.cos(rad)) + "px";
             numInner.style.top  = (centerY + radiusInner * Math.sin(radInner)) + "px";
             numInner.style.top  = (centerY + radiusInner * Math.sin(rad)) + "px";
            numInner.textContent = ahnInner;
             clock.appendChild(numInner);
             clock.appendChild(numInner);
         }
         }
Zeile 87: Zeile 82:
         if (!handAhn || !handEhn || !handIhn) return;
         if (!handAhn || !handEhn || !handIhn) return;


         const time = getGoreanTime();
         const t = getGoreanTime();
 
        // === Ahn-Zeiger: 10er-Blatt, zwei Runden pro Tag, passend zum Ziffernblatt ===
        const ahnCycle = (t.ahn - 1) % 10; // 0..9 (1–10 / 11–20)
        const fractionInAhn =
            t.ehn / EHN_PER_AHN + t.ihn / IHN_PER_AHN; // Anteil innerhalb der aktuellen Ahn


        // Ahn-Zeiger: 10er-Ziffernblatt, 2 Umdrehungen pro Tag
         const angleAhn = BASE_OFFSET_AHN + STEP_AHN * (ahnCycle + fractionInAhn);
        // (1–10 & 11–20 teilen sich die gleiche Skala)
        const ahnCycle = (time.ahn - 1) % 10; // 0..9
         const angleAhn = ((ahnCycle + time.ehn / EHN_PER_AHN + time.ihn / (EHN_PER_AHN * IHN_PER_EHN)) / 10) * 360;


         // Ehn-Zeiger: 40 Ehn pro Umdrehung
         // === Ehn-Zeiger (40 Ehn pro Umdrehung) ===
         const angleEhn = ((time.ehn + time.ihn / IHN_PER_EHN) / EHN_PER_AHN) * 360;
         const angleEhn = ((t.ehn + t.ihn / IHN_PER_EHN) / EHN_PER_AHN) * 360;


         // Ihn-Zeiger: 80 Ihn pro Umdrehung
         // === Ihn-Zeiger (80 Ihn pro Umdrehung) ===
         const angleIhn = (time.ihn / IHN_PER_EHN) * 360;
         const angleIhn = (t.ihn / IHN_PER_EHN) * 360;


         handAhn.style.transform = `translate(-50%, -100%) rotate(${angleAhn}deg)`;
         handAhn.style.transform = `translate(-50%, -100%) rotate(${angleAhn}deg)`;
Zeile 104: Zeile 101:
         handIhn.style.transform = `translate(-50%, -100%) rotate(${angleIhn}deg)`;
         handIhn.style.transform = `translate(-50%, -100%) rotate(${angleIhn}deg)`;


         // Digitale Anzeige
         // Digitale Ausgabe
        const pad2 = n => String(Math.floor(n)).padStart(2, "0");
 
         const dAhn = document.getElementById("digitalAhn");
         const dAhn = document.getElementById("digitalAhn");
         const dEhn = document.getElementById("digitalEhn");
         const dEhn = document.getElementById("digitalEhn");
Zeile 110: Zeile 109:
         const info = document.getElementById("ahnInfo");
         const info = document.getElementById("ahnInfo");


        const pad2 = n => String(Math.floor(n)).padStart(2, "0");
         if (dAhn) dAhn.textContent = "Ahn " + pad2(t.ahn);
 
         if (dEhn) dEhn.textContent = "Ehn " + pad2(t.ehn);
         if (dAhn) dAhn.textContent = "Ahn " + pad2(time.ahn);
         if (dIhn) dIhn.textContent = "Ihn " + pad2(t.ihn);
         if (dEhn) dEhn.textContent = "Ehn " + pad2(time.ehn);
         if (dIhn) dIhn.textContent = "Ihn " + pad2(time.ihn);


         if (info) {
         if (info) {
             if (time.ahn === 10) {
             if (t.ahn === 10) {
                 info.textContent = "10. Ahn – goreanischer Mittag";
                 info.textContent = "10. Ahn – goreanischer Mittag";
             } else if (time.ahn === 20) {
             } else if (t.ahn === 20) {
                 info.textContent = "20. Ahn – goreanische Mitternacht";
                 info.textContent = "20. Ahn – goreanische Mitternacht";
             } else {
             } else {
                 info.textContent = time.ahn + ". Ahn des goreanischen Tages";
                 info.textContent = t.ahn + ". Ahn des goreanischen Tages";
             }
             }
         }
         }
     }
     }


     function initGoreanClock() {
     function init() {
         const clock = document.getElementById("gorClock");
         if (!document.getElementById("gorClock")) return;
        if (!clock) return;


         buildDial();
         buildDial();
         updateGoreanClock();
         updateGoreanClock();
         setInterval(updateGoreanClock, 150);
         setInterval(updateGoreanClock, 300); // 300 ms = ok für Performance
     }
     }


    // Initialisierung, wenn Seiteninhalt geladen ist
     mw.hook('wikipage.content').add(init);
     mw.hook('wikipage.content').add(initGoreanClock);
});
});

Aktuelle Version vom 27. November 2025, 08:26 Uhr

mw.loader.using(['mediawiki.util'], function () {

    // Goreanische Konstanten
    const IHN_PER_EHN = 80;
    const EHN_PER_AHN = 40;
    const AHN_PER_DAY = 20;

    const IHN_PER_AHN = IHN_PER_EHN * EHN_PER_AHN;   // 80 * 40 = 3200
    const IHN_PER_DAY = IHN_PER_AHN * AHN_PER_DAY;   // 3200 * 20 = 64000

    // Erdtag (24h) → goreanischer Tag (64000 Ihn)
    const SEC_PER_IHN = 86400 / IHN_PER_DAY;         // ≈ 1,35 s pro Ihn

    // Ziffernblatt-Konstanten für Ahn (10er-Blatt)
    const STEP_AHN = 360 / 10;   // 10 Felder
    const BASE_OFFSET_AHN = 36;  // sorgt dafür, dass 10/20 oben stehen

    function getGoreanTime() {
        const now = new Date();
        const midnight = new Date(now.getFullYear(), now.getMonth(), now.getDate());
        const elapsed = (now - midnight) / 1000; // Sekunden seit Mitternacht

        const totalIhn = elapsed / SEC_PER_IHN;
        const dayIhn = ((totalIhn % IHN_PER_DAY) + IHN_PER_DAY) % IHN_PER_DAY;

        const ahnIndex = Math.floor(dayIhn / IHN_PER_AHN); // 0–19
        const rest = dayIhn % IHN_PER_AHN;

        const ehn = Math.floor(rest / IHN_PER_EHN);        // 0–39
        const ihn = rest % IHN_PER_EHN;                    // 0–79 (inkl. Nachkomma)

        const ahn = ahnIndex + 1; // 1–20

        return { ahnIndex, ahn, ehn, ihn };
    }

    function buildDial() {
        const clock = document.getElementById("gorClock");
        if (!clock) return;

        if (clock.dataset.gorDialBuilt === "1") return;
        clock.dataset.gorDialBuilt = "1";

        const centerX = clock.clientWidth / 2;
        const centerY = clock.clientHeight / 2;

        const radiusOuter = 100;  // 1–10
        const radiusInner = 78;   // 11–20

        for (let i = 0; i < 10; i++) {
            // Winkel für 1–10 / 11–20 in 36°-Schritten, oben = 10/20
            const angle = BASE_OFFSET_AHN + STEP_AHN * i;

            // Umrechnung auf Canvas-Math: oben = -90°
            const rad = (angle - 90) * Math.PI / 180;

            // ÄUSSERE ZAHL (1–10)
            const numOuter = document.createElement("div");
            numOuter.className = "gor-number";
            numOuter.textContent = i + 1;

            numOuter.style.left = (centerX + radiusOuter * Math.cos(rad)) + "px";
            numOuter.style.top  = (centerY + radiusOuter * Math.sin(rad)) + "px";
            clock.appendChild(numOuter);

            // INNERE ZAHL (11–20)
            const numInner = document.createElement("div");
            numInner.className = "gor-number gor-number-inner";
            numInner.textContent = i + 11;

            numInner.style.left = (centerX + radiusInner * Math.cos(rad)) + "px";
            numInner.style.top  = (centerY + radiusInner * Math.sin(rad)) + "px";
            clock.appendChild(numInner);
        }
    }

    function updateGoreanClock() {
        const handAhn = document.getElementById("handAhn");
        const handEhn = document.getElementById("handEhn");
        const handIhn = document.getElementById("handIhn");

        if (!handAhn || !handEhn || !handIhn) return;

        const t = getGoreanTime();

        // === Ahn-Zeiger: 10er-Blatt, zwei Runden pro Tag, passend zum Ziffernblatt ===
        const ahnCycle = (t.ahn - 1) % 10; // 0..9 (1–10 / 11–20)
        const fractionInAhn =
            t.ehn / EHN_PER_AHN + t.ihn / IHN_PER_AHN; // Anteil innerhalb der aktuellen Ahn

        const angleAhn = BASE_OFFSET_AHN + STEP_AHN * (ahnCycle + fractionInAhn);

        // === Ehn-Zeiger (40 Ehn pro Umdrehung) ===
        const angleEhn = ((t.ehn + t.ihn / IHN_PER_EHN) / EHN_PER_AHN) * 360;

        // === Ihn-Zeiger (80 Ihn pro Umdrehung) ===
        const angleIhn = (t.ihn / IHN_PER_EHN) * 360;

        handAhn.style.transform = `translate(-50%, -100%) rotate(${angleAhn}deg)`;
        handEhn.style.transform = `translate(-50%, -100%) rotate(${angleEhn}deg)`;
        handIhn.style.transform = `translate(-50%, -100%) rotate(${angleIhn}deg)`;

        // Digitale Ausgabe
        const pad2 = n => String(Math.floor(n)).padStart(2, "0");

        const dAhn = document.getElementById("digitalAhn");
        const dEhn = document.getElementById("digitalEhn");
        const dIhn = document.getElementById("digitalIhn");
        const info = document.getElementById("ahnInfo");

        if (dAhn) dAhn.textContent = "Ahn " + pad2(t.ahn);
        if (dEhn) dEhn.textContent = "Ehn " + pad2(t.ehn);
        if (dIhn) dIhn.textContent = "Ihn " + pad2(t.ihn);

        if (info) {
            if (t.ahn === 10) {
                info.textContent = "10. Ahn – goreanischer Mittag";
            } else if (t.ahn === 20) {
                info.textContent = "20. Ahn – goreanische Mitternacht";
            } else {
                info.textContent = t.ahn + ". Ahn des goreanischen Tages";
            }
        }
    }

    function init() {
        if (!document.getElementById("gorClock")) return;

        buildDial();
        updateGoreanClock();
        setInterval(updateGoreanClock, 300); // 300 ms = ok für Performance
    }

    mw.hook('wikipage.content').add(init);
});