☰

Pixel Quests+

Makes it easier to create new custom quests for Idle Pixel

当前为 2024-02-12 提交的版本，查看 最新版本。

此脚本不应直接安装，它是供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.cn-greasyfork.org/scripts/487191/1326539/Pixel%20Quests%2B.js 

  1. // ==UserScript==
  2. // @name         Pixel Quests+
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.0.0
  5. // @description  Makes it easier to create new custom quests for Idle Pixel
  6. // @author       Dounford
  7. // @license      MIT
  8. // @match        *://idle-pixel.com/login/play*
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14. 	let tabs = ['story', 'optional']
  15. 	window.addEventListener('load', function() {
  16. 		newQuestButtons();
  17. 	})
  18. 	
  19. 	function newQuestButtons() {
  20. 		let questButtons = document.createElement('div');
  21. 		questButtons.id = "questsButtons";
  22. 		questButtons.style.cssText = "white-space: nowrap; overflow-x: auto;";
  23. 		document.getElementById('panel-quests').prepend(questButtons);
  24. 		questButtons.appendChild(document.getElementById('story-quest-tab-button'));
  25. 		document.getElementById('story-quest-tab-button').style.whiteSpace = "normal";
  26. 		questButtons.appndChild(document.getElementById('optional-quest-tab-button'));
  27. 		document.getElementById('optional-quest-tab-button').style.whiteSpace = "normal";
  28. 	}
  29. 	
  30. 	function changeQuestTabsFunction(tabs) {
  31. 		//Change Quest Class to Make the Quest Tab Button Work
  32. 		Quests.changeQuestTabs = function(value) {
  33. 			let questTabs = tabs;
  34.  
  35. 			// Oculta todos os tabs e remove o destaque
  36. 			for (const tabId of questTabs) {
  37. 				document.getElementById(tabId + '-quest-tab').style.display = "none";
  38. 				document.getElementById(tabId + '-quest-tab-button').style.backgroundColor = "";
  39. 			}
  40.  
  41. 			if (value == 'optional') {
  42. 				if(Items.getItem('optional_quests_unlocked') == 0) {
  43. 					document.getElementById('story-quest-tab').style.display = "";
  44. 					document.getElementById('story-quest-tab-button').style.backgroundColor = "#f77a81";
  45. 					Modals.open_image_modal('SIDE QUESTS', 'images/lock.png', 'Unlock side quests?  You need to complete at least 4 of the main story quests to unlock this.','Unlock Optional Quests!','Cancel','UNLOCK_OPTIONAL_QUESTS');
  46. 					return;
  47. 				}
  48. 				document.getElementById('optional-quest-tab').style.display = "";
  49. 				document.getElementById('optional-quest-tab-button').style.backgroundColor = "#f77a81";
  50. 			} else {
  51. 				document.getElementById(value + '-quest-tab').style.display = "";
  52. 				document.getElementById(value + '-quest-tab-button').style.backgroundColor = "#f77a81";
  53. 			}
  54. 		}
  55. 	}
  56. 	
  57. 	function newQuestType(type,description) {
  58. 		tabs.push(type);
  59. 		let newTabButton = document.createElement('div');
  60. 		newTabButton.id = type + "-quest-tab-button";
  61. 		newTabButton.className = "quest-tab-button hover";
  62. 		newTabButton.style.marginLeft = "20px";
  63. 		newTabButton.innerHTML = `${type.toLocaleUpperCase()} QUESTS
  64. 			<span style="margin-left:20px;" id="${type}-quest-tab-button-label">
  65. 				<span class="color-yellow">0/0</span>
  66. 			</span>`;
  67. 		newTabButton.onclick = function() {
  68. 			Quests.changeQuestTabs(type);
  69. 		};
  70. 		document.getElementById('questsButtons').appendChild(newTabButton);
  71. 		
  72. 		let newTabPanel = document.createElement('div');
  73. 		newTabPanel.id = type + "-quest-tab"
  74. 		newTabPanel.style.display = "none"
  75. 		newTabPanel.className = "quest-tabs"
  76. 		newTabPanel.innerHTML = `<h1 style="color:#f77a81">${type.toLocaleUpperCase()} QUESTS</h1>
  77. 			<span>${description}</span>
  78. 			<hr>
  79. 			<div id="${type}-quest-area"></div>`
  80. 		document.getElementById('panel-quests').appendChild(newTabPanel);
  81. 		
  82. 		changeQuestTabsFunction(tabs);
  83. 	}
  84.  
  85. })();