script.js

/*
No way kokoyuki channel saw this and made a video about this lol. With some upgrades too. My respects for working through those upgrades on this chatgpt code mess.
Anyway channel owner if you're reading this I just want to hold you solely responsible for giving the koyuki brainrot to me. My brain is now NIHAHAHAHA, love ya.
*/

document.addEventListener('DOMContentLoaded', init);

function init() {
    const bgm = document.getElementById('bgm');
    const bgmIcon = document.getElementById('bgm-icon');
    let nihahahaSoundSrc = './sounds/nihahaha.ogx';
    let uwahSoundSrc = './sounds/uwah.ogx';
    let isBgmOn = false;
    bgm.volume = 0.8;

    window.addEventListener("dragstart", (e)=>e.preventDefault());

    document.getElementById('bgm-toggle').addEventListener('click', (e) => {
        e.stopPropagation();  // Prevents click event from propagating to the body
        toggleBgm();
    });
    
    document.body.addEventListener('click', (e) => handleBodyClick(e));

    function toggleBgm() {
        isBgmOn = !isBgmOn;
        if (isBgmOn) {
            bgm.play();
            bgmIcon.src = './img/bgm_on.png';
        } else {
            bgm.pause();
            bgmIcon.src = './img/bgm_off.png';
        }
    }

    function handleBodyClick(event) {
        if (event.target.id === 'bgm-icon') return;  // Ensure the click on BGM icon does not spawn another icon
        const iconType = Math.random() < 0.9 ? 'nihahaha' : 'uwah';
        playSound(iconType);
        addIcon(event, iconType);
    }

    function playSound(type) {
        const sound = new Audio(type === 'nihahaha' ? nihahahaSoundSrc : uwahSoundSrc);
        sound.play();
    }

    function addIcon(event, iconType) {
        const iconSize = Math.floor(Math.random() * 51) + 100; // Random size between 100 and 150 inclusive
        const icon = document.createElement('img');
        icon.classList.add('icon');
        icon.style.left = `${event.clientX}px`;
        icon.style.top = `${event.clientY}px`;
        icon.style.width = `${iconSize}px`;
        icon.style.height = `${iconSize}px`;
        icon.src = `./img/${iconType}.png`;
        document.body.appendChild(icon);
    }
}