☰

Pixel Combat+

Makes it easier to create new custom enemies for Idle Pixel

This script should not be not be installed directly. It is a library for other scripts to include with the meta directive // @require https://update.greatest.deepsurf.us/scripts/491625/1437608/Pixel%20Combat%2B.js 

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