lets you scroll zoom on agma with ease if you're on a laptop without a mouse.
// ==UserScript==
// @name Agma.io Scroll Buttons
// @namespace http://tampermonkey.net/
// @version 0.2
// @description lets you scroll zoom on agma with ease if you're on a laptop without a mouse.
// @icon https://www.google.com/s2/favicons?sz=64&domain=agma.io
// @author Day
// @license GPL-3.0-or-later
// @match https://agma.io/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
const scrollUpButton = document.createElement('button');
scrollUpButton.id = 'scrollUpButton';
scrollUpButton.innerText = '▲';
scrollUpButton.style.position = 'fixed';
scrollUpButton.style.top = '10px';
scrollUpButton.style.left = '400px';
scrollUpButton.style.width = '30px';
scrollUpButton.style.height = '30px';
scrollUpButton.style.borderRadius = '50%';
scrollUpButton.style.backgroundColor = '#ffffff';
scrollUpButton.style.color = '#000000';
scrollUpButton.style.fontSize = '16px';
scrollUpButton.style.fontWeight = 'bold';
scrollUpButton.style.border = 'none';
scrollUpButton.style.outline = 'none';
document.body.appendChild(scrollUpButton);
const scrollDownButton = document.createElement('button');
scrollDownButton.id = 'scrollDownButton';
scrollDownButton.innerText = '▼';
scrollDownButton.style.position = 'fixed';
scrollDownButton.style.top = '10px';
scrollDownButton.style.left = '440px';
scrollDownButton.style.width = '30px';
scrollDownButton.style.height = '30px';
scrollDownButton.style.borderRadius = '50%';
scrollDownButton.style.backgroundColor = '#ffffff';
scrollDownButton.style.color = '#000000';
scrollDownButton.style.fontSize = '16px';
scrollDownButton.style.fontWeight = 'bold';
scrollDownButton.style.border = 'none';
scrollDownButton.style.outline = 'none';
document.body.appendChild(scrollDownButton);
document.getElementById('scrollUpButton').addEventListener('click', function() {
const container = document.getElementById('canvas');
simulateScroll(container, -100);
});
document.getElementById('scrollDownButton').addEventListener('click', function() {
const container = document.getElementById('canvas');
simulateScroll(container, 100);
});
function simulateScroll(element, deltaY) {
const event = new WheelEvent('wheel', {
bubbles: true,
deltaY: deltaY,
view: window
});
element.dispatchEvent(event);
}
})();