pkmn-odyssey-type-coverage/index.html at master · nterrien/pkmn-odyssey-type-coverage · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title>Pokémon Odyssey Type Coverage calculator</title>

	<link rel="stylesheet" href="main.css">

	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta property="og:title" content="Pokémon Odyssey Type Coverage calculator">

	<script defer="defer" src="./data/pokemon.js"></script>
	<script defer="defer" src="./data/type-chart.js"></script>
	<script defer="defer" src="./data/abilities.js"></script>
	<script defer="defer" src="main.js"></script>
</head>

<body>
	<main class="grid-container">
		<h1 class="text-center">Pokémon Odyssey attack type coverage</h1>

		<div class="explainations">
			In <a href="https://www.pokecommunity.com/threads/pok%C3%A9mon-odyssey-complete-v4-1.488536/"
				target="_blank">Pokémon Odyssey</a>,
			<a href="https://docs.google.com/spreadsheets/d/1Es1clPMUhEEqZRHW0tgAmvxqSzVXiXmD" target="_blank">types are
				modified</a>
			: Poison is super effective on Water-types, Ice resists Psychic
			and Dark and a new type Aether was added.
			This tool, inspired by this <a href="https://pokemondb.net/tools/type-coverage" target="_blank">Pokémondb
				tool</a>, lets you select types corresponding to the attacking moves of a Pokémon.
			It then tells you how effective those types are on every Pokémon in Pokémon Odyssey.
			You can also check defensive type coverage
			<a href="https://nterrien.github.io/pkmn-odyssey-teambuilder/" target="_blank">with this teambuilder</a>.
			If abilities aren't ignored, a Pokémon with multiple abilities, including one that grants immunity, can
			count as 0.5 in two different categories.
			"Fully Evolved Only" allows to ignore Pokémon that aren't fully evolved.
			"Find best combos of x types" can be used to find types combo with the best multiplier on average, the less
			resistance or the most super efficient.
			If blank it is not used.
		</div>

		<div class="type-select"></div>
		<p class="text-center">
			<label><input type="checkbox" name="ability" id="ability">&nbsp; Ignore abilities</label>
			<label><input type="checkbox" name="final-evo" id="final-evo">&nbsp; Fully Evolved Only</label>
			<label class="tooltip"><input type="checkbox" name="scrappy" id="scrappy">&nbsp; Has Scrappy
				<span class="tooltiptext">Ignore Ghost immunities</span>
			</label>
			<label class="tooltip"><input type="checkbox" name="tintedlens" id="tintedlens">&nbsp; Has Tinted Lens
				<span class="tooltiptext">Damage x2 on resistance</span>
			</label>
		</p>
		<p class="text-center">
			<label>Find best combos of x types: <input id="nbcombo" type="number" min="0" max="18"></label>
			<label>Criteria
				<select id="criteria">
					<option value="average" selected>Average</option>
					<option value="most-super">Most super effective</option>
					<option value="less-res">Less resisted</option>
				</select>
			</label>
		</p>
		<p class="text-center">
			<label>Force types in combos:
				<select id="force-type-1"><option>Placeholder</option></select>
				<select id="force-type-2"><option>Placeholder</option></select>
			</label>
		</p>
		<p class="text-center hide" id="comboResult"></p>

		<p class="infos">Select your types above then click Calculate.</p>

		<p class="text-center">
			<button id="calc-coverage">Calculate</button>
		</p>

		<div class="stat-summary">
			<div class="stat-summary-item">
				<span class="stat-summary-count" id="total-immune">0</span><br>
				<div class="tooltip">No Effect<span class="tooltiptext">x0</span></div>
			</div>
			<div class="stat-summary-item">
				<span class="stat-summary-count" id="total-resisted">0</span><br>
				<div class="tooltip">Not Very Effective<span class="tooltiptext">x0.25 or x0.5</span></div>
			</div>
			<div class="stat-summary-item">
				<span class="stat-summary-count" id="total-normal">0</span><br>
				<div class="tooltip">Normal Effective<span class="tooltiptext">x1</span></div>
			</div>
			<div class="stat-summary-item">
				<span class="stat-summary-count" id="total-weak">0</span><br>
				<div class="tooltip">Super Effective<span class="tooltiptext">x2 or x4</span></div>
			</div>
			<div class="stat-summary-item">
				<span class="stat-summary-count" id="average">x0</span><br>
				<div class="tooltip">Average
				</div>
			</div>

			<h2>No effect</h2>
			<div id="pkmn-immune" class="infocard-list">
				<p>None.</p>
			</div>

			<h2>Not very effective</h2>
			<div id="pkmn-resisted" class="infocard-list">
				<p>None.</p>
			</div>

			<h2>Normal effectiveness</h2>
			<div id="pkmn-normal" class="infocard-list">
				<p>None.</p>
			</div>

			<h2>Super effective</h2>
			<div id="pkmn-weak" class="infocard-list">
				<p>None.</p>
			</div>
	</main>
</body>

<footer>
	<div>
		Images and names of Pokémon are the property of Game Freak.
		Sprites of Etrian-pokémon are made by the Yggdrasil Project.
	</div>
	<a href="https://github.com/nterrien/pkmn-odyssey-type-coverage">Project page on Github</a>
</footer>

</html>