☰

Pixel Combat+

Makes it easier to create new custom enemies for Idle Pixel

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

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.gf.qytechs.cn/scripts/491625/1354049/Pixel%20Combat%2B.js 

  1. // ==UserScript==
  2. // @name         Pixel Combat+
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.0.0
  5. // @description  Makes it easier to create new custom enemies for Idle Pixel
  6. // @author       Dounford
  7. // @license      MIT
  8. // @match        *://idle-pixel.com/login/play*
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. //Default Enemy
  13. let defaultEnemy = {
  14. 	name:'Black Cat',
  15. 	image:"https://raw.githubusercontent.com/Dounford-Felipe/DHP-Pets/main/images/whiteCatMonster.png",
  16. 	hp:100,
  17. 	maxHp:100,
  18. 	accuracy:3,
  19. 	damage:2,
  20. 	speed:3,
  21. 	defence:5,
  22. 	arrowImunity:false,
  23. 	magicImunity:false,
  24. 	needsLight:false,
  25. 	weakToFire:false,
  26. 	weakToIce:false,
  27. 	poisoned: false,
  28. 	ghost: false,
  29. 	fish: false,
  30. 	lootTable:"",
  31. 	lootFunction: "",
  32. 	winFunction: "",
  33. 	abilities:[]
  34. };
  35. /*abilities: [
  36. 	{type: 'heal', limit: -1, chance: 1, cooldown: 3, min:5,max:20, cd:10},
  37. 	{type: 'poison', chance: 1, poison:5, cd:5},
  38. 	{type: 'damage', limit: -1, chance: 0.25, cooldown: 3, min:5,max:20, cd:3},
  39. 	{type: 'kamikaze', chance: 1, cd: 120},
  40. 	{type: 'invisibility', limit: -1, chance: 1, cooldown: 30, cd:30},
  41. 	{type: 'reflect', limit: -1, chance: 1, cooldown: 15, cd:15}
  42. ]*/
  43. //[{item:'',image:'',min:1,max:10,chance:'1/x'}]
  44. //Ranged Weapons
  45. const ranged = ['wooden_bow','long_bow','haunted_bow','balista'];
  46. if (!document.getElementById('panel-customCombat')) {
  47. (function PixelCombatPlus() {
  48.     'use strict';
  49. 	const PixelCombatPlus = {
  50. 		initialize: function () {
  51.             window.addEventListener('load', function () {
  52.                 PixelCombatPlus.newFightPanel();
  53.                 PixelCombatPlus.newModals();
  54. 				if (IdlePixelPlus) {
  55. 					IdlePixelPlus.panels.customCombat = {id:'customCombat',title:'',content:''}
  56. 				} else {
  57. 					const og_switch_panels = window.switch_panels;
  58. 					window.switch_panels = function(id) {
  59. 						document.getElementById('panel-customCombat').style.display = "none";
  60. 						og_switch_panels.apply(this, arguments);
  61. 					}
  62. 				}
  63.             });
  64.         },
  65. 		//Fighting toggle
  66. 		fight: false,
  67. 		//Hitsplat Maps
  68. 		hitSplatHero: {},
  69. 		hitSplatMonster: {},
  70. 		//Timer until fight starts
  71. 		startsIn:0,
  72. 		//Interval called each second
  73. 		ticking:0,
  74. 		ticks: 0,
  75. 		//Enemy Stats
  76. 		enemy: {
  77. 			name:'Test',
  78. 			image:"",
  79. 			hp:10,
  80. 			maxHp:10,
  81. 			accuracy:3,
  82. 			damage:2,
  83. 			speed:3,
  84. 			defence:5,
  85. 			arrowImunity:false,
  86. 			magicImunity:false,
  87. 			needsLight:false,
  88. 			weakToFire:false,
  89. 			weakToIce:false,
  90. 			poisoned: false,
  91. 			ghost: false,
  92. 			fish: false,
  93. 			lootTable: "",
  94. 			lootFunction: "",
  95. 			winFunction: "",
  96. 		},
  97. 		//Hero Stats
  98. 		hero: {
  99. 			hp:0,
  100. 			mana:0,
  101. 			isReflecting:false,
  102. 			poisoned: false
  103. 		},
  104. 		//Spells Cooldown
  105. 		healCooldown: 0,
  106. 		fireCooldown: 0,
  107. 		reflectCooldown: 0,
  108. 		invisibilityCooldown: 0,
  109. 		heroIsInvisible: 0,
  110. 		enemyIsInvisible: 0,
  111. 		
  112. 		testFight: function() {
  113. 			PixelCombatPlus.startFight(defaultEnemy)
  114. 		},
  115. 		
  116. 		newModals: function() {
  117. 			let lootDiv = `<div style="width: 100%; height: 100%; position: absolute;top:0px; display: none;" id="customCombatModalParent">
  118. 				<div style="background-color: black;opacity: 0.7;width: 100%;height: 100%;position: absolute;" onclick="document.getElementById('customCombatModalParent').style.display='none'"></div>
  119. 				<div class="modal-content" id="customCombatModal" style="z-index: 11;position: sticky;right: 0px;left: 0px;margin-right: auto;margin-left: auto;width: 35%;border-radius: 5px;top: 100px;">
  120. 					<div class="modal-header">
  121. 						<h5 class="modal-title text-secondary">LOOT</h5>
  122. 						<button type="button" class="btn-close" onclick="document.getElementById('customCombatModalParent').style.display = 'none'"></button>
  123. 					</div>
  124. 					<div class="modal-body">
  125. 						<div id="modal-custom-loot-body">
  126. 						</div>
  127. 					</div>
  128. 					<div class="modal-footer">
  129. 						<button onclick="document.getElementById('customCombatModalParent').style.display = 'none'" id="modal-custom-loot-collect-button" class="background-primary"><span class="font-pixel hover">Collect Loot</span></button>
  130. 					</div>
  131. 				</div>
  132. 			</div>`
  133. 			document.getElementById('content').insertAdjacentHTML('beforeend', lootDiv);
  134. 		},
  135. 		
  136. 		//Adds the new combat scene
  137. 		newFightPanel: function () {
  138. 			let customCombatTab = `<div id="panel-customCombat" style="display:none">
  139. 				<button onclick="switch_panels('panel-combat')">BACK</button>
  140. 				<center>
  141. 					<table>
  142. 						<tbody>
  143. 							<tr>
  144. 								<td class="fight-right-border">
  145. 								</td>
  146. 								<td style="padding-top:20px;" class="canvas-fighting-td fight-top-border">
  147. 									<center>
  148. 										<span class="hp-progress-bar">
  149. 											<span id="custom-hero-progress-bar-hp" class="hp-progress-bar-inner" style="width: 100%;"></span>
  150. 											<div class="progress-bar-label">
  151. 												<span id="custom_combat_hp">0/0</span>
  152. 											</div>
  153. 										</span>
  154. 										<br>
  155. 										<span class="mana-progress-bar">
  156. 											<span id="custom-hero-progress-bar-mana" class="mana-progress-bar-inner" style="width: 100%;"></span>
  157. 											<div class="progress-bar-label color-cyan">
  158. 												<span id="custom_combat_mana">0/0</span>
  159. 											</div>
  160. 										</span>
  161. 									</center>
  162. 								</td>
  163. 								<td style="padding-bottom:20px;" class="canvas-fighting-td fight-top-border">
  164. 									<center>
  165. 										<span class="hp-progress-bar">
  166. 											<span id="custom-monster-progress-bar-hp" class="hp-progress-bar-inner" style="width: 100%;"></span>
  167. 											<div class="progress-bar-label">
  168. 												<span id="custom_combat_monster_hp">0/0</span>
  169. 											</div>
  170. 										</span>
  171. 										<br>
  172. 									</center>
  173. 								</td>
  174. 								<td class="fight-left-border">
  175. 								</td>
  176. 							</tr>
  177. 							<tr>
  178. 								<td style="vertical-align:top;" class="fight-right-border">
  179. 									<div class="fighting-hero-stats-area hover shadow" style="border-right:none;">
  180. 										<span id="custom-fighting-hero-label">Player</span>
  181. 									</div>
  182. 									<div class="td-combat-bottom-panel shadow">
  183. 										<div class="td-combat-stat-entry">
  184. 											<img class="img-15" src="https://d1xsc8x7nc5q8t.cloudfront.net/images/accuracy_white.png" title="accuracy_white"> 
  185. 											<span style="color:white">Accuracy:</span>
  186. 											<span id="custom_combat_hero_accuracy">0</span>
  187. 										</div>
  188. 										<div class="td-combat-stat-entry">
  189. 											<img class="img-15" src="https://d1xsc8x7nc5q8t.cloudfront.net/images/melee_damage_white.png" title="melee_damage_white"> 
  190. 											<span style="color:white">Damage:</span>
  191. 											<span id="custom_combat_hero_melee_damage">0</span>
  192. 										</div>
  193. 										<div class="td-combat-stat-entry">
  194. 											<img class="img-15" src="https://d1xsc8x7nc5q8t.cloudfront.net/images/arrow_damage_white.png" title="arrow_damage_white"> 
  195. 											<span style="color:white">Damage:</span>
  196. 											<span id="custom_combat_hero_arrow_damage">0</span>
  197. 										</div>
  198. 										<div class="td-combat-stat-entry">
  199. 											<img class="img-15" src="https://d1xsc8x7nc5q8t.cloudfront.net/images/magic_damage_white.png" title="magic_damage_white"> 
  200. 											<span style="color:white">Magic:</span>
  201. 											<span id="custom_combat_hero_magic_bonus">0</span>
  202. 										</div>
  203. 										<div class="td-combat-stat-entry">
  204. 											<img class="img-15" src="https://d1xsc8x7nc5q8t.cloudfront.net/images/speed_white.png" title="speed_white"> 
  205. 											<span style="color:white">Speed:</span>
  206. 											<span id="custom_combat_hero_speed">0</span>
  207. 										</div>
  208. 										<div class="td-combat-stat-entry">
  209. 											<img class="img-15" src="https://d1xsc8x7nc5q8t.cloudfront.net/images/defence_white.png" title="defence_white"> 
  210. 											<span style="color:white">Defence:</span>
  211. 											<span id="custom_combat_hero_defence">0</span>
  212. 										</div>
  213. 									</div>
  214. 									<div style="" id="custom-fighting-spell-heal" onclick="PixelCombatPlus.spell('heal')" class="fighting-spell-area-heal hover shadow">
  215. 										<img id="custom-image-heal_spell_icon" src="https://idlepixel.s3.us-east-2.amazonaws.com/images/heal_spell_icon.png" title="heal_spell_icon">
  216. 										<span id="custom-fighting-spell-label-heal" style="color: white;">Heal <span class="color-grey" style="color: rgb(128, 128, 128);">(Q)</span></span>
  217. 									</div>
  218. 									<div style="" id="custom-fighting-spell-fire" onclick="PixelCombatPlus.spell('fire')" class="fighting-spell-area-fire hover shadow">
  219. 										<img id="custom-image-fire_spell_icon" src="https://d1xsc8x7nc5q8t.cloudfront.net/images/fire_spell_icon.png" title="fire_spell_icon" class="">
  220. 										<span id="custom-fighting-spell-label-fire" style="color: white;">Fire <span class="color-grey" style="color: rgb(128, 128, 128);">(E)</span></span>
  221. 									</div>
  222. 									<div style="" id="custom-fighting-spell-reflect" onclick="PixelCombatPlus.spell('reflect')" class="fighting-spell-area-fire hover shadow">
  223. 										<img id="custom-image-reflect_spell_icon" src="https://d1xsc8x7nc5q8t.cloudfront.net/images/reflect_spell_icon.png" title="reflect_spell_icon" class="">
  224. 										<span id="custom-fighting-spell-label-reflect" style="color: white;">Reflect <span class="color-grey" style="color: rgb(128, 128, 128);">(E)</span></span>
  225. 									</div>
  226. 									<div style="" id="custom-fighting-spell-invisibility" onclick="PixelCombatPlus.spell('invisibility')" class="fighting-spell-area-invisibility hover shadow">
  227. 										<img id="custom-image-invisibility_spell_icon" src="https://d1xsc8x7nc5q8t.cloudfront.net/images/invisibility_spell_icon.png" title="invisibility_spell_icon" class="">
  228. 										<span id="custom-fighting-spell-label-invisibility" style="color: white;">Invisibility <span class="color-grey" style="color: rgb(128, 128, 128);">(R)</span></span>
  229. 									</div>
  230. 								</td>
  231. 								<td class="canvas-fighting-td fight-bottom-border">
  232. 									<div style="display: none;" class="fighting-countdown">FIGHT IN <span id="custom-fighting-countdown">5</span></div>
  233. 									<canvas class="canvas-fighting" style="margin-left:100px;margin-right:100px" id="custom-combat-canvas-hero" width="300px" height="600px" original-width="300px" original-height="600px">
  234. 									</canvas>
  235. 								</td>
  236. 								<td class="canvas-fighting-td fight-bottom-border">
  237. 									<canvas class="canvas-fighting" id="custom-combat-canvas-monster" width="500px" height="600px" original-width="500px" original-height="600px" style="">
  238. 									</canvas>
  239. 								</td>
  240. 								<td style="vertical-align:top;" class="fight-left-border">
  241. 									<div class="fighting-monster-stats-area hover shadow">
  242. 										<span id="custom-fighting-monster-label">Enemy Name</span>
  243. 									</div>
  244. 									<div class="td-combat-bottom-panel shadow" style="border-left:none;">
  245. 										<div class="td-combat-stat-entry">
  246. 											<img class="img-15" src="https://d1xsc8x7nc5q8t.cloudfront.net/images/accuracy_white.png" title="accuracy_white"> 
  247. 											<span style="color:white">Accuracy:</span>
  248. 											<span id="custom_combat_monster_accuracy">0</span>
  249. 										</div>
  250. 										<div class="td-combat-stat-entry">
  251. 											<img class="img-15" src="https://d1xsc8x7nc5q8t.cloudfront.net/images/melee_damage_white.png" title="melee_damage_white"> 
  252. 											<span style="color:white">Damage:</span>
  253. 											<span id="custom_combat_monster_attack">0</span>
  254. 										</div>
  255. 										<div class="td-combat-stat-entry">
  256. 											<img class="img-15" src="https://d1xsc8x7nc5q8t.cloudfront.net/images/speed_white.png" title="speed_white"> 
  257. 											<span style="color:white">Speed:</span>
  258. 											<span id="custom_combat_monster_speed">3</span>
  259. 										</div>
  260. 										<div class="td-combat-stat-entry">
  261. 											<img class="img-15" src="https://d1xsc8x7nc5q8t.cloudfront.net/images/defence_white.png" title="defence_white"> 
  262. 											<span style="color:white">Defence:</span>
  263. 											<span id="custom_combat_monster_defence">0</span>
  264. 										</div>
  265. 									</div>
  266. 								</td>
  267. 							</tr>
  268. 							<tr>
  269. 								<td></td>
  270. 								<td>
  271. 									<center>
  272. 										<!-- presets -->
  273. 										<div id="custom-combat-presets-area" style="" class="combat-presets-area shadow center">
  274. 											<img src="https://d1xsc8x7nc5q8t.cloudfront.net/images/combat_presets.png" class="w20" title="combat_presets"> <u class="color-silver">Presets</u><br><br>
  275. 											<img data-tooltip="combat-preset-1" id="custom-in-combat-presets-icon-1" onclick="websocket.send('PRESET_LOAD=1~1')" class="combat-presets-combat-icon hover w30" src="" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-html="true" title="" data-bs-original-title="<span class='color-primary'>PRESETS</span><br /><br />Press 1 to quickload." aria-label="<span class='color-primary'>PRESETS</span><br /><br />Press 1 to quickload." style="background-color: rgb(219, 255, 220);">
  276. 											<img data-tooltip="combat-preset-2" id="custom-in-combat-presets-icon-2" onclick="websocket.send('PRESET_LOAD=2~1')" class="combat-presets-combat-icon hover w30" src="" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-html="true" title="" data-bs-original-title="<span class='color-primary'>PRESETS</span><br /><br />Press 2 to quickload." aria-label="<span class='color-primary'>PRESETS</span><br /><br />Press 2 to quickload." style="background-color: rgb(117, 126, 255);">
  277. 											<img data-tooltip="combat-preset-3" id="custom-in-combat-presets-icon-3" onclick="websocket.send('PRESET_LOAD=3~1')" class="combat-presets-combat-icon hover w30" src="" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-html="true" title="" data-bs-original-title="<span class='color-primary'>PRESETS</span><br /><br />Press 3 to quickload." aria-label="<span class='color-primary'>PRESETS</span><br /><br />Press 3 to quickload." style="background-color: rgb(219, 255, 220);">
  278. 											<img data-tooltip="combat-preset-4" id="custom-in-combat-presets-icon-4" onclick="websocket.send('PRESET_LOAD=4~1')" class="combat-presets-combat-icon hover w30" src="" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-html="true" title="" data-bs-original-title="<span class='color-primary'>PRESETS</span><br /><br />Press 4 to quickload." aria-label="<span class='color-primary'>PRESETS</span><br /><br />Press 4 to quickload." style="background-color: rgb(255, 87, 87);">
  279. 											<img data-tooltip="combat-preset-5" id="custom-in-combat-presets-icon-5" onclick="websocket.send('PRESET_LOAD=5~1')" class="combat-presets-combat-icon hover w30" src="" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-html="true" title="" data-bs-original-title="<span class='color-primary'>PRESETS</span><br /><br />Press 5 to quickload." aria-label="<span class='color-primary'>PRESETS</span><br /><br />Press 5 to quickload." style="background-color: rgb(219, 255, 220);">
  280. 										</div>
  281. 									</center>
  282. 									<!-- end presets -->
  283. 								</td>
  284. 								<td></td>
  285. 								<td></td>
  286. 							</tr>
  287. 						</tbody>
  288. 					</table>
  289. 				</center>
  290. 			</div>`
  291. 			document.getElementById('panels').insertAdjacentHTML('beforeend', customCombatTab);
  292. 			let combatNot = `<div id="notification-custom-combat" style="display: none;" onclick="switch_panels('panel-customCombat');document.getElementById('menu-bar').style.display = 'none';" class="notification hover">
  293. 			  <img src="https://d1xsc8x7nc5q8t.cloudfront.net/images/fight.png" class="w20" title="fight"> 
  294. 			  <span style="color:red">IN COMBAT!</span>
  295. 			  <span style="color:grey">(Click to resume)</span>
  296. 			  <span class="color-white" id="notification-combat"></span>
  297. 			</div>`
  298. 			document.getElementById('notification-combat').insertAdjacentHTML('afterend', combatNot);
  299. 			PixelCombatPlus.heroCanvas = document.getElementById("custom-combat-canvas-hero");
  300. 			PixelCombatPlus.heroContext = document.getElementById("custom-combat-canvas-hero").getContext("2d");
  301. 			PixelCombatPlus.enemyCanvas = document.getElementById("custom-combat-canvas-monster");
  302. 			PixelCombatPlus.enemyContext = document.getElementById("custom-combat-canvas-monster").getContext("2d");
  303. 			PixelCombatPlus.enemyImage = new Image;
  304. 			document.addEventListener('keydown', function(e) {
  305. 				const chatInput = document.getElementById('chat-area-input');
  306. 				const customCombatPanel = document.getElementById('panel-customCombat');
  307. 				if (!chatInput.matches(':focus') && customCombatPanel.style.display !== "none") {
  308. 					switch (e.keyCode) {
  309. 						//Presets
  310. 						case 49: websocket.send('PRESET_LOAD=1~1'); break;
  311. 						case 50: websocket.send('PRESET_LOAD=2~1'); break;
  312. 						case 51: websocket.send('PRESET_LOAD=3~1'); break;
  313. 						case 52: websocket.send('PRESET_LOAD=4~1'); break;
  314. 						case 53: websocket.send('PRESET_LOAD=5~1'); break;
  315. 						//Spells
  316. 						case 81: PixelCombatPlus.spell('heal'); break;
  317. 						case 87: PixelCombatPlus.spell('fire'); break;
  318. 						case 69: PixelCombatPlus.spell('reflect'); break;
  319. 						case 82: PixelCombatPlus.spell('invisibility'); break;
  320. 					}
  321. 				}
  322. 			});
  323. 		},
  324. 		
  325. 		//Refresh the presets on the custom combat
  326. 		refreshPresetIcons: function()  {
  327. 			for(let i = 1; i < 6 ; i++)	{
  328. 				document.getElementById("custom-in-combat-presets-icon-" + i).src = get_image("images/" + Items.getItem("combat_preset_icon_" + i));
  329. 				document.getElementById("custom-in-combat-presets-icon-" + i).style.backgroundColor = Items.getItemString("combat_preset_color_" + i);
  330. 			}
  331. 		},
  332. 		
  333. 		//Cooldown function
  334. 		cooldown: function(variable,time,id,defaultText) {
  335. 			PixelCombatPlus[variable] = time;
  336. 			if (typeof id == 'string') {
  337. 				document.getElementById(id).innerHTML = time;
  338. 				document.getElementById(id).parentNode.style.display = "";
  339. 			};
  340. 			if (time > 0) {
  341. 				setTimeout(function(){
  342. 					PixelCombatPlus.cooldown(variable,time-1,id,defaultText);
  343. 				},1000)
  344. 			} else if (typeof defaultText == 'string') {
  345. 				if (defaultText == "hide") {
  346. 					document.getElementById(id).parentNode.style.display = "none";
  347. 				} else {
  348. 					document.getElementById(id).innerHTML = defaultText;
  349. 				}
  350. 			};
  351. 		},
  352. 		
  353. 		//Cooldown function
  354. 		cooldownAbility: function(index,time) {
  355. 			PixelCombatPlus.enemy.abilities[index].cd = time;
  356. 			if (time > 0) {
  357. 				setTimeout(function(){
  358. 					PixelCombatPlus.cooldownAbility(index,time-1);
  359. 				},1000)
  360. 			}
  361. 		},
  362. 		
  363. 		//Spell Casting Function
  364. 		spell: function(spellName) {
  365. 			if (PixelCombatPlus[spellName+'Cooldown'] == 0) {
  366. 				switch (spellName) {
  367. 					case "heal":
  368. 						if (PixelCombatPlus.hero.mana >= 2) {
  369. 							PixelCombatPlus.hero.mana -= 2;
  370. 							PixelCombatPlus.hero.hp += 3;
  371. 							PixelCombatPlus.hero.hp = Math.min(PixelCombatPlus.hero.hp,var_max_hp);
  372. 							PixelCombatPlus.updateStatsBars();
  373. 							PixelCombatPlus.addHitSplat("3", 'images/heal_spell.png', 'lime', 'rgba(0,255,0,0.4)', 'blue', 'Hero');
  374. 							PixelCombatPlus.cooldown('healCooldown',5,'custom-fighting-spell-label-heal','Heal <span class="color-grey" style="color: rgb(128, 128, 128);">(Q)</span>');
  375. 						}
  376. 					break;
  377. 					case "fire":
  378. 						if (PixelCombatPlus.hero.mana >= 3) {
  379. 							PixelCombatPlus.hero.mana -= 3;
  380. 							let fireDamage = Math.floor(Math.random() * 6) + parseInt(var_magic_bonus);
  381. 							if (PixelCombatPlus.enemy.weakToFire == true) {
  382. 								fireDamage *= 2
  383. 							};
  384. 							if (PixelCombatPlus.enemy.magicImunity == false) {
  385. 								PixelCombatPlus.enemy.hp -= fireDamage;
  386. 								PixelCombatPlus.addHitSplat(fireDamage, 'images/fire_icon.png', 'white', 'rgba(255,0,0,0.4)', 'blue', 'Monster');
  387. 							} else {
  388. 								PixelCombatPlus.addHitSplat('IMMUNE', 'images/fire_icon.png', 'white', 'rgba(255,0,0,0.4)', 'blue', 'Monster');
  389. 							};
  390. 							PixelCombatPlus.updateStatsBars();
  391. 							PixelCombatPlus.cooldown('fireCooldown',5,'custom-fighting-spell-label-fire','Fire <span class="color-grey" style="color: rgb(128, 128, 128);">(W)</span>');
  392. 						}
  393. 					break;
  394. 					case "reflect":
  395. 						if (PixelCombatPlus.hero.mana >= 1 && PixelCombatPlus.hero.isReflecting == false) {
  396. 							PixelCombatPlus.hero.mana -= 1;
  397. 							PixelCombatPlus.hero.isReflecting = true;
  398. 							PixelCombatPlus.updateStatsBars();
  399. 							PixelCombatPlus.cooldown('reflectCooldown',30,'custom-fighting-spell-label-reflect','Reflect <span class="color-grey" style="color: rgb(128, 128, 128);">(E)</span>');
  400. 						}
  401. 					break;
  402. 					case "invisibility":
  403. 						if (PixelCombatPlus.hero.mana >= 2) {
  404. 							PixelCombatPlus.hero.mana -= 2;
  405. 							PixelCombatPlus.updateStatsBars();
  406. 							PixelCombatPlus.cooldown('heroIsInvisible',4);
  407. 							PixelCombatPlus.cooldown('invisibilityCooldown',30,'custom-fighting-spell-label-invisibility','Invisibility <span class="color-grey" style="color: rgb(128, 128, 128);">(R)</span>');
  408. 						}
  409. 					break;
  410. 				};
  411. 			}
  412. 		},
  413. 		
  414. 		poison: function(receiver,poisonDamage) {
  415. 			PixelCombatPlus[receiver].hp -= poisonDamage;
  416. 			PixelCombatPlus.addHitSplat(poisonDamage, 'images/poison.png', 'green', 'rgba(255,0,0,0.4)', 'blue', receiver.charAt(0).toLocaleUpperCase() + receiver.slice(1));
  417. 			PixelCombatPlus.updateStatsBars();
  418. 			if (PixelCombatPlus.hero.hp > 0 && PixelCombatPlus.enemy.hp > 0) {setTimeout(function(){PixelCombatPlus.poison(receiver,poisonDamage)},4000)};
  419. 		},
  420. 		
  421. 		//Enemy Special Attack
  422. 		specialAttack: function() {
  423. 			if (typeof PixelCombatPlus.enemy.abilities == 'object') {
  424. 				PixelCombatPlus.enemy.abilities.forEach(function(ability,index) {
  425. 					if (ability.limit == 0 || ability.cd > 0) {
  426. 					  return;
  427. 					};
  428. 					const randomChance = Math.random();
  429. 					if (ability.chance > randomChance)  {
  430. 						switch (ability.type) {
  431. 							case 'heal':
  432. 								let healAmount = Math.floor(Math.random() * (ability.max - ability.min + 1) + ability.min)
  433. 								PixelCombatPlus.enemy.hp += healAmount;
  434. 								PixelCombatPlus.enemy.hp = Math.min(PixelCombatPlus.enemy.hp,PixelCombatPlus.enemy.maxHp);
  435. 								PixelCombatPlus.updateStatsBars();
  436. 								PixelCombatPlus.addHitSplat(healAmount, 'images/heal_spell.png', 'lime', 'rgba(0,255,0,0.4)', 'blue', 'Monster');
  437. 							break;
  438. 							case 'poison':
  439. 								if (PixelCombatPlus.hero.poisoned == false) {
  440. 									PixelCombatPlus.hero.poisoned = true;
  441. 									const poisonDamage = ability.poison || 5
  442. 									PixelCombatPlus.poison('hero',poisonDamage)
  443. 								};
  444. 							break;
  445. 							case 'damage':
  446. 								if (PixelCombatPlus.heroIsInvisible > 0) {
  447. 									PixelCombatPlus.addHitSplat("MISSED","images/ghost_icon.png","white","rgba(255,0,0,0.6)","blue","Hero");
  448. 								} else {
  449. 									let damageDone = Math.floor(Math.random() * (ability.max - ability.min + 1) + ability.min);
  450. 									if (PixelCombatPlus.hero.isReflecting == true && damageDone > 0) {
  451. 										PixelCombatPlus.enemy.hp -= damageDone;
  452. 										PixelCombatPlus.hero.isReflecting = false;
  453. 										PixelCombatPlus.addHitSplat(damageDone, "images/reflect_spell.png", 'white', 'rgba(255,0,0,0.6)', 'blue', 'Monster');
  454. 									} else {
  455. 										PixelCombatPlus.hero.hp -= damageDone;
  456. 										PixelCombatPlus.addHitSplat(damageDone,"images/sword_icon.png","white","rgba(255,0,0,0.6)","blue","Hero");
  457. 									}
  458. 									PixelCombatPlus.updateStatsBars();
  459. 								}
  460. 							break;
  461. 							case 'damageHeal':
  462. 								if (PixelCombatPlus.heroIsInvisible > 0) {
  463. 									PixelCombatPlus.addHitSplat("MISSED","images/ghost_icon.png","white","rgba(255,0,0,0.6)","blue","Hero");
  464. 								} else {
  465. 									let damageDone = Math.floor(Math.random() * (ability.max - ability.min + 1) + ability.min);
  466. 									if (PixelCombatPlus.hero.isReflecting == true && damageDone > 0) {
  467. 										PixelCombatPlus.enemy.hp -= damageDone;
  468. 										PixelCombatPlus.hero.isReflecting = false;
  469. 										PixelCombatPlus.addHitSplat(damageDone, "images/reflect_spell.png", 'white', 'rgba(255,0,0,0.6)', 'blue', 'Monster');
  470. 									} else {
  471. 										PixelCombatPlus.hero.hp -= damageDone;
  472. 										PixelCombatPlus.enemy.hp += damageDone;
  473. 										PixelCombatPlus.enemy.hp = Math.min(PixelCombatPlus.enemy.hp,PixelCombatPlus.enemy.maxHp);
  474. 										PixelCombatPlus.addHitSplat(damageDone,"images/sword_icon.png","white","rgba(255,0,0,0.6)","blue","Hero");
  475. 										PixelCombatPlus.addHitSplat(damageDone, 'images/heal_spell.png', 'lime', 'rgba(0,255,0,0.4)', 'blue', 'Monster');
  476. 									}
  477. 									PixelCombatPlus.updateStatsBars();
  478. 								};
  479. 							break;
  480. 							case 'kamikaze':
  481. 								PixelCombatPlus.hero.hp = 0;
  482. 								PixelCombatPlus.endFight();
  483. 							break;
  484. 							case "invisibility":
  485. 								PixelCombatPlus.cooldown('enemyIsInvisible',4);
  486. 							break;
  487. 							case "reflect":
  488. 								PixelCombatPlus.enemy.isReflecting = true;
  489. 							break;
  490. 						};
  491. 						if (ability.limit != -1) {
  492. 							ability.limit--;
  493. 						};
  494. 						if (ability.cooldown > 0) {
  495. 							PixelCombatPlus.cooldownAbility(index,ability.cooldown)
  496. 						};
  497. 					};
  498. 				});
  499. 			}
  500. 		},
  501.  
  502. 		//Update the stats bar on combat scene
  503. 		updateStatsBars: function() {
  504. 			//Hero
  505. 			document.getElementById("custom_combat_hp").innerHTML = Math.max(0,PixelCombatPlus.hero.hp) + "/" + var_max_hp; //Set the number on the hero hp bar
  506. 			let heroHpPercentage = PixelCombatPlus.hero.hp / var_max_hp * 100;
  507. 			document.getElementById("custom-hero-progress-bar-hp").style.width = heroHpPercentage.toFixed() + "%"; // Set the hero hp bar background
  508. 			//Mana
  509. 			document.getElementById("custom_combat_mana").innerHTML = Math.max(0,PixelCombatPlus.hero.mana) + "/" + var_max_mana; //Set the number on the hero mana bar
  510. 			let heroManaPercentage = PixelCombatPlus.hero.mana / var_max_mana * 100;
  511. 			document.getElementById("custom-hero-progress-bar-mana").style.width = heroManaPercentage.toFixed() + "%"; // Set the mana hp bar background
  512. 			
  513. 			//Enemy
  514. 			document.getElementById("custom_combat_monster_hp").innerHTML = Math.max(0,PixelCombatPlus.enemy.hp) + "/" + PixelCombatPlus.enemy.maxHp; //Set the number on the enemy hp bar
  515. 			let EnemyHpPercentage = PixelCombatPlus.enemy.hp / PixelCombatPlus.enemy.maxHp * 100;
  516. 			document.getElementById("custom-monster-progress-bar-hp").style.width = EnemyHpPercentage.toFixed() + "%"; // Set the enemy hp bar background
  517. 		},
  518. 		
  519. 		//Update the enemy stats mid fight, can be used for pvp
  520. 		updateEnemyStats: function(foe) {
  521. 			PixelCombatPlus.enemyImage.src = foe.image;
  522. 			for (const key in foe) {
  523. 				PixelCombatPlus.enemy[key] = foe[key];
  524. 			};
  525. 			PixelCombatPlus.updateStatsBars();
  526. 			
  527. 			document.getElementById("custom-fighting-monster-label").innerText = PixelCombatPlus.enemy.name;
  528. 			document.getElementById("custom_combat_monster_accuracy").innerText = PixelCombatPlus.enemy.accuracy;
  529. 			document.getElementById("custom_combat_monster_attack").innerText = PixelCombatPlus.enemy.damage;
  530. 			document.getElementById("custom_combat_monster_speed").innerText = PixelCombatPlus.enemy.speed;
  531. 			document.getElementById("custom_combat_monster_defence").innerText = PixelCombatPlus.enemy.defence;
  532. 		},
  533. 		
  534. 		//Starts the fight
  535. 		startFight: function(foe) {
  536. 		if (PixelCombatPlus.fight == false) {
  537. 			//Make sure that there is nothing remaining from the last fight
  538. 			PixelCombatPlus.enemy.poisoned = false;
  539. 			PixelCombatPlus.hero.poisoned = false;
  540. 			PixelCombatPlus.hero.isReflecting = false;
  541. 			PixelCombatPlus.hitSplatHero = {};
  542. 			PixelCombatPlus.hitSplatMonster = {};
  543. 			//Stats Update
  544. 			PixelCombatPlus.fight = true; //Starts the fight
  545. 			PixelCombatPlus.hero.hp = var_max_hp; //Set the current hero hp to max
  546. 			PixelCombatPlus.hero.mana = var_max_mana; //Set the current hero mana to max
  547. 			PixelCombatPlus.enemyImage.src = foe.image; //Set the enemy image
  548. 			for (const key in foe) {PixelCombatPlus.enemy[key] = foe[key]}; //Set the current enemy
  549. 			PixelCombatPlus.enemy.poisoned = false; //Removes poison
  550. 			if (PixelCombatPlus.enemy.speed > 6) {PixelCombatPlus.enemy.speed = 6}; // 6 is the max speed
  551. 			if (PixelCombatPlus.enemy.hp > PixelCombatPlus.enemy.maxHp) {PixelCombatPlus.enemy.hp = PixelCombatPlus.enemy.maxHp}; // Enemy can't have more than max hp
  552. 			
  553. 			//UI Update
  554. 			PixelCombatPlus.refreshPresetIcons(); //Load the preset icon and color
  555. 			PixelCombatPlus.updateStatsBars(); //Updates all stats on UI
  556. 			//Hero Stats
  557. 			document.getElementById("custom-fighting-hero-label").innerText = var_username;
  558. 			document.getElementById("custom_combat_hero_accuracy").innerText = var_accuracy;
  559. 			document.getElementById("custom_combat_hero_melee_damage").innerText = var_melee_damage;
  560. 			document.getElementById("custom_combat_hero_arrow_damage").innerText = var_arrow_damage;
  561. 			document.getElementById("custom_combat_hero_magic_bonus").innerText = var_magic_bonus;
  562. 			document.getElementById("custom_combat_hero_speed").innerText = var_speed;
  563. 			document.getElementById("custom_combat_hero_defence").innerText = var_defence;
  564. 			//Enemy Stats
  565. 			document.getElementById("custom-fighting-monster-label").innerText = PixelCombatPlus.enemy.name;
  566. 			document.getElementById("custom_combat_monster_accuracy").innerText = PixelCombatPlus.enemy.accuracy;
  567. 			document.getElementById("custom_combat_monster_attack").innerText = PixelCombatPlus.enemy.damage;
  568. 			document.getElementById("custom_combat_monster_speed").innerText = PixelCombatPlus.enemy.speed;
  569. 			document.getElementById("custom_combat_monster_defence").innerText = PixelCombatPlus.enemy.defence;
  570. 			
  571. 			switch_panels('panel-customCombat'); //Go to the fight scene
  572. 			document.getElementById('menu-bar').style.display = "none"; //Hides lateral bar
  573. 			document.getElementById('notification-custom-combat').style.display = "" //Shows the combat notification
  574. 			document.getElementById('notification-custom-combat').style.display = "" //Shows the combat notification
  575.  
  576. 			PixelCombatPlus.cooldown('startsIn',5,'custom-fighting-countdown','hide'); //Start the timer to fight
  577. 			PixelCombatPlus.ticking = setInterval(function() {
  578. 				PixelCombatPlus.tick()
  579. 			}, 1000 / 60);
  580. 			setTimeout(function(){
  581. 				PixelCombatPlus.attack("hero");
  582. 				PixelCombatPlus.attack("enemy");
  583. 				PixelCombatPlus.enemy.abilities.forEach(function(ability,index) {if (ability.cd > 0){PixelCombatPlus.cooldownAbility(index,ability.cd)}});
  584. 			}, 6000);
  585. 			
  586. 		}
  587. 		},
  588. 		
  589. 		//Hit function
  590. 		hitRate: function(defence,accuracy) {
  591. 			let hitRandom = Math.random();
  592. 			let hitChance = 0;
  593. 			if (((defence / 2) - accuracy) > 4) {
  594. 				hitChance = 1 / (Math.max(1, ((defence / 2) - accuracy)) + 1);
  595. 			} else if (((defence / 2) - accuracy) <= 0) {
  596. 				hitChance = 1;
  597. 			} else {
  598. 				hitChance = 1 - (((defence / 2) - accuracy) * 2 / 10);
  599. 			};
  600. 			if (PixelCombatPlus.enemy.needsLight == true && !(var_ring_of_light_equipped == 1 || var_shield == 'lantern')) {hitChance = 0.5};
  601. 			return hitRandom <= hitChance
  602. 		},
  603. 		
  604. 		//Attack function 
  605. 		attack: function(attacker){
  606. 			if (PixelCombatPlus.hero.hp > 0 && PixelCombatPlus.enemy.hp > 0) {
  607. 			if (attacker == "hero") {
  608. 				//Poison
  609. 				if (PixelCombatPlus.enemy.poisoned == false && var_weapon.includes('poison')) {
  610. 					PixelCombatPlus.enemy.poisoned = true;
  611. 					PixelCombatPlus.poison('monster',5);
  612. 				};
  613. 				//If hit succeed 
  614. 				if (PixelCombatPlus.hitRate(PixelCombatPlus.enemy.defence,var_accuracy)) {
  615. 					if (PixelCombatPlus.enemyIsInvisible > 0) {
  616. 						PixelCombatPlus.addHitSplat("MISSED","images/ghost_icon.png","white","rgba(255,0,0,0.6)","blue","Monster");
  617. 					} else {
  618. 						if (ranged.includes(var_weapon)) {
  619. 							if (PixelCombatPlus.enemy.arrowImunity == true) {
  620. 								PixelCombatPlus.addHitSplat('IMMUNE', 'images/blocked.png', 'white', 'rgba(255,0,0,0.4)', 'blue', 'Monster');
  621. 							} else {
  622. 								let damageDone = Math.floor(Math.random() * parseInt(var_arrow_damage));
  623. 								if ((PixelCombatPlus.enemy.weakToFire == true && var_arrows == 'fire_arrows') || (PixelCombatPlus.enemy.weakToIce == true && var_arrows == 'ice_arrows')) {
  624. 									damageDone *= 2;
  625. 								}
  626. 								if (PixelCombatPlus.enemy.isReflecting == true && damageDone > 0) {
  627. 									PixelCombatPlus.hero.hp -= damageDone;
  628. 									PixelCombatPlus.enemy.isReflecting = false;
  629. 									PixelCombatPlus.addHitSplat(damageDone, "images/reflect_spell.png", 'white', 'rgba(255,0,0,0.6)', 'blue', 'Hero');
  630. 								} else {
  631. 									PixelCombatPlus.enemy.hp -= damageDone;
  632. 									PixelCombatPlus.addHitSplat(damageDone, "images/" + Items.getItemString('weapon')+".png", 'white', 'rgba(255,0,0,0.6)', 'blue', 'Monster');
  633. 								}
  634. 							};
  635. 						} else {
  636. 							let damageDone = Math.floor(Math.random() * parseInt(var_melee_damage))
  637. 							if (PixelCombatPlus.enemy.ghost == true) {
  638. 								if (var_weapon == 'scythe') {damageDone *= 2};
  639. 								if (var_weapon == 'double_scythe') {damageDone *= 4};
  640. 							} else if (PixelCombatPlus.enemy.fish == true) {
  641. 								if (var_weapon.includes('trident')) {damageDone *= 2};
  642. 							};
  643. 							if (PixelCombatPlus.enemy.isReflecting == true && damageDone > 0) {
  644. 								PixelCombatPlus.hero.hp -= damageDone;
  645. 								PixelCombatPlus.enemy.isReflecting = false;
  646. 								PixelCombatPlus.addHitSplat(damageDone, "images/reflect_spell.png", 'white', 'rgba(255,0,0,0.6)', 'blue', 'Hero');
  647. 							} else {
  648. 								PixelCombatPlus.enemy.hp -= damageDone;
  649. 								PixelCombatPlus.addHitSplat(damageDone, "images/" + Items.getItemString('weapon')+".png", 'white', 'rgba(255,0,0,0.6)', 'blue', 'Monster');
  650. 							}
  651. 						};
  652. 					}
  653. 				} else {
  654. 					PixelCombatPlus.addHitSplat("0", "images/blocked.png", 'white', 'rgba(255,0,0,0.6)', 'blue', 'Monster');
  655. 				};
  656. 				//Hero attack again
  657. 				if (PixelCombatPlus.hero.hp > 0 && PixelCombatPlus.enemy.hp > 0) {
  658. 					setTimeout(function(){PixelCombatPlus.attack("hero")},(7-var_speed)*1000)
  659. 				};
  660. 			} else {
  661. 				if (PixelCombatPlus.hitRate(var_defence,PixelCombatPlus.enemy.accuracy)) {
  662. 					if (PixelCombatPlus.heroIsInvisible > 0) {
  663. 						PixelCombatPlus.addHitSplat("MISSED","images/ghost_icon.png","white","rgba(255,0,0,0.6)","blue","Hero");
  664. 					} else {
  665. 						let damageDone = Math.floor(Math.random() * PixelCombatPlus.enemy.damage);
  666. 						if (PixelCombatPlus.hero.isReflecting == true && damageDone > 0) {
  667. 							PixelCombatPlus.enemy.hp -= damageDone;
  668. 							PixelCombatPlus.hero.isReflecting = false;
  669. 							PixelCombatPlus.addHitSplat(damageDone, "images/reflect_spell.png", 'white', 'rgba(255,0,0,0.6)', 'blue', 'Monster');
  670. 						} else {
  671. 							PixelCombatPlus.hero.hp -= damageDone;
  672. 							PixelCombatPlus.addHitSplat(damageDone,"images/sword_icon.png","white","rgba(255,0,0,0.6)","blue","Hero");
  673. 						}
  674. 					}
  675. 				} else {
  676. 					PixelCombatPlus.addHitSplat("0", "images/blocked.png", 'white', 'rgba(255,0,0,0.6)', 'blue', 'Hero');
  677. 				};
  678. 				//Enemy attack again
  679. 				if (PixelCombatPlus.hero.hp > 0 && PixelCombatPlus.enemy.hp > 0) {
  680. 					setTimeout(function(){PixelCombatPlus.attack("enemy")},(7-PixelCombatPlus.enemy.speed)*1000)
  681. 				};
  682. 			}
  683. 			//Update hps
  684. 			PixelCombatPlus.updateStatsBars();
  685. 			}
  686. 		},
  687. 		
  688. 		//HitSplat Generator
  689. 		addHitSplat: function(label, icon, label_color, background_color, border_color, source) {
  690. 			let splatX = source == "Hero" ? 150 : 200
  691. 			let splatY = source == 450
  692. 			let splat = new HitSplat(label, icon, label_color, background_color, border_color, splatX, 450);
  693.  
  694. 			let random_key = rand(1,500000);
  695. 			PixelCombatPlus['hitSplat'+source][random_key] = splat;
  696.  
  697. 			setTimeout(
  698. 				function(){
  699. 					delete PixelCombatPlus['hitSplat'+source][random_key];
  700. 				}
  701. 			,1000)
  702. 		},
  703. 		
  704. 		//Evething that should be called each second
  705. 		tick: function() {
  706. 			//UI
  707. 			//Hero Stats
  708. 			document.getElementById("custom_combat_hero_accuracy").innerText = var_accuracy;
  709. 			document.getElementById("custom_combat_hero_melee_damage").innerText = var_melee_damage;
  710. 			document.getElementById("custom_combat_hero_arrow_damage").innerText = var_arrow_damage;
  711. 			document.getElementById("custom_combat_hero_magic_bonus").innerText = var_magic_bonus;
  712. 			document.getElementById("custom_combat_hero_speed").innerText = var_speed;
  713. 			document.getElementById("custom_combat_hero_defence").innerText = var_defence;
  714. 			PixelCombatPlus.tickCanvas();
  715. 			PixelCombatPlus.manageHitplats();
  716. 			
  717. 			PixelCombatPlus.ticks++
  718. 			if (PixelCombatPlus.ticks == 60) {
  719. 				if (PixelCombatPlus.hero.hp <= 0 || PixelCombatPlus.enemy.hp <= 0) {
  720. 					PixelCombatPlus.endFight();
  721. 				};
  722. 				if(PixelCombatPlus.startsIn <= 0) {PixelCombatPlus.specialAttack()}
  723. 				PixelCombatPlus.ticks = 0;
  724. 			};
  725. 		},
  726. 		
  727. 		tickCanvas: function() {
  728. 			PixelCombatPlus.heroContext.clearRect(0, 0, PixelCombatPlus.heroCanvas.width, PixelCombatPlus.heroCanvas.height);
  729. 			PixelCombatPlus.enemyContext.clearRect(0, 0, PixelCombatPlus.enemyCanvas.width, PixelCombatPlus.enemyCanvas.height);
  730. 			if (PixelCombatPlus.heroIsInvisible > 0) {
  731. 				PixelCombatPlus.heroContext.globalAlpha = 0.1;
  732. 				PixelCombatPlus.heroContext.fillRect(155, 20, 50, 50);
  733. 				PixelCombatPlus.heroContext.drawImage(Cache.getImage("images/ghost_icon.png","hero_invisible"), 155, 20);
  734. 			} else {
  735. 				PixelCombatPlus.heroContext.globalAlpha = 1.0;
  736. 			};
  737. 			if (PixelCombatPlus.enemyIsInvisible > 0) {
  738. 				PixelCombatPlus.enemyContext.globalAlpha = 0.1;
  739. 				PixelCombatPlus.enemyContext.fillRect(155, 20, 50, 50);
  740. 				PixelCombatPlus.enemyContext.drawImage(Cache.getImage("images/ghost_icon.png","hero_invisible"), 155, 20);
  741. 			} else {
  742. 				PixelCombatPlus.enemyContext.globalAlpha = 1.0;
  743. 			};
  744. 			if (PixelCombatPlus.hero.isReflecting == true) {
  745. 				PixelCombatPlus.heroContext.fillRect(95, 20, 50, 50);
  746. 				PixelCombatPlus.heroContext.drawImage(Cache.getImage("images/reflect_spell.png","hero_reflecting"), 95, 20);
  747. 			};
  748. 			if (PixelCombatPlus.enemy.isReflecting == true) {
  749. 				PixelCombatPlus.enemyContext.fillRect(95, 20, 50, 50);
  750. 				PixelCombatPlus.enemyContext.drawImage(Cache.getImage("images/reflect_spell.png","hero_reflecting"), 95, 20);
  751. 			};
  752. 			PixelCombatPlus.heroContext.drawImage(Cache.getImage("images/hero_head_" + Items.getItemString('head')+".png","hero_fighting_head"), 0, 300);
  753. 			PixelCombatPlus.heroContext.drawImage(Cache.getImage("images/hero_body_" + Items.getItemString('body')+".png","hero_fighting_body"), 0, 300);
  754. 			PixelCombatPlus.heroContext.drawImage(Cache.getImage("images/hero_gloves_" + Items.getItemString('gloves')+".png","hero_fighting_gloves"), 0, 300);
  755. 			PixelCombatPlus.heroContext.drawImage(Cache.getImage("images/hero_legs_" + Items.getItemString('legs')+".png","hero_fighting_legs"), 0, 300);
  756. 			PixelCombatPlus.heroContext.drawImage(Cache.getImage("images/hero_boots_" + Items.getItemString('boots')+".png","hero_fighting_boots"), 0, 300);
  757. 			PixelCombatPlus.heroContext.drawImage(Cache.getImage("images/hero_amulet_" + Items.getItemString('amulet')+".png","hero_fighting_amulet"), 0, 300);
  758. 			PixelCombatPlus.heroContext.drawImage(Cache.getImage("images/hero_shield_" + Items.getItemString('shield')+".png","hero_fighting_shield"), 0, 300);
  759. 			PixelCombatPlus.heroContext.drawImage(Cache.getImage("images/hero_weapon_" + Items.getItemString('weapon')+".png","hero_fighting_weapon"), 0, 300);
  760. 			if (PixelCombatPlus.enemyImage.height !== 600) {
  761. 				let newWidth = 200 / (PixelCombatPlus.enemyImage.height / PixelCombatPlus.enemyImage.width)
  762. 				PixelCombatPlus.enemyContext.drawImage(PixelCombatPlus.enemyImage,(500-newWidth)/2,375,newWidth,200);
  763. 			} else {
  764. 				PixelCombatPlus.enemyContext.drawImage(PixelCombatPlus.enemyImage,0,0);
  765. 			}; //Enemy Image
  766. 		},
  767. 		
  768. 		manageHitplats: function() {
  769. 			for (let key in PixelCombatPlus.hitSplatHero) {
  770. 				PixelCombatPlus.hitSplatHero[key].draw(PixelCombatPlus.heroContext);
  771. 			};
  772. 			for (let key in PixelCombatPlus.hitSplatMonster) {
  773. 				PixelCombatPlus.hitSplatMonster[key].draw(PixelCombatPlus.enemyContext);
  774. 			};
  775. 		},
  776. 		
  777. 		looting: function() {
  778. 			let lootedItems = [];
  779. 			let lootedItemsHTML = '';
  780. 			PixelCombatPlus.enemy.lootTable.forEach(function(loot){
  781. 				let dropChance = Math.random() * (loot.chance - 1) + 1;
  782. 				if (loot.chance == dropChance) {
  783. 					let dropAmount = Math.random() * (loot.max - loot.min) + loot.min;
  784. 					lootedItemsHTML += `<div class="loot" style="background-color:#cce6ff">
  785. 						<img src="${loot.image}" class="w50 me-3">${dropAmount} ${loot.item}
  786. 					</div>`;
  787. 					lootedItems.push({item:loot.item,amount:dropAmount});
  788. 				};
  789. 			});
  790. 			document.getElementById('modal-custom-loot-body').insertAdjacentHTML('beforeend', lootedItemsHTML);
  791. 			document.getElementById('customCombatModalParent').style.display = "";
  792. 			return lootedItems;
  793. 		},
  794. 		
  795. 		endFight: function() {
  796. 			PixelCombatPlus.fight = false;
  797. 			clearInterval(PixelCombatPlus.ticking);
  798. 			PixelCombatPlus.enemy.poisoned = false;
  799. 			PixelCombatPlus.hero.poisoned = false;
  800. 			PixelCombatPlus.hero.isReflecting = false;
  801. 			PixelCombatPlus.hitSplatHero = {};
  802. 			PixelCombatPlus.hitSplatMonster = {};
  803. 			PixelCombatPlus.healCooldown = 0;
  804. 			PixelCombatPlus.fireCooldown = 0;
  805. 			PixelCombatPlus.reflectCooldown = 0;
  806. 			PixelCombatPlus.invisibilityCooldown = 0;
  807. 			PixelCombatPlus.heroIsInvisible = 0;
  808. 			if (PixelCombatPlus.enemy.hp <= 0) {
  809. 				if (typeof PixelCombatPlus.enemy.lootTable == 'object') {
  810. 					PixelCombatPlus.enemy.lootFunction(PixelCombatPlus.looting());
  811. 				};
  812. 				if (typeof PixelCombatPlus.enemy.winFunction == 'function') {
  813. 					PixelCombatPlus.enemy.winFunction();
  814. 				};
  815. 			} else if (PixelCombatPlus.hero.hp <= 0) {
  816. 				console.log('loser');
  817. 			}
  818. 			PixelCombatPlus.enemy = defaultEnemy;
  819. 			switch_panels('panel-combat');
  820. 			document.getElementById('notification-custom-combat').style.display = "none" //Hide the combat notification
  821. 		}
  822. 	};
  823. 	window.PixelCombatPlus = PixelCombatPlus;
  824. 	PixelCombatPlus.initialize();
  825. })()
  826. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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