Heart Clicker Cheat Panel

Adds a modern cheat panel to the Heart Clicker game with draggable functionality and additional features
换行
// ==UserScript==
// @name         Heart Clicker Cheat Panel
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  Adds a modern cheat panel to the Heart Clicker game with draggable functionality and additional features
// @match        https://heart-io.github.io/Heart/
// @grant        none
// @run-at       document-end
// ==/UserScript==
 
(function() {
    'use strict';
 
    // Styles for the cheat panel and buttons
    const style = document.createElement('style');
    style.innerHTML = `
        #cheat-panel {
            position: absolute;
            top: 20px;
            left: 20px;
            background: #fff;
            border: 1px solid #333;
            padding: 15px;
            border-radius: 10px;
            width: 350px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            z-index: 1000;
        }
        #cheat-panel h2 {
            margin: 0;
            font-size: 1.2em;
            color: #333;
        }
        .item {
            margin-bottom: 15px;
        }
        .item label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
        }
        .item input, .item select, .item button {
            width: 100%;
            padding: 10px;
            margin-top: 5px;
            font-size: 1em;
        }
        #close-cheat-panel, #reopen-cheat-panel {
            background: #ff4d4d;
            color: #fff;
            border: none;
            border-radius: 5px;
            padding: 10px;
            cursor: pointer;
            font-size: 1em;
        }
        #reopen-cheat-panel {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background: #4CAF50;
        }
        #warning-panel {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(0, 0, 0, 0.8);
            color: #fff;
            padding: 20px;
            border-radius: 10px;
            display: none;
            z-index: 1001;
        }
        #warning-panel button {
            margin: 5px;
            padding: 10px;
            font-size: 1em;
        }
        .bounce {
            animation: bounce 2s infinite;
        }
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0);
            }
            40% {
                transform: translateY(-30px);
            }
            60% {
                transform: translateY(-15px);
            }
        }
    `;
    document.head.appendChild(style);
 
    // Create cheat panel HTML
    const panelHtml = `
        <div id="cheat-panel">
            <h2>Cheat Panel</h2>
            <div class="item">
                <label for="set-hearts">Set Hearts:</label>
                <input type="number" id="set-hearts" placeholder="Enter hearts" />
                <button id="apply-hearts">Apply</button>
            </div>
            <div class="item">
                <label for="heart-selection">Change Heart Character:</label>
                <select id="heart-selection">
                    <!-- Dynamically filled with heart options -->
                </select>
                <button id="change-heart">Change</button>
            </div>
            <div class="item">
                <button id="unlock-admin">Unlock Admin Character</button>
            </div>
            <div class="item">
                <button id="realistic-mode">Realistic Mode</button>
            </div>
            <button id="close-cheat-panel">X</button>
        </div>
        <div id="warning-panel">
            <p>This might disturb you. Are you sure you want it realistic?</p>
            <button id="confirm-realistic">Yes</button>
            <button id="cancel-realistic">No</button>
        </div>
        <button id="reopen-cheat-panel">Show Cheat Panel</button>
    `;
    document.body.insertAdjacentHTML('beforeend', panelHtml);
 
    // Initialize heart characters
    const heartCharacters = [
        { symbol: '💙', name: 'Blue Heart', cost: 100 },
        { symbol: '💚', name: 'Green Heart', cost: 150 },
        { symbol: '💛', name: 'Yellow Heart', cost: 200 },
        { symbol: '💜', name: 'Purple Heart', cost: 250 },
        { symbol: '🤍', name: 'White Heart', cost: 300 },
        { symbol: '🖤', name: 'Black Heart', cost: 350 },
        { symbol: '💖', name: 'Sparkling Heart', cost: 400 },
        { symbol: '💗', name: 'Growing Heart', cost: 450 },
        { symbol: '💝', name: 'Heart with Ribbon', cost: 500 },
        { symbol: '💘', name: 'Heart with Arrow', cost: 550 },
        { symbol: '❤️‍🔥', name: 'Heart on Fire', cost: 600 },
        { symbol: '💞', name: 'Revolving Hearts', cost: 650 },
        { symbol: '💕', name: 'Two Hearts', cost: 700 },
        { symbol: '💟', name: 'Heart Decoration', cost: 750 },
        { symbol: '❣️', name: 'Heavy Heart Exclamation', cost: 800 },
        { symbol: '❤️‍🩹', name: 'Heart with Bandage', cost: 850 }
    ];
 
    // Populate heart selection
    const heartSelection = document.getElementById('heart-selection');
    heartCharacters.forEach(heart => {
        const option = document.createElement('option');
        option.value = heart.symbol;
        option.text = heart.name;
        heartSelection.add(option);
    });
 
    let heartCount = parseInt(localStorage.getItem('heartCount')) || 0;
    let currentHeart = localStorage.getItem('currentHeart') || '❤️';
    let realisticMode = false;
 
    function updateHeartCount() {
        const clicker = document.getElementById('clicker');
        if (clicker) {
            clicker.innerText = heartCount;
        }
    }
 
    function saveGameState() {
        localStorage.setItem('heartCount', heartCount);
        localStorage.setItem('currentHeart', currentHeart);
    }
 
    document.getElementById('apply-hearts').addEventListener('click', () => {
        const hearts = parseInt(document.getElementById('set-hearts').value);
        if (!isNaN(hearts) && hearts >= 0) {
            heartCount = hearts;
            updateHeartCount();
            saveGameState();
        } else {
            alert('Invalid heart count!');
        }
    });
 
    document.getElementById('change-heart').addEventListener('click', () => {
        const selectedHeart = document.getElementById('heart-selection').value;
        currentHeart = selectedHeart;
        const clicker = document.getElementById('clicker');
        if (clicker) {
            clicker.innerHTML = `<img src="${currentHeart}" style="width: 50px; height: 50px;">`;
            updateHeartCount();
            saveGameState();
        }
    });
 
    document.getElementById('unlock-admin').addEventListener('click', () => {
        currentHeart = 'https://i.ibb.co/txJkfHz/Untitled181-20240817233140.png'; // Admin Heart
        heartCount = 10000;
        const clicker = document.getElementById('clicker');
        if (clicker) {
            clicker.innerHTML = `<img src="${currentHeart}" style="width: 50px; height: 50px;">`;
            updateHeartCount();
            saveGameState();
        }
    });
 
    document.getElementById('realistic-mode').addEventListener('click', () => {
        document.getElementById('warning-panel').style.display = 'block';
    });
 
    document.getElementById('confirm-realistic').addEventListener('click', () => {
        realisticMode = true;
        currentHeart = 'https://i.ibb.co/xSVZBZq/IMG-7404.png'; // Realistic Heart
        const clicker = document.getElementById('clicker');
        if (clicker) {
            clicker.innerHTML = `<img src="${currentHeart}" style="width: 50px; height: 50px;">`;
            updateHeartCount();
            startRealisticMode();
            saveGameState();
            document.getElementById('warning-panel').style.display = 'none';
        }
    });
 
    document.getElementById('cancel-realistic').addEventListener('click', () => {
        document.getElementById('warning-panel').style.display = 'none';
    });
 
    function startRealisticMode() {
        setInterval(() => {
            if (realisticMode) {
                const clicker = document.getElementById('clicker');
                if (clicker) {
                    clicker.classList.toggle('bounce');
                    playHeartPumpSound();
                }
            }
        }, 2000);
    }
 
    function playHeartPumpSound() {
        const audio = new Audio('https://www.soundjay.com/button/sounds/button-16.mp3'); // Replace with heart pump sound URL
        audio.play();
    }
 
    // Draggable functionality
    function makeDraggable(element) {
        let offsetX, offsetY, isDragging = false;
 
        element.addEventListener('mousedown', (e) => {
            isDragging = true;
            offsetX = e.clientX - parseInt(window.getComputedStyle(element).left);
            offsetY = e.clientY - parseInt(window.getComputedStyle(element).top);
        });
 
        document.addEventListener('mousemove', (e) => {
            if (isDragging) {
                element.style.left = `${e.clientX - offsetX}px`;
                element.style.top = `${e.clientY - offsetY}px`;
            }
        });
 
        document.addEventListener('mouseup', () => {
            isDragging = false;
        });
    }
 
    makeDraggable(document.getElementById('cheat-panel'));
 
    document.getElementById('close-cheat-panel').addEventListener('click', () => {
        document.getElementById('cheat-panel').style.display = 'none';
        document.getElementById('reopen-cheat-panel').style.display = 'block';
    });
 
    document.getElementById('reopen-cheat-panel').addEventListener('click', () => {
        document.getElementById('cheat-panel').style.display = 'block';
        document.getElementById('reopen-cheat-panel').style.display = 'none';
    });
 
    // Initialize
    updateHeartCount();
})();