☰

PixelShop+

Makes it easier to create new custom shops for Idle Pixel

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

  1. // ==UserScript==
  2. // @name         Pixel Shop+
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.0.8
  5. // @description  Makes it easier to create new custom shops for Idle Pixel
  6. // @author       Dounford
  7. // @license      MIT
  8. // @match        *://idle-pixel.com/login/play*
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. /*newCoinFormat = {
  13. 	name:'testCoin',
  14. 	image:'https://raw.githubusercontent.com/Dounford-Felipe/DHP-Pets/main/images/goldenHeart.gif',
  15. 	value:2000
  16. }
  17. */
  18. //PixelShopPlus.newCoin(newCoinFormat)
  19.  
  20. //newShopFormat = PixelShopPlus.newShop('fish','testCoin')
  21.  
  22. /*newItemFormat = [{
  23. 	name:"blueCat",
  24. 	imageUrl:"https://raw.githubusercontent.com/Dounford-Felipe/DHP-Pets/main/images/blueCat.png",
  25. 	coin:"testCoin",
  26. 	price:1000,
  27. 	tooltipText:"<span class='color-primary'>Blue Cat</span><br /><br />This cute cat wants to be your friend",
  28. 	buyText:"Adopt this cat to be your friend",
  29. 	boughtText:"Charlie will forever love you",
  30. 	callback: function(){IdlePixelPlus.plugins.test.bought(pirate)}
  31. }]*/
  32. //PixelShopPlus.newItems('fish',newItemFormat)
  33.  
  34. if (!document.getElementById('shopButtons')) {
  35. (function PixelShopPlus() {
  36.     'use strict';
  37.  
  38. 	const PixelShopPlus = {
  39. 		shops: ['vanilla'],
  40. 		coins: {},
  41. 		items: {},
  42. 		initialize: function () {
  43. 			PixelShopPlus.newModals();
  44. 			PixelShopPlus.newShopDivs();
  45.         },
  46. 		
  47. 		//Creates 
  48. 		newModals: function () {
  49. 			let customShopModalDiv = `<dialog id="customShopModal" onclick="event.target==this && this.close()" class="dounfordModal">
  50. 				<div class="dounfordModalHeader">
  51. 					<h5 class="modal-title text-secondary">Purchace Item</h5>
  52. 					<button type="button" class="btn-close" onclick="document.getElementById('customShopModal').close()" style="padding: 0.5rem;"></button>
  53. 					<input type="hidden" id="customShopModalShop">
  54. 					<input type="hidden" id="customShopModalItem">
  55. 				</div>
  56. 				<div class="dounfordModalBody">
  57. 					<span>
  58. 						<center>
  59. 							<img id="customShopModalImage" src="" title="Custom Shop Item" style="height:100px">
  60. 						</center>
  61. 						<br>
  62. 						<br>
  63. 					</span>
  64. 					<div class="center" id="customShopModalText">Purchase this item?</div>
  65. 				</div>
  66.  
  67. 				<div class="dounfordModalFooter">
  68. 					<button onclick="document.getElementById('customShopModal').close()">
  69. 						<span class="font-pixel hover">Cancel</span>
  70. 					</button>
  71. 					<button id="customShopModalBuy" class="background-primary">
  72. 						<span class="font-pixel hover">Purchase</span>
  73. 					</button>
  74. 				</div>
  75. 			</dialog>`
  76. 			document.getElementById('content').insertAdjacentHTML('beforeend', customShopModalDiv);
  77. 			document.getElementById('customShopModalBuy').addEventListener('click', PixelShopPlus.buyItem);
  78. 		},
  79. 		
  80. 		//Adds the change shop button
  81. 		newShopDivs: function () {
  82. 			let shopButton = document.createElement('div');
  83. 			shopButton.id = "shopButtons";
  84. 			shopButton.style.cssText = "white-space: nowrap; overflow-x: auto;";
  85. 			shopButton.innerHTML = `<div id="vanilla-shop" onclick="PixelShopPlus.changeShopTabs('vanilla')" style="background-color: rgb(247, 122, 129); white-space: normal;" class="quest-tab-button hover">
  86. 				VANILLA SHOP
  87. 			</div>`
  88. 			let vanillaShop = document.createElement('div');
  89. 			vanillaShop.id = "vanillaShop";
  90. 			while (document.getElementById('panel-shop').firstChild) {
  91. 				vanillaShop.appendChild(document.getElementById('panel-shop').firstChild);
  92. 			}
  93. 			document.getElementById('panel-shop').appendChild(shopButton);
  94. 			document.getElementById('panel-shop').insertAdjacentHTML('beforeend', '<hr>');
  95. 			document.getElementById('panel-shop').appendChild(vanillaShop);
  96. 		},
  97. 		
  98. 		//Change which shop is shown
  99. 		changeShopTabs: function(value) {
  100. 			// Oculta todos os tabs e remove o destaque
  101. 			for (const shopId of PixelShopPlus.shops) {
  102. 				document.getElementById(shopId + 'Shop').style.display = "none";
  103. 				document.getElementById(shopId + '-shop').style.backgroundColor = "";
  104. 			}
  105.  
  106. 			document.getElementById(value + 'Shop').style.display = "";
  107. 			document.getElementById(value + '-shop').style.backgroundColor = "#f77a81";
  108. 		},
  109. 		
  110. 		//Register a new coin
  111. 		newCoin: function(coin) {
  112. 			if (typeof PixelShopPlus.coins[coin.name] == 'undefined') {
  113. 				PixelShopPlus.coins[coin.name] = {...coin}
  114. 			}
  115. 		},
  116. 		
  117. 		//Increase the value of a coin
  118. 		coinIncrease: function(coin,increase) {
  119. 			PixelShopPlus.coins[coin].value += increase;
  120. 			PixelShopPlus.saveCoins();
  121. 			if (document.querySelector('[coin-value="' + coin + '"]')) {
  122. 				let coinElements = document.querySelectorAll('[coin-value="' + coin + '"]');
  123. 				coinElements.forEach(function(coinElement) {
  124. 					coinElement.textContent = PixelShopPlus.coins[coin].value.toLocaleString("en-US");
  125. 				});
  126. 			}
  127. 		},
  128. 		
  129. 		//Decrease the value of a coin
  130. 		coinDecrease: function(coin,decrease) {
  131. 			PixelShopPlus.coins[coin].value -= decrease;
  132. 			PixelShopPlus.saveCoins();
  133. 			if (document.querySelector('[coin-value="' + coin + '"]')) {
  134. 				let coinElements = document.querySelectorAll('[coin-value="' + coin + '"]');
  135. 				coinElements.forEach(function(coinElement) {
  136. 					coinElement.textContent = PixelShopPlus.coins[coin].value.toLocaleString("en-US");
  137. 				});
  138. 			}
  139. 		},
  140. 		
  141. 		//Set the value of a coin
  142. 		coinSet: function(coin,setValue) {
  143. 			PixelShopPlus.coins[coin].value = setValue;
  144. 			PixelShopPlus.saveCoins();
  145. 			if (document.querySelector('[coin-value="' + coin + '"]')) {
  146. 				let coinElements = document.querySelectorAll('[coin-value="' + coin + '"]');
  147. 				coinElements.forEach(function(coinElement) {
  148. 					coinElement.textContent = PixelShopPlus.coins[coin].value.toLocaleString("en-US");
  149. 				});
  150. 			}
  151. 		},
  152. 		
  153. 		//Register a new shop
  154. 		newShop: function (shop,coin,beforeFunction) {
  155. 			PixelShopPlus.shops.push(shop);
  156. 			PixelShopPlus.items[shop] = {};
  157. 			let newTabButton = document.createElement('div');
  158. 			newTabButton.id = shop + "-shop";
  159. 			newTabButton.className = "quest-tab-button hover";
  160. 			newTabButton.style.marginLeft = "20px";
  161. 			newTabButton.innerHTML = shop.toLocaleUpperCase() + ' SHOP';
  162. 			newTabButton.onclick = function() {
  163. 				PixelShopPlus.changeShopTabs(shop);
  164. 			};
  165. 			document.getElementById('shopButtons').appendChild(newTabButton);
  166. 			
  167. 			let newShopPanel = document.createElement('div');
  168. 			newShopPanel.id = shop + "Shop"
  169. 			newShopPanel.style.display = "none"
  170. 			newShopPanel.innerHTML  = `<h1>${shop.toLocaleUpperCase()} SHOP</h1>`
  171. 			if (typeof coin == 'string') {
  172. 				let newCoinImage = document.createElement('img');
  173. 				newCoinImage.src = PixelShopPlus.coins[coin].image
  174. 				newCoinImage.className = "w30"
  175. 				let newCoinValue = document.createElement('span');
  176. 				newCoinValue.setAttribute('coin-value', coin)
  177. 				newCoinValue.innerText = PixelShopPlus.coins[coin].value.toLocaleString("en-US")
  178. 				newCoinValue.style.marginLeft = "5px"
  179. 				newCoinValue.style.fontSize = "1.3rem"
  180. 				newCoinValue.style.verticalAlign = "middle"
  181. 				newShopPanel.appendChild(newCoinImage);
  182. 				newShopPanel.appendChild(newCoinValue);
  183. 			}
  184. 			if (typeof beforeFunction == 'function') {
  185. 				PixelShopPlus.items[shop].beforeFunction = beforeFunction;
  186. 			}
  187. 			newShopPanel.insertAdjacentHTML('beforeend', '<hr>');
  188. 			document.getElementById('panel-shop').appendChild(newShopPanel);
  189. 		},
  190. 		
  191. 		//Register an array of new buyable items
  192. 		newItems: function(shop,items) {
  193. 			items.forEach(function(item) {
  194. 				PixelShopPlus.items[shop][item.name] = item;
  195. 				let newShopItem = `<div id="shop-${item.name}" onclick="PixelShopPlus.openBuyModal('${shop}','${item.name}')" class="game-shop-box hover shadow" data-tooltip="shop-${item.name}" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-html="true" title="" data-bs-original-title="${item.tooltipText}" style="margin-right: 5px;">
  196. 					<div class="center mt-2">
  197. 						<img src="${item.imageUrl}" title="${item.name}" style="height: 50px;">
  198. 					</div>
  199. 					<div class="center mt-2">
  200. 						<img src="${PixelShopPlus.coins[item.coin].image}" title="${item.coin}" class="w20">
  201. 						<span id="${item.name}-shop-cost">${format_number(item.price)}</span>
  202. 					</div>
  203. 				</div>`
  204. 				document.getElementById(shop + 'Shop').insertAdjacentHTML('beforeend',newShopItem)
  205. 				$('#shop-' + item.name).tooltip()
  206. 			})
  207. 		},
  208. 		
  209. 		//In case you want to remove an Item
  210. 		removeItem: function(shop,item) {
  211. 			let removedItem = document.getElementById('shop-' + item);
  212. 			removedItem.parentNode.removeChild(removedItem);
  213. 			delete PixelShopPlus.items[shop][item];
  214. 			console.log(item + ' from ' + shop + ' Shop was removed');
  215. 		},
  216. 		
  217. 		//Open Buy Confirm
  218. 		openBuyModal: function(shop,item) {
  219. 			if (PixelShopPlus.items[shop][item]) {
  220. 				document.getElementById('customShopModalShop').value = shop;
  221. 				document.getElementById('customShopModalItem').value = item;
  222. 				document.getElementById('customShopModalImage').src = PixelShopPlus.items[shop][item].imageUrl;
  223. 				document.getElementById('customShopModalText').innerText = PixelShopPlus.items[shop][item].buyText || "Buy?";
  224. 				document.getElementById('customShopModalBuy').style.display='';
  225. 				document.getElementById('customShopModal').showModal();
  226. 			}
  227. 		},
  228. 		
  229. 		//Buy Item
  230. 		buyItem: async function() {
  231. 			let shop = document.getElementById('customShopModalShop').value;
  232. 			let item = document.getElementById('customShopModalItem').value;
  233. 			let price = PixelShopPlus.items[shop][item].price
  234. 			let coin = PixelShopPlus.items[shop][item].coin;
  235. 			if (PixelShopPlus.coins[coin].value >= price) {
  236. 				document.getElementById('customShopModalBuy').style.display="none";
  237. 				if (typeof PixelShopPlus.items[shop].beforeFunction == "function") {
  238. 					const success = await PixelShopPlus.items[shop].beforeFunction(item)
  239. 					if (!success) {
  240. 						document.getElementById('customShopModalBuy').style.display='none';
  241. 						document.getElementById('customShopModalText').innerText = "You are unable to buy this, sorry.";
  242. 						return
  243. 					}
  244. 				}
  245. 				PixelShopPlus.coinDecrease(coin,price);
  246. 				document.getElementById('shop-' + item).style.display = "none";
  247. 				document.getElementById('customShopModalText').innerText = PixelShopPlus.items[shop][item].boughtText || "Bought!";
  248. 				if(typeof PixelShopPlus.items[shop][item].callback == "function") {
  249. 					PixelShopPlus.items[shop][item].callback(item)
  250. 				}
  251. 			} else {
  252. 				document.getElementById('customShopModalBuy').style.display='none';
  253. 				document.getElementById('customShopModalText').innerText = "You can't afford this, sorry.";
  254. 			}
  255. 		},
  256. 		
  257. 		//Save the coin amount on localstorage
  258. 		saveCoins: function() {
  259. 			let key = `ShopPlusCoins-${var_username}`;
  260. 			localStorage.setItem(key, JSON.stringify(PixelShopPlus.coins));
  261. 		},
  262. 		
  263. 		//Load the coin amount on localstorage
  264. 		loadCoins: function() {
  265. 			let key = `ShopPlusCoins-${var_username}`;
  266. 			let loadedCoins = localStorage.getItem(key);
  267. 			if (loadedCoins) {
  268. 				PixelShopPlus.coins = JSON.parse(loadedCoins);
  269. 			}
  270. 		},
  271. 	};
  272. 	window.PixelShopPlus = PixelShopPlus;
  273. 	PixelShopPlus.initialize();
  274. })()
  275. }