<!DOCTYPE html>
<html>
<head>
  <title>CRIADO POR TIREX GAMER</title>
  <style>
    #calibration-area {
      width: 1560px;
      height: 720px;
      border: 1px solid #000;
      margin-bottom: 50px;
    }
  </style>
</head>
<body>
  <h1>YouTube ~ Hipe Xiters &#x26A1 </h1>

  <h2> Configuração de Touch &#x1F32A</h2>
  <p>Digite as coordenadas (x e y) desejadas e clique no botão abaixo para calibrar a posição do toque:</p>
  <input type="text" id="touch-x-input" placeholder="Posição X">
  <input type="text" id="touch-y-input" placeholder="Posição Y">
  <button id="calibrate-touch-btn">Calibrar</button>

  <h2>Calibração de Cursor</h2>
  <p>Digite as coordenadas (x e y) desejadas e clique no botão abaixo para calibrar a posição do cursor:</p>
  <input type="text" id="cursor-x-input" placeholder="Posição X">
  <input type="text" id="cursor-y-input" placeholder="Posição Y">
  <button id="calibrate-cursor-btn">Calibrar</button>

  <h2>Calibração de Sensibilidade</h2>
  <p>Digite a posição y do centro da tela e clique no botão abaixo para calibrar a sensibilidade:</p>
  <input type="text" id="center-y-input" placeholder="Posição Y do Centro">
  <button id="calibrate-sensitivity-btn">Calibrar</button>
  <h2>HEADTRICK GRÁTIS FULL VERMELHO &#x1F47E Creditos ~ Hipe Xiters &#x1F498 </h2>
  <script>
    // Calibração de Touch
    var calibrationArea = document.getElementById('calibration-area');
    var calibrateTouchBtn = document.getElementById('calibrate-touch-btn');
    var touchXInput = document.getElementById('touch-x-input');
    var touchYInput = document.getElementById('touch-y-input');

    function calibrateTouch() {
      var touchX = parseInt(touchXInput.value) || 780;
      var touchY = parseInt(touchYInput.value) || 360;

      calibrationArea.addEventListener('touchstart', function (e) {
        e.preventDefault();
        var touch = e.touches[0];
        touchX = touch.clientX;
        touchY = touch.clientY;
      });

      calibrationArea.addEventListener('touchmove', function (e) {
        e.preventDefault();
        var touch = e.touches[0];
        var deltaX = touch.clientX - touchX;
        var deltaY = touch.clientY - touchY;
        console.log('Delta X:', deltaX, 'Delta Y:', deltaY);
      });
    }

    calibrateTouchBtn.addEventListener('click', calibrateTouch);

    // Calibração de Cursor
    var calibrateCursorBtn = document.getElementById('calibrate-cursor-btn');
    var cursorXInput = document.getElementById('cursor-x-input');
    var cursorYInput = document.getElementById('cursor-y-input');

    function calibrateCursor() {
      var cursorX = parseInt(cursorXInput.value) || 0;
      var cursorY = parseInt(cursorYInput.value) || 0;

      document.addEventListener('mousemove', function (e) {
        cursorX = e.clientX;
        cursorY = e.clientY;
      });

      calibrateCursorBtn.addEventListener('click', function () {
        console.log('Cursor X:', cursorX, 'Cursor Y:', cursorY);
      });
    }

    calibrateCursorBtn.addEventListener('click', calibrateCursor);



    // Calibração de Sensibilidade
    var calibrateSensitivityBtn = document.getElementById('calibrate-sensitivity-btn');
    var centerYInput = document.getElementById('center-y-input');

    function calibrateSensitivity() {
      var centerY = parseInt(centerYInput.value) || 360;
      var sensitivity = 1;

      calibrateSensitivityBtn.addEventListener('click', function () {
        var currentY = window.innerHeight / 2;

        if (currentY < centerY) {
          sensitivity += 0.1;
          console.log('Sensibilidade aumentada:', sensitivity);
        } else if (currentY > centerY) {
          sensitivity -= 0.1;
          console.log('Sensibilidade diminuída:', sensitivity);
        } else {
          sensitivity = 1;
          console.log('Sensibilidade calibrada:', sensitivity);
        }
      });
    }

    calibrateSensitivityBtn.addEventListener('click', calibrateSensitivity);
  </script>
</body>
</html>
