Fix Editor scroll zoom sensitivity - Bonk.io

Fixes scrolling in the editor causing zoom to go ZOOOM (ie when using a trackpad)

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Для установки этого скрипта вам необходимо установить расширение, такое как Tampermonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

// ==UserScript==
// @name         Fix Editor scroll zoom sensitivity - Bonk.io
// @description  Fixes scrolling in the editor causing zoom to go ZOOOM (ie when using a trackpad)
// @author       Excigma
// @namespace    https://github.com/Excigma
// @license      GPL-3.0
// @version      0.0.2
// @match        https://bonk.io/gameframe-release.html
// @grant        none
// @run-at       document-idle
// ==/UserScript==

(() => {
	const REVERSE_SCROLL = false;
	const SENSITIVITY = 0.02;

	const mapeditor_midbox_previewcontainer = document.querySelector("#mapeditor_midbox_previewcontainer");
	const classic_mid_customgame = document.getElementById("classic_mid_customgame");

	// This requires the newest version of kklee
	classic_mid_customgame.addEventListener("click", () => {
		if (!window.kklee) {
			alert("Editor scroll zoom tweaks requires kklee to be installed.\nMake sure you have kklee installed.\nIf you have it installed:\n- either kklee failed to load\n- or kklee changed its code and is no longer compatible");
		} else {
			let scroll_amount = 0;
			mapeditor_midbox_previewcontainer.addEventListener("wheel", evt => {
				scroll_amount += evt.deltaY * SENSITIVITY * (REVERSE_SCROLL ? 1 : -1);

				// Once a threshold is reached...
				if (scroll_amount > 1) {
					// Zoom in
					window.kklee.stageRenderer.scaleStage(1.25);
					window.kklee.updateRenderer();
					scroll_amount = 0;
				} else if (scroll_amount < -1) {
					// Zoom out
					window.kklee.stageRenderer.scaleStage(0.8);
					window.kklee.updateRenderer();
					scroll_amount = 0;
				}
		
				// Don't let bonk.io handle the scroll event
				evt.stopImmediatePropagation();
				evt.preventDefault();
			});
		}
	});
})();