isaikr 0.0.1

package/cdn/go2.js

@@ -0,0 +1,127 @@
+function createRandomBackground() {
+    const container = document.getElementById('bg-characters-container');
+    if (!container) return;
+    for (let i = 0; i < 20; i++) {
+        const img = document.createElement('img');
+        const randNum = Math.floor(Math.random() * 14) + 1;
+        img.src = `https://cdn.jsdelivr.net/gh/sllkx/icons@main/char/${randNum}.png`;
+        img.className = "absolute select-none opacity-20 pointer-events-none transition-opacity duration-500";
+        const randSize = Math.floor(Math.random() * 90) + 40;
+        img.style.width = `${randSize}px`;
+        img.style.height = 'auto';
+        img.style.top = `${Math.random() * 100}%`;
+        img.style.left = `${Math.random() * 100}%`;
+        img.style.transform = `translate(-50%, -50%) rotate(${Math.floor(Math.random() * 360)}deg)`;
+        container.appendChild(img);
+    }
+}
+window.addEventListener('DOMContentLoaded', createRandomBackground);
+
+const userLang = typeof appConfig !== 'undefined' ? appConfig.userLang : 'en';
+const targetUrl = typeof appConfig !== 'undefined' ? appConfig.targetUrl : 'https://isai.kr/';
+
+const cheeringMessages = {
+    ko: { r1: "시작! 클릭해 속도 올리기 (TAP!)", r2: "절반 달성! 계속 탭하기 (TAP!)", r3: "거의 다 왔어요! 힘내세요 (TAP!)", r4: "마지막 스퍼트! 조금만 더 (TAP!)", r5: "이동 준비 완료!", r6: "★ 완료! 클릭해서 이동하기 (Go!) ★" },
+    en: { r1: "Start! Tap to speed up (TAP!)", r2: "Halfway! Keep tapping (TAP!)", r3: "Almost there! Keep going (TAP!)", r4: "Final sprint! Just a bit more (TAP!)", r5: "Ready to go!", r6: "★ Complete! Click to Proceed (Go!) ★" },
+    es: { r1: "¡Iniciar! Toca para acelerar (TAP!)", r2: "¡Mitad! Sigue tocando (TAP!)", r3: "¡Casi listo! ¡Vamos! (TAP!)", r4: "¡Esprint final! Un poco más (TAP!)", r5: "¡Listo para ir!", r6: "★ ¡Completo! Haz clic para continuar ★" },
+    hi: { r1: "शुरू! गति बढ़ाएं (TAP!)", r2: "आधा रास्ता! टैप करते रहें (TAP!)", r3: "बस पहुंचने वाले हैं! चलो! (TAP!)", r4: "अंतिम प्रयास! बस थोड़ा और (TAP!)", r5: "जाने के लिए तैयार!", r6: "★ पूरा हुआ! आगे बढ़ने के लिए क्लिक करें ★" },
+    ja: { r1: "開始！タップで高速化 (TAP!)", r2: "半分達成！タップ継続！ (TAP!)", r3: "あと少し！がんばって！ (TAP!)", r4: "ラストスパート！一息！ (TAP!)", r5: "移動します！", r6: "★ 完了！クリックして移動する ★" }
+};
+
+function getCheeringText(pct) {
+    const langData = cheeringMessages[userLang] || cheeringMessages['en'];
+    const msg = pct <= 30 ? langData.r1 : pct <= 60 ? langData.r2 : pct <= 90 ? langData.r3 : pct < 100 ? langData.r4 : langData.r5;
+    return `${pct}% - ${msg}`;
+}
+
+function getFinalClickText() {
+    return (cheeringMessages[userLang] || cheeringMessages['en']).r6;
+}
+
+let progress = 0, isReadyToRedirect = false, isCompleted = false, isCooldown = false, score = 0;
+
+const progressBar = document.getElementById('progress-bar');
+const progressText = document.getElementById('progress-text');
+const loadingTrigger = document.getElementById('loading-trigger');
+const characterGame = document.getElementById('character-game');
+const gameCharImg = document.getElementById('game-char-img');
+const cardContainer = document.getElementById('card-container');
+const scoreBoard = document.getElementById('game-score');
+
+function updateProgress(value) {
+    if (isCompleted || isReadyToRedirect) return;
+    progress = Math.min(100, Math.max(0, value));
+    progressBar.style.width = progress + '%';
+    progressText.textContent = getCheeringText(progress);
+
+    if (progress >= 100) {
+        isReadyToRedirect = true;
+        clearInterval(autoIncrementInterval);
+        progressBar.classList.add('bg-emerald-500');
+        progressBar.classList.remove('bg-white');
+        loadingTrigger.classList.remove('opacity-40', 'cursor-not-allowed');
+        loadingTrigger.classList.add('cursor-pointer', 'animate-pulse');
+        progressText.textContent = getFinalClickText();
+    }
+}
+
+function handleFinalRedirect() {
+    if (isCompleted) return;
+    isCompleted = true;
+    window.open('https://omg10.com/4/10628199', '_blank');
+    window.location.href = targetUrl;
+}
+
+function spawnFloatingEffect(triggerElement, text) {
+    const rect = triggerElement.getBoundingClientRect();
+    const cardRect = cardContainer.getBoundingClientRect();
+    const x = rect.left - cardRect.left + (rect.width / 2);
+    const top = rect.top - cardRect.top;
+    const effectEl = document.createElement('div');
+    effectEl.textContent = text;
+    effectEl.className = "absolute text-amber-300 font-black text-xs pointer-events-none select-none z-50 transition-all duration-500 ease-out";
+    effectEl.style.left = `${x}px`;
+    effectEl.style.top = `${top}px`;
+    effectEl.style.transform = 'translateX(-50%)';
+    cardContainer.appendChild(effectEl);
+    effectEl.offsetHeight;
+    effectEl.style.top = `${top - 40}px`;
+    effectEl.style.opacity = '0';
+    setTimeout(() => effectEl.remove(), 500);
+}
+
+updateProgress(0);
+
+const autoIncrementInterval = setInterval(() => {
+    if (!isReadyToRedirect) updateProgress(progress + 1);
+}, 3000);
+
+loadingTrigger.addEventListener('click', () => {
+    if (isReadyToRedirect) {
+        handleFinalRedirect();
+        return;
+    }
+    if (isCompleted || isCooldown) return;
+    isCooldown = true;
+    loadingTrigger.classList.add('opacity-40', 'cursor-not-allowed');
+    loadingTrigger.classList.remove('cursor-pointer');
+    spawnFloatingEffect(loadingTrigger, '+3%');
+    updateProgress(progress + 3);
+    setTimeout(() => {
+        isCooldown = false;
+        if (!isReadyToRedirect) {
+            loadingTrigger.classList.remove('opacity-40', 'cursor-not-allowed');
+            loadingTrigger.classList.add('cursor-pointer');
+        }
+    }, 2000);
+});
+
+characterGame.addEventListener('click', () => {
+    if (isCompleted) return;
+    score++;
+    scoreBoard.textContent = score;
+    gameCharImg.classList.add('animate-squish');
+    gameCharImg.addEventListener('animationend', () => gameCharImg.classList.remove('animate-squish'), { once: true });
+    gameCharImg.src = `https://cdn.jsdelivr.net/gh/sllkx/icons@main/char/${Math.floor(Math.random() * 14) + 1}.png`;
+    spawnFloatingEffect(characterGame, '+1');
+});