☰

Kogama Keyboard Injector

Injects an Apple-like keyboard script into Kogama game pages automatically, including within iframes.

  1. // ==UserScript==
  2. // @name         Kogama Keyboard Injector
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.0
  5. // @description  Injects an Apple-like keyboard script into Kogama game pages automatically, including within iframes.
  6. // @author       YourName
  7. // @match        *://www.kogama.com/*
  8. // @match        *://friends.kogama.com/*
  9. // @match        *://kogama.com.br/*
  10. // @match        *://www.kogama.com.br/*
  11. // @match        *://kogama.game/*
  12. // @grant        none
  13. // ==/UserScript==
  14.  
  15. (function() {
  16.     'use strict';
  17.  
  18.     // Function to create and inject the keyboard script
  19.     function injectKeyboardScript() {
  20.         const script = document.createElement('script');
  21.         script.textContent = `
  22.             // Your custom keyboard script here
  23.             
  24.             // Create keyboard container
  25.             const keyboardContainer = document.createElement('div');
  26.             keyboardContainer.style.position = 'fixed';
  27.             keyboardContainer.style.bottom = '20px';
  28.             keyboardContainer.style.left = '50%';
  29.             keyboardContainer.style.transform = 'translateX(-50%)';
  30.             keyboardContainer.style.width = '95%';
  31.             keyboardContainer.style.maxWidth = '1200px';
  32.             keyboardContainer.style.height = '300px';
  33.             keyboardContainer.style.backgroundColor = '#d4d4d4';  // Light grey background
  34.             keyboardContainer.style.border = '1px solid #ccc';
  35.             keyboardContainer.style.borderRadius = '15px';
  36.             keyboardContainer.style.zIndex = '10000';
  37.             keyboardContainer.style.display = 'none'; // Initially hidden
  38.             keyboardContainer.style.padding = '10px';
  39.             keyboardContainer.style.boxShadow = '0px 4px 15px rgba(0,0,0,0.2)';
  40.             keyboardContainer.style.userSelect = 'none';
  41.             keyboardContainer.style.fontFamily = 'sans-serif'; // Apple-like font
  42.             document.body.appendChild(keyboardContainer);
  43.  
  44.             // Function to toggle keyboard visibility
  45.             function toggleKeyboardVisibility() {
  46.                 if (keyboardContainer.style.display === 'none') {
  47.                     keyboardContainer.style.display = 'block';
  48.                 } else {
  49.                     keyboardContainer.style.display = 'none';
  50.                 }
  51.             }
  52.  
  53.             // Detect if the user is on mobile or PC
  54.             const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
  55.  
  56.             if (isMobile) {
  57.                 // Mobile: Create open/close button
  58.                 const toggleButton = document.createElement('button');
  59.                 toggleButton.textContent = '⌨️ Open Keyboard';
  60.                 toggleButton.style.position = 'fixed';
  61.                 toggleButton.style.bottom = '330px';
  62.                 toggleButton.style.left = '10px';
  63.                 toggleButton.style.padding = '10px 20px';
  64.                 toggleButton.style.zIndex = '10001';
  65.                 toggleButton.style.backgroundColor = '#007aff';  // Apple blue color
  66.                 toggleButton.style.color = '#fff';
  67.                 toggleButton.style.border = 'none';
  68.                 toggleButton.style.borderRadius = '5px';
  69.                 toggleButton.style.fontSize = '16px';
  70.                 toggleButton.style.boxShadow = '0px 2px 5px rgba(0,0,0,0.2)';
  71.                 document.body.appendChild(toggleButton);
  72.  
  73.                 // Toggle keyboard visibility when button is clicked
  74.                 toggleButton.addEventListener('click', () => {
  75.                     toggleKeyboardVisibility();
  76.                     toggleButton.textContent = keyboardContainer.style.display === 'none' ? '⌨️ Open Keyboard' : '⌨️ Close Keyboard';
  77.                 });
  78.             } else {
  79.                 // PC: Listen for 'T' key press to toggle keyboard visibility
  80.                 document.addEventListener('keydown', (e) => {
  81.                     if (e.key.toLowerCase() === 't') {
  82.                         toggleKeyboardVisibility();
  83.                     }
  84.                 });
  85.             }
  86.  
  87.             // Draggable functionality for both cursor and touch
  88.             let isDragging = false;
  89.             let offsetX, offsetY;
  90.  
  91.             function startDrag(e) {
  92.                 isDragging = true;
  93.                 offsetX = e.clientX ? e.clientX - keyboardContainer.getBoundingClientRect().left : e.touches[0].clientX - keyboardContainer.getBoundingClientRect().left;
  94.                 offsetY = e.clientY ? e.clientY - keyboardContainer.getBoundingClientRect().top : e.touches[0].clientY - keyboardContainer.getBoundingClientRect().top;
  95.             }
  96.  
  97.             function drag(e) {
  98.                 if (isDragging) {
  99.                     const x = e.clientX ? e.clientX : e.touches[0].clientX;
  100.                     const y = e.clientY ? e.clientY : e.touches[0].clientY;
  101.                     keyboardContainer.style.left = \`\${x - offsetX}px\`;
  102.                     keyboardContainer.style.top = \`\${y - offsetY}px\`;
  103.                 }
  104.             }
  105.  
  106.             function stopDrag() {
  107.                 isDragging = false;
  108.             }
  109.  
  110.             keyboardContainer.addEventListener('mousedown', startDrag);
  111.             document.addEventListener('mousemove', drag);
  112.             document.addEventListener('mouseup', stopDrag);
  113.  
  114.             keyboardContainer.addEventListener('touchstart', startDrag);
  115.             document.addEventListener('touchmove', drag);
  116.             document.addEventListener('touchend', stopDrag);
  117.  
  118.             // Keyboard keys array (including arrow keys and spacebar)
  119.             const keys = [
  120.                 ['Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P'],
  121.                 ['A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L'],
  122.                 ['Z', 'X', 'C', 'V', 'B', 'N', 'M'],
  123.                 ['ArrowUp'],
  124.                 ['ArrowLeft', 'Space', 'ArrowRight'],
  125.                 ['ArrowDown']
  126.             ];
  127.  
  128.             // Create key buttons
  129.             keys.forEach(row => {
  130.                 const rowDiv = document.createElement('div');
  131.                 rowDiv.style.display = 'flex';
  132.                 rowDiv.style.justifyContent = 'center';
  133.                 rowDiv.style.marginBottom = '10px';
  134.  
  135.                 row.forEach(key => {
  136.                     const keyButton = document.createElement('button');
  137.                     keyButton.textContent = key === 'Space' ? '' : key;
  138.                     keyButton.style.flex = key === 'Space' ? '2' : 'none';
  139.                     keyButton.style.padding = '15px';
  140.                     keyButton.style.margin = '2px';
  141.                     keyButton.style.borderRadius = '8px';
  142.                     keyButton.style.fontSize = '18px';
  143.                     keyButton.style.backgroundColor = '#ffffff';  // White keys
  144.                     keyButton.style.border = '1px solid #ddd';
  145.                     keyButton.style.boxShadow = '0px 2px 4px rgba(0,0,0,0.1)';
  146.                     keyButton.style.fontFamily = 'Arial, sans-serif';
  147.                     rowDiv.appendChild(keyButton);
  148.  
  149.                     // Key press event listener
  150.                     keyButton.addEventListener('click', () => {
  151.                         handleKeyPress(key);
  152.                     });
  153.                 });
  154.  
  155.                 keyboardContainer.appendChild(rowDiv);
  156.             });
  157.  
  158.             // Handle key press (send key event to Kogama)
  159.             function handleKeyPress(key) {
  160.                 const event = new KeyboardEvent('keydown', {
  161.                     key: key === 'Space' ? ' ' : key,
  162.                     code: \`Key\${key.toUpperCase()}\`,
  163.                     keyCode: key === 'Enter' ? 13 : key.charCodeAt(0),
  164.                     bubbles: true,
  165.                     cancelable: true
  166.                 });
  167.  
  168.                 document.dispatchEvent(event);
  169.  
  170.                 // Custom API interaction for Kogama
  171.                 if (typeof kogamaAPI !== 'undefined') {
  172.                     kogamaAPI.sendKey(key);  // Example, replace with actual API function
  173.                 }
  174.             }
  175.  
  176.             // Kogama API integration (example, replace with actual API calls)
  177.             const kogamaAPI = {
  178.                 sendKey: function(key) {
  179.                     console.log(\`Sending key: \${key} to Kogama API\`);
  180.                     // Implement actual Kogama API interaction here for movement and jumping
  181.                 }
  182.             };
  183.  
  184.             // Ensure the keyboard works on dynamically loaded pages
  185.             function checkForGamePage() {
  186.                 // Check if the game or other specific page is loaded
  187.                 const gameFrame = document.querySelector('iframe[src*="game"]');
  188.                 if (gameFrame) {
  189.                     // Insert keyboard into game frame if it's loaded in an iframe
  190.                     gameFrame.contentWindow.document.body.appendChild(keyboardContainer);
  191.                 } else {
  192.                     // Attach to main document body if not in an iframe
  193.                     document.body.appendChild(keyboardContainer);
  194.                 }
  195.             }
  196.  
  197.             // Run check on page load
  198.             checkForGamePage();
  199.  
  200.             // Run check when navigating between pages (using MutationObserver)
  201.             const observer = new MutationObserver(checkForGamePage);
  202.             observer.observe(document.body, { childList: true, subtree: true });
  203.         `;
  204.         document.body.appendChild(script);
  205.     }
  206.  
  207.     // Inject the keyboard script when the page loads
  208.     window.addEventListener('load', injectKeyboardScript);
  209.  
  210.     // Optionally, re-inject on navigation within the site (e.g., when navigating to different game pages)
  211.     const observer = new MutationObserver(() => {
  212.         injectKeyboardScript();
  213.     });
  214.  
  215.     observer.observe(document.body, { childList: true, subtree: true });
  216. })();