Flowgame.io Custom Background!

Change the map background image

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Flowgame.io Custom Background!
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Change the map background image
// @author       Samira
// @match        *://*.flowgame.io/*
// @match        *://*.flowy.gg/*
// @grant        none
// @icon         https://www.google.com/s2/favicons?sz=64&domain=flowgame.io
// ==/UserScript==

window.addEventListener('load', function() {
    let url = localStorage.getItem('url');
    let backgroundImage = document.createElement('img');
    if (url) {
        backgroundImage.src = url;
    }

    let settings = [
        {
            name: 'url',
            title: 'Background Image URL',
            type: 'text',
            toolTip: 'Copy & paste the URL of an image that shall be used as map background',
            value: localStorage.getItem('url'),
            onChange: function(value) {
                url = value;
                localStorage.setItem('url', url);
                backgroundImage.src = url;
            }
        }
    ]

    let flow = window.flowExtensions.register('https://greasyfork.org/de/scripts/443067-flowgame-io-custom-background', settings);
    let originalDrawBackground = flow.drawBackground;
    flow.drawBackground = function(context, view) {
        if (url) {
            flow.drawImageBackground(context, view, backgroundImage, 0.5);
        } else {
            originalDrawBackground.call(flow, context, view);
        }
    };
});