BFDBReader-js/DBReader_debug.html at master · BluuArc/BFDBReader-js · 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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
<!DOCTYPE html>
<html>
<head>
	<title>DB Reader</title>
</head>
<body>
 	<!-- Source for FileReader example: http://stackoverflow.com/questions/3582671/how-to-open-a-local-disk-file-with-javascript -->

 	<input type="file" id="file-input" />
	<h3>Contents of the file:</h3>
	<!--<pre id="file-content"></pre>-->
	<textarea rows="10" cols="100" id="file-content">File input will be output here.</textarea>
	<br>
	<textarea rows="10" cols="100" id="notes">Notes will be output here.</textarea>

	<script type="text/javascript">
		function readSingleFile(e) {
			var file = e.target.files[0];
			if (!file) {
			  return;
			}
			var reader = new FileReader();
			reader.onload = function(e) {
			  var contents = e.target.result;
			  displayContents(contents);
			};
			reader.readAsText(file);
		}

		function displayContents(contents) {
			var output = document.getElementById('file-content');
			output.innerHTML = ""; //clear out current input
			var notes = document.getElementById('notes');
			var json_obj = JSON.parse(contents);
			//console.log(json_obj.constructor.toString());
			//analyzeUnits(json_obj, output, notes);
			printUnits(json_obj, output, notes);
		}

		function printUnits(json_obj,output,notes){
			for(unitID in json_obj){//for every unit
				console.log(unitID);
				var unit = json_obj[unitID];
				//console.log(unit.constructor.toString());
				output.innerHTML += "### " + unit["guide_id"] + ": " + unit["name"] + " (" + unit["id"]+")  \n";

				//print rarity, element, and cost
				output.innerHTML += "**Rarity/Element/Cost:** " ;
				if(unit["rarity"] == 8) output.innerHTML += "OE/";
				else					output.innerHTML += unit["rarity"] + "\\*/";
				output.innerHTML += unit["element"] + "/";
				output.innerHTML += unit["cost"] + "  \n";

				output.innerHTML += "**Gender:** " + unit["gender"] + "  \n";

				//print hitcount info
				output.innerHTML += "**Hit Count:** ";
				output.innerHTML += printHitCounts(unit["damage frames"]["hits"], unit["damage frames"]["frame times"], unit["drop check count"]);

				output.innerHTML += "**Move Speed Type for attack/skill:** " + unit["movement"]["attack"]["move speed type"] + "/" +
					unit["movement"]["skill"]["move speed type"]+ "  \n";

				//output.innerHTML += "**Attack Pattern:** `[" + unit["damage frames"]["frame times"] + "]`  \n";
				//output.innerHTML += "**Damage Distribution:** `[" + unit["damage frames"]["hit dmg% distribution"] + "]`  \n";
				output.innerHTML += printAtkPattern(unit["damage frames"]["frame times"],unit["damage frames"]["hit dmg% distribution"]);

				output.innerHTML += "**Merit Type:** " + unit["getting type"] + "  \n";

				//print stat info
				output.innerHTML += "**Lord Stats:**\n\n";
				output.innerHTML += "    HP: " + unit["stats"]["_lord"]["hp"] + " (" + unit["imp"]["max hp"] + ")\n";
				output.innerHTML += "    ATK: " + unit["stats"]["_lord"]["atk"] + " (" + unit["imp"]["max atk"] + ")\n";
				output.innerHTML += "    DEF: " + unit["stats"]["_lord"]["def"] + " (" + unit["imp"]["max def"] + ")\n";
				output.innerHTML += "    REC: " + unit["stats"]["_lord"]["rec"] + " (" + unit["imp"]["max rec"] + ")\n";

				output.innerHTML += "\n";

				//print leader skill info
				try{
					var text = "**LS:** ";
					var leader_skill = unit["leader skill"];
					text += leader_skill["name"] + " - " + leader_skill["desc"] + "\n\n";
					for(e in leader_skill["effects"]){
						text += printEffects(leader_skill["effects"][e]);
					}
					output.innerHTML += text;
				}catch(err){
					output.innerHTML += "**LS:** None\n";
					console.log(err);
				}

				output.innerHTML += "  \n";

				//print ES info
				if(unit["rarity"] > 6){
					try{
						var text = "**ES:** ";
						var extra_skill = unit["extra skill"];
						text += extra_skill["name"] + " - " + extra_skill["desc"] + "\n\n";
						text += " * target: " + extra_skill["target"] + "\n";
						for(e in extra_skill["effects"]){
							text += printEffects(extra_skill["effects"][e]);
						}
						output.innerHTML += text;
					}catch(err){
						output.innerHTML += "**ES:** None\n";
						console.log(err);
					}
					output.innerHTML += "  \n";
				}

				//print bb info
				try{
					var text = "**BB:** ";
					var bb = unit["bb"];
					text += printBurst(bb);
					output.innerHTML += text;
				}catch(err){
					output.innerHTML += "**BB:** None\n";
					console.log(err);
				}

				output.innerHTML += "  \n";

				//print sbb info
				try{
					var text = "**SBB:** ";
					var sbb = unit["sbb"];
					text += printBurst(sbb);
					output.innerHTML += text;
				}catch(err){
					if(unit["rarity"] > 5){
						output.innerHTML += "**SBB:** None\n";
						console.log(err);
					}
				}

				if(unit["rarity"] > 5){
					output.innerHTML += "  \n";
				}

				//print ubb info
				try{
					var text = "**UBB:** ";
					var ubb = unit["ubb"];
					text += printBurst(ubb);
					output.innerHTML += text;
				}catch(err){
					if(unit["rarity"] > 6) {
						output.innerHTML += "**SBB:** None\n";
						console.log(err);
					}
				}

				if(unit["rarity"] > 6){
					output.innerHTML += "  \n";
				}


				output.innerHTML += "---\n";

			}
		}

		//recursively print an array into a string
		function printArray(arr){
			var text = "[";
			for(i in arr){
				if(arr[i] instanceof Array) text += printArray(arr[i]);
				else if(arr[i] instanceof Object) text += JSON.stringify(arr[i]); //most likely a JSON object
				else text += arr[i];

				if(i + 1 < arr.length) text += ",";
			}

			text += "]";
			return text;
		}

		//print the effects into a string
		function printEffects(effects){
			var text = " * ";
			var effectArr = [];
			for(param in effects){
				if(param != "passive id"){
					var tempText = effects[param];
					if(effects[param] instanceof Array) tempText = printArray(effects[param]);
					else if(effects[param] instanceof Object) tempText = JSON.stringify(effects[param]);
					effectArr.push(param + ": " + tempText);
				}
			}

			var i = 0;
			for(i = 0; i < effectArr.length; ++i){
				text += effectArr[i];
				if(i + 1 != effectArr.length) text += " / ";
			}
			text += "\n";
			return text;
		}

		//print the attack pattern info as a table in a string
		function printAtkPattern(timeArr,distrArr){
			//print hit number
			var text = "\n| Hit | ";
			var len = timeArr.length;
			var i = 0;
			for(i = 1; i <= len; ++i){
				text += i + " | ";
			}
			text +="\n| :---: | ";

			for(t in timeArr){
				text += ":---: | ";
			}

			text += "\n| Frame Time | ";
			for(t in timeArr){
				text += timeArr[t] + " | ";
			}
			text += "\n| Damage% Distribution | ";
			for(d in distrArr){
				text += distrArr[d] + " | ";
			}
			text += "  \n";
			return text;
		}

		//print all info related to a brave burst
		function printBurst(burst){
			var endBBLevel = burst["levels"][burst["levels"].length - 1];
			var text = burst["name"] + " - (BC cost: " + endBBLevel["bc cost"] + ") " + burst["desc"] + "\n\n";
			text += " * " + printHitCounts(burst["damage frames"][0]["hits"], burst["damage frames"][0]["frame times"],
				burst["drop check count"]);
			for(e in endBBLevel["effects"]){
				text += printEffects(endBBLevel["effects"][e]);
			}
			text += printAtkPattern(burst["damage frames"][0]["frame times"],burst["damage frames"][0]["hit dmg% distribution"]);
			return text;
		}

		//print info about hit counts
		function printHitCounts(numHits, frameArr, dropChecks){
			var text = numHits + " hits (" + dropChecks +
				" BC/hit, max " + (dropChecks * numHits) + " BC generated) in " +
				frameArr[frameArr.length - 1] + " frames  \n";
			return text;
		}

		function analyzeUnits(json_obj,output,notes) {
			var max =[
				{unitID:[0], len:0, params:[" none"]}, //1
				{unitID:[0], len:0, params:[" none"]}, //2
				{unitID:[0], len:0, params:[" none"]}, //3
				{unitID:[0], len:0, params:[" none"]}, //4
				{unitID:[0], len:0, params:[" none"]}, //5
				{unitID:[0], len:0, params:[" none"]}, //6
				{unitID:[0], len:0, params:[" none"]}, //7
				{unitID:[0], len:0, params:[" none"]} //8
			];

			var min =[
				{unitID:[0], len:999, params:[" none"]}, //1
				{unitID:[0], len:999, params:[" none"]}, //2
				{unitID:[0], len:999, params:[" none"]}, //3
				{unitID:[0], len:999, params:[" none"]}, //4
				{unitID:[0], len:999, params:[" none"]}, //5
				{unitID:[0], len:999, params:[" none"]}, //6
				{unitID:[0], len:999, params:[" none"]}, //7
				{unitID:[0], len:999, params:[" none"]} //8
			];
			for(unitID in json_obj){//for every unit
				console.log(unitID);
				var unit = json_obj[unitID];
				output.innerHTML += unitID + "," + unit["rarity"]; //print unit ID

				//print every part
				var currLen = 0;
				var params = "";
				for(part in unit){
					++currLen;
					params += "," + part;// + ":{" + unit[part].toString() + "}"; //print everything
				// if(part == "bb"){
				// 	var bb = unit["bb"];
				// 	output.innerHTML += "," + bb["desc"];
				// }
				}
				output.innerHTML += params;

				output.innerHTML += "," + currLen + "\n"; //end line

				//add to max/min stats
				var index = unit["rarity"] - 1;
				var i = 0;
				if(currLen >= max[index].len){
					if(currLen != max[index].len){
						var arrLen = max[index].unitID.length;
						for(i = 0; i < arrLen; ++i){
							max[index].params.pop();
							max[index].unitID.pop();
						}
						max[index].unitID.push(unit["id"]);
						max[index].len = currLen;
						max[index].params.push(params);
					}else if (params != max[index].params[0]){//same length, but diff params, so add it to params array
						max[index].unitID.push(unit["id"]);
						max[index].params.push(params);
					}
				}
				if(currLen <= min[index].len){
					if(currLen != min[index].len){
						var arrLen = min[index].unitID.length;
						for(i = 0; i < arrLen; ++i){
							min[index].params.pop();
							min[index].unitID.pop();
						}
						min[index].unitID.push(unit["id"]);
						min[index].len = currLen;
						min[index].params.push(params);
					}else if (params != min[index].params[0]){//same length, but diff params, so add it to params array
						min[index].unitID.push(unit["id"]);
						min[index].params.push(params);
					}
				}
			}
			//output.innerHTML = contents;

			//print statistics
			notes.innerHTML = "rarity,len,[index]{unitID,params}\n";
			var s = 0;
			for(i = 0; i < 8; ++i){
				var arrLen = max[i].unitID.length;
				notes.innerHTML += (i+1) + "," + max[i].len;
				for(s = 0; s < arrLen; ++s){
					notes.innerHTML += ",[" + (s+1) + "\\" + arrLen + "]{" + max[i].unitID[s];
					notes.innerHTML += "," + max[i].params[s].slice(1) + "}";
				}
				notes.innerHTML += "\n";
			}
			for(i = 0; i < 8; ++i){
				arrLen = min[i].unitID.length;
				notes.innerHTML += (i+1) + "," + min[i].len;
				for(s = 0; s < arrLen; ++s){
					notes.innerHTML += ",[" + (s+1) + "\\" + arrLen + "]{" + min[i].unitID[s];
					notes.innerHTML += "," + min[i].params[s].slice(1) + "}";
				}
				notes.innerHTML += "\n";
			}
			notes.innerHTML += "\n";
		}

		document.getElementById('file-input')
		.addEventListener('change', readSingleFile, false);
	</script>
</body>
</html>