☰

Pixel Shop+

Makes it easier to create new custom shops for Idle Pixel

目前为 2024-02-25 提交的版本。查看 最新版本。

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

  1. // ==UserScript==
  2. // @name         Pixel Shop+
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.0.0
  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. 	bought:false,
  31. 	callback: function(){IdlePixelPlus.plugins.test.bought(pirate)}
  32. }]*/
  33. //PixelShopPlus.newItems('fish',newItemFormat)
  34.  
  35. (function PixelShopPlus() {
  36.     'use strict';
  37. 	const PixelShopPlus = {
  38. 		shops: ['vanilla'],
  39. 		coins: {},
  40. 		items: {},
  41. 		initialize: function () {
  42.             window.addEventListener('load', function () {
  43.                 PixelShopPlus.newModals();
  44.                 PixelShopPlus.newShopDivs();
  45.                 //PixelShopPlus.loadCoins();
  46.             });
  47.         },
  48. 		
  49. 		//Creates 
  50. 		newModals: function () {
  51. 			let customShopModalDiv = `<div style="width: 100%; height: 100%; position: absolute;top:0px; display: none;" id="customShopModalParent">
  52. 				<div style="background-color: black;opacity: 0.7;width: 100%;height: 100%;position: absolute;" onclick="document.getElementById('customShopModalParent').style.display='none'"></div>
  53. 				<div class="modal-content" id="customShopModal" style="z-index: 11;position: sticky;right: 0px;left: 0px;margin-right: auto;margin-left: auto;width: 35%;border-radius: 5px;top: 100px;">
  54. 					<div class="modal-header">
  55. 						<h5 class="modal-title text-secondary">Purchase Item</h5>
  56. 						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" onclick="document.getElementById('customShopModalParent').style.display='none'"></button>
  57. 						<input type="hidden" id="customShopModalShop">
  58. 						<input type="hidden" id="customShopModalItem">
  59. 					</div>
  60. 					<div class="modal-body">
  61. 						<span>
  62. 						  <center>
  63. 							<img id="customShopModalImage" style="height:100px" src="" title="balance">
  64. 						  </center>
  65. 						  <br>
  66. 						  <br>
  67. 						</span>
  68. 						<div class="center" id="customShopModalText"></div>
  69. 					</div>
  70. 					<div class="modal-footer">
  71. 					  <button onclick="document.getElementById('customShopModalParent').style.display='none'"><span class="font-pixel hover">Cancel</span></button>
  72. 					  <button id="customShopModalBuy" class="background-primary" style=""><span class="font-pixel hover">Purchase</span></button>
  73. 					</div>
  74. 				</div>
  75. 			</div>`
  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] = {image:coin.image,value:coin.value}
  114. 			}
  115. 		},
  116. 		
  117. 		//Increase the value of a coin
  118. 		coinIncrease: function(coin,increase) {
  119. 			PixelShopPlus.coins[coin].value += increase
  120. 			if (document.querySelector('[coin-value="' + coin + '"]')) {
  121. 				let coinElements = document.querySelectorAll('[coin-value="' + coin + '"]');
  122. 				coinElements.forEach(function(coinElement) {
  123. 					coinElement.textContent = PixelShopPlus.coins[coin].value.toLocaleString("en-US");
  124. 				});
  125. 			}
  126. 		},
  127. 		
  128. 		//Decrease the value of a coin
  129. 		coinDecrease: function(coin,decrease) {
  130. 			PixelShopPlus.coins[coin].value -= decrease
  131. 			if (document.querySelector('[coin-value="' + coin + '"]')) {
  132. 				let coinElements = document.querySelectorAll('[coin-value="' + coin + '"]');
  133. 				coinElements.forEach(function(coinElement) {
  134. 					coinElement.textContent = PixelShopPlus.coins[coin].value.toLocaleString("en-US");
  135. 				});
  136. 			}
  137. 		},
  138. 		
  139. 		//Set the value of a coin
  140. 		coinSet: function(coin,setValue) {
  141. 			PixelShopPlus.coins[coin].value = setValue
  142. 			if (document.querySelector('[coin-value="' + coin + '"]')) {
  143. 				let coinElements = document.querySelectorAll('[coin-value="' + coin + '"]');
  144. 				coinElements.forEach(function(coinElement) {
  145. 					coinElement.textContent = PixelShopPlus.coins[coin].value.toLocaleString("en-US");
  146. 				});
  147. 			}
  148. 		},
  149. 		
  150. 		//Register a new shop
  151. 		newShop: function (shop,coin) {
  152. 			PixelShopPlus.shops.push(shop);
  153. 			PixelShopPlus.items[shop] = {};
  154. 			let newTabButton = document.createElement('div');
  155. 			newTabButton.id = shop + "-shop";
  156. 			newTabButton.className = "quest-tab-button hover";
  157. 			newTabButton.style.marginLeft = "20px";
  158. 			newTabButton.innerHTML = shop.toLocaleUpperCase() + ' SHOP';
  159. 			newTabButton.onclick = function() {
  160. 				PixelShopPlus.changeShopTabs(shop);
  161. 			};
  162. 			document.getElementById('shopButtons').appendChild(newTabButton);
  163. 			
  164. 			let newShopPanel = document.createElement('div');
  165. 			newShopPanel.id = shop + "Shop"
  166. 			newShopPanel.style.display = "none"
  167. 			newShopPanel.innerHTML  = `<h1>${shop.toLocaleUpperCase()} SHOP</h1>`
  168. 			if (typeof coin == 'string') {
  169. 				let newCoinImage = document.createElement('img');
  170. 				newCoinImage.src = PixelShopPlus.coins[coin].image
  171. 				newCoinImage.className = "w20"
  172. 				let newCoinValue = document.createElement('span');
  173. 				newCoinValue.setAttribute('coin-value', coin)
  174. 				newCoinValue.innerText = PixelShopPlus.coins[coin].value.toLocaleString("en-US")
  175. 				newShopPanel.appendChild(newCoinImage);
  176. 				newShopPanel.appendChild(newCoinValue);
  177. 			}
  178. 			newShopPanel.insertAdjacentHTML('beforeend', '<hr>');
  179. 			document.getElementById('panel-shop').appendChild(newShopPanel);
  180. 		},
  181. 		
  182. 		//Register an array of new buyable items
  183. 		newItems: function(shop,items) {
  184. 			items.forEach(function(item) {
  185. 				PixelShopPlus.items[shop][item.name] = item;
  186. 				if (item.bought == false) {
  187. 					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}">
  188. 						<div class="center mt-1">
  189. 							<img src="${item.imageUrl}" title="${item.name}" style="height: 50px;">
  190. 						</div>
  191. 						<div class="center mt-1">
  192. 							<img src="${PixelShopPlus.coins[item.coin].image}" title="${item.coin}" class="w20">
  193. 							<span id="${item.name}-shop-cost">${format_number(item.price)}</span>
  194. 						</div>
  195. 				   </div>`
  196. 					document.getElementById(shop + 'Shop').insertAdjacentHTML('beforeend',newShopItem)
  197. 				   $('#shop-' + item.name).tooltip()
  198. 				}
  199. 			})
  200. 		},
  201. 		
  202. 		//Open Buy Confirm
  203. 		openBuyModal: function(shop,item) {
  204. 			document.getElementById('customShopModalShop').value = shop;
  205. 			document.getElementById('customShopModalItem').value = item;
  206. 			document.getElementById('customShopModalImage').src = PixelShopPlus.items[shop][item].imageUrl;
  207. 			document.getElementById('customShopModalText').innerText = PixelShopPlus.items[shop][item].buyText;
  208. 			document.getElementById('customShopModalBuy').style.display='';
  209. 			document.getElementById('customShopModalParent').style.display='';
  210. 		},
  211. 		
  212. 		//Buy Item
  213. 		buyItem: function() {
  214. 			let shop = document.getElementById('customShopModalShop').value;
  215. 			let item = document.getElementById('customShopModalItem').value;
  216. 			let price = PixelShopPlus.items[shop][item].price
  217. 			let coin = PixelShopPlus.items[shop][item].coin;
  218. 			if (PixelShopPlus.coins[coin].value >= price) {
  219. 				PixelShopPlus.coinDecrease(coin,price);
  220. 				PixelShopPlus.items[shop][item].bought = true;
  221. 				document.getElementById('shop-' + item).style.display = "none";
  222. 				document.getElementById('customShopModalBuy').style.display="none";
  223. 				document.getElementById('customShopModalText').innerText = PixelShopPlus.items[shop][item].boughtText;
  224. 				if(PixelShopPlus.items[shop][item].callback !== "") {
  225. 					PixelShopPlus.items[shop][item].callback()
  226. 				}
  227. 			} else {
  228. 				document.getElementById('customShopModalBuy').style.display='none';
  229. 				document.getElementById('customShopModalText').innerText = "You can't afford this, sorry.";
  230. 			}
  231. 		},
  232. 		
  233. 		//Save the coin amount on localstorage
  234. 		saveCoins: function() {
  235. 			let key = `ShopPlus-${var_username}`;
  236. 			localStorage.setItem(key, JSON.stringify(PixelShopPlus.coins));
  237. 		},
  238. 		
  239. 		//Load the coin amount on localstorage
  240. 		loadCoins: function() {
  241. 			let key = `ShopPlus-${var_username}`;
  242. 			let loadedCoins = localStorage.getItem(key);
  243. 			if (loadedCoins) {
  244. 				PixelShopPlus.coins = JSON.parse(loadedCoins);
  245. 			}
  246. 		},
  247. 	};
  248. 	window.PixelShopPlus = PixelShopPlus;
  249. 	PixelShopPlus.initialize();
  250. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址