☰

MWI_DamageTracker

MWI伤害统计

  1. // ==UserScript==
  2. // @name         MWI_DamageTracker
  3. // @namespace    destiny
  4. // @version      0.0.5
  5. // @description  MWI伤害统计
  6. // @author       ryle798
  7. // @match        https://www.milkywayidle.com/*
  8. // @grant        none
  9. // @license MIT
  10. // ==/UserScript==
  11.  
  12. (function () {
  13.   'use strict';
  14.   // 代理 Websocket
  15.   const OriginalWebSocket = window.WebSocket;
  16.   const handlerQueue = [];
  17.   function MyWebSocket(url, protocols) {
  18.     const ws = new OriginalWebSocket(url, protocols);
  19.     ws.addEventListener('message', function (event) {
  20.       const msgData = JSON.parse(event.data);
  21.       handlerQueue.reduce((prev, handler) => {
  22.         return handler(prev);
  23.       }, msgData);
  24.     });
  25.     return ws;
  26.   }
  27.   window.WebSocket = MyWebSocket;
  28.   let totalDamage = [];
  29.   let monstersHP = [];
  30.   let dragging = false;
  31.   const getStatisticsDom = () => {
  32.     if (!document.querySelector('.statistics-panel')) {
  33.       let panel = document.createElement('div');
  34.       panel.style.position = 'fixed';
  35.       panel.style.top = '50px';
  36.       panel.style.left = '50px';
  37.       panel.style.background = '#f0f0f0';
  38.       panel.style.border = '1px solid #ccc';
  39.       panel.style.zIndex = '9999';
  40.       panel.style.cursor = 'move';
  41.       panel.style.fontSize = '12px';
  42.       panel.style.padding = '4px';
  43.       panel.innerHTML = '<div style="padding: 10px;">还未开始统计</div>';
  44.       panel.className = 'statistics-panel';
  45.       let offsetX, offsetY;
  46.   
  47.       // Mouse events
  48.       panel.addEventListener('mousedown', function (e) {
  49.         dragging = true;
  50.         offsetX = e.clientX - panel.offsetLeft;
  51.         offsetY = e.clientY - panel.offsetTop;
  52.       });
  53.   
  54.       document.addEventListener('mousemove', function (e) {
  55.         if (dragging) {
  56.           var newX = e.clientX - offsetX;
  57.           var newY = e.clientY - offsetY;
  58.           panel.style.left = newX + 'px';
  59.           panel.style.top = newY + 'px';
  60.         }
  61.       });
  62.   
  63.       document.addEventListener('mouseup', function () {
  64.         dragging = false;
  65.         updateStatisticsPanel()
  66.       });
  67.   
  68.       // Touch events
  69.       panel.addEventListener('touchstart', function (e) {
  70.         dragging = true;
  71.         let touch = e.touches[0];
  72.         offsetX = touch.clientX - panel.offsetLeft;
  73.         offsetY = touch.clientY - panel.offsetTop;
  74.       });
  75.   
  76.       document.addEventListener('touchmove', function (e) {
  77.         if (dragging) {
  78.           let touch = e.touches[0];
  79.           var newX = touch.clientX - offsetX;
  80.           var newY = touch.clientY - offsetY;
  81.           panel.style.left = newX + 'px';
  82.           panel.style.top = newY + 'px';
  83.         }
  84.       });
  85.   
  86.       document.addEventListener('touchend', function () {
  87.         dragging = false;
  88.         updateStatisticsPanel()
  89.       });
  90.   
  91.       document.body.appendChild(panel);
  92.     }
  93.     return document.querySelector('.statistics-panel');
  94.   };
  95.   
  96.   const updateStatisticsPanel = () => {
  97.     if(dragging)return false;
  98.     const panel = getStatisticsDom();
  99.     const damageDoms = totalDamage.reduce((prev, cur, index) => {
  100.       return prev + `<div>${index + 1}号位:${cur}</div>`;
  101.     }, '');
  102.     panel.innerHTML = damageDoms;
  103.   };
  104.   const calculateDamage = (msgData) => {
  105.     if (msgData.type === 'new_battle') {
  106.       monstersHP = msgData.monsters.map((monster) => monster.currentHitpoints);
  107.       if (!totalDamage.length) {
  108.         totalDamage = new Array(Object.keys(msgData.players).length).fill(0);
  109.       }
  110.     } else if (msgData.type === 'battle_updated' && monstersHP.length) {
  111.       const mMap = msgData.mMap;
  112.       const userIndex = Object.keys(msgData.pMap);
  113.       monstersHP.forEach((mHP, mIndex) => {
  114.         const monster = mMap[mIndex];
  115.         const userIndex = Object.keys(msgData.pMap)[0];
  116.         if (monster) {
  117.           if (userIndex !== void 0) {
  118.             const hpDiff = mHP - monster.cHP;
  119.             hpDiff > 0 && (totalDamage[userIndex] += hpDiff);
  120.           }
  121.           monstersHP[mIndex] = monster.cHP;
  122.         }
  123.       });
  124.       updateStatisticsPanel();
  125.     } else if (msgData.type === 'actions_updated') {
  126.       monstersHP = [];
  127.       totalDamage = [];
  128.     }
  129.   };
  130.  
  131.   handlerQueue.push(calculateDamage);
  132. })();