Vectaria 16x Zoom(F key toggle)

Press F to toggle 16x zoom on canvas only with increased render distance in Vectaria.io
换行
// ==UserScript==
// @name         Vectaria 16x Zoom(F key toggle)
// @namespace    http://tampermonkey.net/
// @version      2.3
// @description  Press F to toggle 16x zoom on canvas only with increased render distance in Vectaria.io
// @author       You
// @match        *://vectaria.io/*
// @grant        none
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';

    let zoomed = false;
    const scaleFactor = 16;              // 16倍ズームに変更
    const defaultRenderDistance = 12;    // デフォルト描画距離
    const zoomRenderDistance = 48;       // ズーム時の描画距離（必要に応じて調整）

    function waitForCanvas(callback) {
        const check = setInterval(() => {
            const canvas = document.querySelector('canvas');
            if (canvas) {
                clearInterval(check);
                callback(canvas);
            }
        }, 100);
    }

    function setRenderDistance(value) {
        try {
            if (typeof unsafeWindow !== "undefined" && unsafeWindow.renderDistance !== undefined) {
                unsafeWindow.renderDistance = value;
            } else if (window.renderDistance !== undefined) {
                window.renderDistance = value;
            } else {
                console.warn('[Zoom] renderDistance not found');
            }
        } catch (e) {
            console.warn('[Zoom] Failed to set renderDistance:', e);
        }
    }

    waitForCanvas((canvas) => {
        canvas.style.transition = 'transform 0.3s ease';
        canvas.style.transformOrigin = 'center center';

        window.addEventListener('keydown', (e) => {
            if (e.key.toLowerCase() === 'f' && !e.repeat) {
                zoomed = !zoomed;
                canvas.style.transform = zoomed ? `scale(${scaleFactor})` : 'scale(1)';
                setRenderDistance(zoomed ? zoomRenderDistance : defaultRenderDistance);
                console.log(`[Zoom] ${zoomed ? `ON (x${scaleFactor})` : 'OFF'}`);
            }
        });
    });
})();
欢迎访问Greasy Fork镜像
