91 lines
5.4 KiB
JavaScript
91 lines
5.4 KiB
JavaScript
// ==UserScript==
|
||
// @name Torn圣诞小镇掉落物品坐标显示
|
||
// @namespace WH
|
||
// @version 0.2
|
||
// @description 在地图界面上方显示附近的宝箱、物品、钥匙坐标，兼容手机APP Torn PDA及Alook
|
||
// @author Woohoo[2687093]
|
||
// @match https://www.torn.com/*
|
||
// @grant none
|
||
// ==/UserScript==
|
||
|
||
|
||
(function () {
|
||
'use strict';
|
||
const ___window___ = window || window.unsafeWindow;
|
||
if (___window___.WHLOOTPOS||___window___.WHTRANS) return;
|
||
___window___.WHLOOTPOS = true;
|
||
|
||
const $ = ___window___.jQuery;
|
||
|
||
if (/christmas_town\.php/.test(window.location.href)) {
|
||
const $root = document.querySelector('#christmastownroot');
|
||
const chestTypeDict = {'1': '金', '2': '银', '3': '铜',};
|
||
const chestTypeColorDict = {'1': 'gold', '2': 'silver', '3': 'sandybrown',};
|
||
const lootTypeDict = {'chests': '宝箱', 'gifts': '礼物箱',}
|
||
const intervalID = window.setInterval(() => {
|
||
const $city_wrapper = $root.querySelector('#ct-wrap');
|
||
if ($city_wrapper) {
|
||
const $pos = $city_wrapper.querySelector('.map-title span[class^="position___"]') || $city_wrapper.querySelector('.status-title span[class^="position___"]');
|
||
if(!$pos) return;
|
||
const $pos_spl = $pos.innerText.trim().split(',');
|
||
const player_position={};
|
||
player_position.x=parseInt($pos_spl[0]);
|
||
player_position.y=parseInt($pos_spl[1]);
|
||
const $wh_loot_container = $root.querySelector('#wh-loot-container');
|
||
if (!$wh_loot_container) {
|
||
const insert_html = `<div id="wh-loot-container" class="m-bottom10">
|
||
<div class="title-black"><span>附近物品</span></div>
|
||
<div id="wh-loot-container-main" class="cont-gray" style="padding: 0.5em">
|
||
<b>物品</b><span id="wh-loot-item-count"></span>
|
||
<div id="wh-loot-container-items" style="overflow-x: auto;overflow-y: hidden;white-space: nowrap;min-height: 4em;"></div>
|
||
<b>箱子</b><span id="wh-loot-chest-count"></span>
|
||
<div id="wh-loot-container-chests" style="overflow-x: auto;overflow-y: hidden;white-space: nowrap;min-height: 4em;"></div>
|
||
</div>
|
||
</div>`;
|
||
$($city_wrapper).before(insert_html);
|
||
}
|
||
let item_list = [];
|
||
const items = $root.querySelectorAll('div.grid-layer div.items-layer div.ct-item');
|
||
items.forEach(e => {
|
||
const item_props = {x: 0, y: 0, name: '', type: '', url: '',};
|
||
item_props.x = parseInt(e.style.left.replaceAll('px', '')) / 30;
|
||
item_props.y = -parseInt(e.style.top.replaceAll('px', '')) / 30;
|
||
const srcSpl = e.firstElementChild.src.trim().split('/');
|
||
item_props.name = srcSpl[6];
|
||
item_props.type = srcSpl[8].slice(0, 1);
|
||
item_props.url = e.firstElementChild.src;
|
||
item_list[item_list.length] = item_props;
|
||
});
|
||
const $wh_loot_container_items = $root.querySelector('#wh-loot-container-items');
|
||
const $wh_loot_container_chests = $root.querySelector('#wh-loot-container-chests');
|
||
let item_count = 0, chest_count = 0;
|
||
if ($wh_loot_container_items) $wh_loot_container_items.innerHTML = ``;
|
||
if ($wh_loot_container_chests) $wh_loot_container_chests.innerHTML = ``;
|
||
item_list.forEach(e => {
|
||
let path='·';
|
||
if (e.x<player_position.x&&e.y<player_position.y) path='↙';
|
||
if (e.x<player_position.x&&e.y===player_position.y) path='←';
|
||
if (e.x<player_position.x&&e.y>player_position.y) path='↖';
|
||
if (e.x===player_position.x&&e.y>player_position.y) path='↑';
|
||
if (e.x>player_position.x&&e.y>player_position.y) path='↗';
|
||
if (e.x>player_position.x&&e.y===player_position.y) path='→';
|
||
if (e.x>player_position.x&&e.y<player_position.y) path='↘';
|
||
if (e.x===player_position.x&&e.y<player_position.y) path='↓';
|
||
if (e.name === 'chests') {
|
||
chest_count++;
|
||
$wh_loot_container_chests.innerHTML += `<span style="display: inline-block;background-color: ${chestTypeColorDict[e.type] || 'silver'};color: white;margin: 0 1em 0 0;border-radius: 4px;padding: 0.5em;">${path}[${e.x},${e.y}] - ${chestTypeDict[e.type]}${lootTypeDict[e.name]}<img src="${e.url}" style="height: 1em; width: 1em;"/></span>`
|
||
} else {
|
||
item_count++;
|
||
$wh_loot_container_items.innerHTML += `<span style="display: inline-block;background-color: #2e8b57;color: white;margin: 0 1em 0 0;border-radius: 4px;padding: 0.5em;">${path}[${e.x},${e.y}] - ${lootTypeDict[e.name] || '？钥匙'}<img src="${e.url}" style="height: 1em; width: 1em;"/></span>`
|
||
}
|
||
});
|
||
$root.querySelector('#wh-loot-item-count').innerText = `(${item_count})`;
|
||
if (item_count === 0) $wh_loot_container_items.innerText = `暂未发现`;
|
||
$root.querySelector('#wh-loot-chest-count').innerText = `(${chest_count})`;
|
||
if (chest_count === 0) $wh_loot_container_chests.innerText = `暂未发现`;
|
||
}
|
||
}, 1200);
|
||
}
|
||
|
||
}());
|