-
Notifications
You must be signed in to change notification settings - Fork 8
/
script-in-head.js
613 lines (580 loc) · 26.5 KB
/
script-in-head.js
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
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
"use strict";
let time, d, time_string, last_rows, last_cols, hinted;
const debug = JSON.parse(document.currentScript.dataset.debug);
console.log("%c ", "display: inline-block; padding: 37.5px 37.5px; background: url(https://zrtech.org/find-keke/keke.jpg) no-repeat;");
console.log("是真的");
function show_bubu() {
if (document.getElementById("result").style.display !== "none")
return;
document.getElementById("bubu").style.display = "";
document.getElementById("bubu_video").play();
window.scrollTo({ top: 0, behavior: "smooth" });
}
function start_timing() {
time = Date.now();
}
// 从以10毫秒为单位的整数转换成以秒为单位的精确到两位小数的字符串
function time_to_string(time) {
return (time / 100).toFixed(2);
}
function write_result() {
if (!hinted) {
if (time <= 300) {
const text1 = {
zh: `${debug ? "（调试用）" : ""}恭喜你在三秒内找到了唐可可！用时${time_string}秒。`,
ja: `${debug ? "（デバッグ用）" : ""}おめでとうございます！3秒以内で唐可可を見つけました。${time_string}秒かかりました。`,
en: `${debug ? "(Debug) " : ""}Congratulations! You have found Tang Keke within three seconds. ${time_string} seconds taken.`
};
document.getElementById("time1").textContent = text1[language];
document.getElementById("niubi").style.display = "";
} else {
const text2 = {
zh: `${debug ? "（调试用）" : ""}恭喜你找到了唐可可！用时${time_string}秒。`,
ja: `${debug ? "（デバッグ用）" : ""}おめでとうございます！唐可可を見つけました。${time_string}秒かかりました。`,
en: `${debug ? "(Debug) " : ""}Congratulations! You have found Tang Keke. ${time_string} seconds taken.`
};
document.getElementById("time2").textContent = text2[language];
document.getElementById("time2").style.display = "";
}
} else {
const text3 = {
zh: `${debug ? "（调试用）" : ""}经过提示，你终于在${time_string}秒的时候找到了唐可可。`,
ja: `${debug ? "（デバッグ用）" : ""}ヒントを使って、${time_string}秒でようやく唐可可を見つけました。`,
en: `${debug ? "(Debug) " : ""}You have finally found Tang Keke after hinted at the ${time_string}th second.`
};
document.getElementById("time2").textContent = text3[language];
document.getElementById("time2").style.display = "";
}
}
function set_cross_shadow(className) {
const td = document.getElementById("keke").parentElement;
const tr = td.parentElement;
tr.className = className;
let y = 0;
for (const element of tr.children) {
if (element !== td) {
y++;
} else {
break;
}
}
const head = tr.parentElement.firstElementChild.children[y];
head.className = className;
head.style.height = last_rows * 75 + "px";
}
function finish() {
d = new Date();
if (document.getElementById("result").style.display !== "none")
return;
time = d.getTime() - time;
time = Math.floor(time / 10);
// 判断任意棋盘大小下的用时等效小于等于3秒的规则为(time / (rows * cols)) <= (3 / (14 * 10))
// 注意此处单位为10毫秒
const in_time_limit = time * 14 * 10 <= 300 * last_rows * last_cols;
time_string = time_to_string(time);
write_result();
document.getElementById("result").style.display = "";
document.getElementById("good_video").play();
document.getElementById("bubu").style.display = "none";
document.getElementById("bubu_video").pause();
document.getElementById("keke").className = "answer";
if (last_cols !== 1 && last_rows !== 1)
set_cross_shadow("answer");
document.getElementById("hint").disabled = true;
document.getElementById("more_hint").disabled = true;
document.getElementById("scoreboard_and_search").style.display = "none";
window.scrollTo({ top: 0, behavior: "smooth" });
if (!debug && !hinted && in_time_limit)
upload_score(arguments);
}
function generate_map(rows, cols) {
let board = [];
let content = "";
let selected = [];
for (let i = 0; i < images.length; i++) {
if (document.getElementById(i.toString()).checked) {
selected.push(images[i]);
}
}
if (selected.length === 0)
return;
reset();
last_rows = rows;
last_cols = cols;
const x = Math.floor(Math.random() * rows);
const y = Math.floor(Math.random() * cols);
for (let i = 0; i < rows; i++) {
board[i] = Array.from({ length: cols }, () => Math.floor(Math.random() * selected.length));
}
for (let i = 0; i < rows; i++) {
content += "<tr>";
for (let j = 0; j < cols; j++) {
content += "<td>" + (i === x && j === y ?
'<img id="keke" onclick="finish(arguments)" src="keke.jpg">'
:
(selected[board[i][j]].filename === "fu.png" ?
'<img onclick="open_dialog(\'bainian\')" src="fu.png"' + (Math.random() < 0.5 ? ' style="transform: rotate(180deg);"' : '') + '>'
:
'<img onclick="' + (debug ? "finish()" : "show_bubu()") + '"'
+ (selected[board[i][j]].fit ? ' width="75" height="75" style="object-fit: ' + selected[board[i][j]].fit + ';"' : '')
+ ' src="' + selected[board[i][j]].filename + '">'
)
) + "</td>";
}
content += "</tr>";
}
document.getElementById("banner").style.width = Math.max(cols * 75, 750) + "px";
document.getElementById("map").innerHTML = content;
start_timing();
}
function reset() {
document.getElementById("result").style.display = "none";
document.getElementById("niubi").style.display = "none";
document.getElementById("time2").style.display = "none";
document.getElementById("bubu").style.display = "none";
document.getElementById("upload_status").style.display = "none";
document.getElementById("scoreboard_and_search").style.display = "";
document.getElementById("good_video").pause();
document.getElementById("bubu_video").pause();
document.getElementById("hint").disabled = false;
document.getElementById("more_hint").disabled = true;
hinted = false;
}
function hint() {
document.getElementById("keke").className = "hint";
document.getElementById("hint").disabled = true;
if (last_cols !== 1 && last_rows !== 1)
document.getElementById("more_hint").disabled = false;
hinted = true;
}
function more_hint() {
document.getElementById("keke").className = "";
set_cross_shadow("hint"); // 这一句要放在上一句的后面，以免当#keke在第一行（即自己是head）的时候把已经设置好的hint给删掉了
document.getElementById("more_hint").disabled = true;
hinted = true;
}
const fetch_wasm = fetch("get-token.wasm");
async function get_token() {
let e = "!@l!DF!X3!BY!Z !7l!2F!Q !6 !X3!2F >Y >Y [F il dF x3 vF IF x3 <l <l!c {l _ !@l >Y il!H h !DF mF!9Y!2F!BY IF![l!$ M f3 kY mF GY il >Y!;F!7l K3 f3!]Y!Rl il IF }Y tY rl K3 <l tY tY ]3 z dF!\"3 bY!6 il @F tY }Y!Q h GY mF!;F z B3 ]3 q {l q tY!%l IF!\"3 x3 [F!a3!'Y IF!)F {l!=3", l = (new Error()).stack.split(":")[2 + isNaN((new Error()).stack.split(":")[2])];
if (d.getSeconds() % 2 === 0) { // A/B测试
get_token.module = get_token.module || await WebAssembly.compileStreaming(fetch_wasm);
get_token.encoder = get_token.encoder || new TextEncoder();
get_token.decoder = get_token.decoder || new TextDecoder();
let instance = await WebAssembly.instantiate(get_token.module);
let wasm_e = new Uint8Array(instance.exports.memory.buffer, instance.exports.e.value, e.length);
wasm_e.set(get_token.encoder.encode(e));
instance.exports.get_token(l);
return get_token.decoder.decode(new Uint8Array(instance.exports.memory.buffer, instance.exports.e.value, e.length / 3));
}
let d2 = "";
for (let i = 0; i < e.length / 3; i++) d2 += String.fromCharCode(((e.charCodeAt(i * 3) - " ".charCodeAt(0)) * 9025 + (e.charCodeAt(i * 3 + 1) - " ".charCodeAt(0)) * 95 + (e.charCodeAt(i * 3 + 2) - " ".charCodeAt(0))) / l + " ".charCodeAt(0));
return d2;
}
const placeholder = {
zh: [/*"高坂穗乃果", "南小鸟", "园田海未", "西木野真姬", "星空凛", "小泉花阳", "矢泽妮可", "东条希", "绚濑绘里",
"绮罗翼", "统堂英玲奈", "优木杏树",
"高海千歌", "渡边曜", "樱内梨子", "国木田花丸", "黑泽露比", "津岛善子", "黑泽黛雅", "松浦果南", "小原鞠莉",
"鹿角圣良", "鹿角理亚",
"高咲侑",
"上原步梦", "中须霞", "樱坂雫", "朝香果林", "宫下爱", "近江彼方", "优木雪菜", "艾玛·维尔德", "天王寺璃奈",
"三船栞子", "米娅·泰勒", "钟岚珠",
"涩谷香音", "唐可可", "岚千砂都", "平安名堇", "叶月恋",
"樱小路希奈子", "米女芽衣", "若菜四季", "鬼冢夏美",
"维恩·玛格丽特", "鬼冢冬毬",
"圣泽悠奈", "柊摩央",*/
"日野下花帆", "村野沙耶香", "乙宗梢", "夕雾缀理", "大泽瑠璃乃", "藤岛慈",
"百生吟子", "徒町小铃", "安养寺姬芽"],
ja: [/*"高坂穂乃果", "南ことり", "園田海未", "西木野真姫", "星空凛", "小泉花陽", "矢澤にこ", "東條希", "絢瀬絵里",
"綺羅ツバサ", "統堂英玲奈", "優木あんじゅ",
"高海千歌", "渡辺曜", "桜内梨子", "国木田花丸", "黒澤ルビィ", "津島善子", "黒澤ダイヤ", "松浦果南", "小原鞠莉",
"鹿角聖良", "鹿角理亞",
"高咲侑",
"上原歩夢", "中須かすみ", "桜坂しずく", "朝香果林", "宮下愛", "近江彼方", "優木せつ菜", "エマ·ヴェルデ", "天王寺璃奈",
"三船栞子", "ミア·テイラー", "鐘嵐珠",
"澁谷かのん", "唐可可", "嵐千砂都", "平安名すみれ", "葉月恋",
"桜小路きな子", "米女メイ", "若菜四季", "鬼塚夏美",
"ウィーン·マルガレーテ", "鬼塚冬毬",
"聖澤悠奈", "柊摩央",*/
"日野下花帆", "村野さやか", "乙宗梢", "夕霧綴理", "大沢瑠璃乃", "藤島慈",
"百生吟子", "徒町小鈴", "安養寺姫芽"],
en: [/*"Kousaka Honoka", "Minami Kotori", "Sonoda Umi", "Nishikino Maki", "Hoshizora Rin", "Koizumi Hanayo", "Yazawa Nico", "Toujou Nozomi", "Ayase Eri",
"Kira Tsubasa", "Toudou Erena", "Yuuki Anju",
"Takami Chika", "Watanabe You", "Sakurauchi Riko", "Kunikida Hanamaru", "Kurosawa Ruby", "Tsushima Yoshiko", "Kurosawa Dia", "Matsuura Kanan", "Ohara Mari",
"Kazuno Sarah", "Kazuno Leah",
"Takasaki Yuu",
"Uehara Ayumu", "Nakasu Kasumi", "Ousaka Shizuku", "Asaka Karin", "Miyashita Ai", "Konoe Kanata", "Yuuki Setsuna", "Emma Verde", "Tennouji Rina",
"Mifune Shioriko", "Mia Taylor", "Zhong Lanzhu",
"Shibuya Kanon", "Tang Keke", "Arashi Chisato", "Heanna Sumire", "Hazuki Ren",
"Sakurakouji Kinako", "Yoneme Mei", "Wakana Shiki", "Onitsuka Natsumi",
"Wien Margarete", "Onitsuka Tomari",
"Hijirisawa Yuuna", "Hiiragi Mao",*/
"Hinoshita Kaho", "Murano Sayaka", "Otomune Kozue", "Yuugiri Tsuzuri", "Oosawa Rurino", "Fujishima Megumi",
"Momose Ginko", "Kachimachi Kosuzu", "Anyouji Hime"]
};
let name_default, name_safe_for_html;
function write_upload_status() {
const text_uploaded = {
zh: `分数已上传：${name_safe_for_html}；${last_rows}行×${last_cols}列；用时${time_string}秒<br>${d}`,
ja: `記録をアップロードしました：${name_safe_for_html}；${last_rows}行×${last_cols}列；${time_string}秒かかりました<br>${d}`,
en: `Score uploaded: ${name_safe_for_html}; ${last_rows} rows × ${last_cols} columns; ${time_string} seconds taken<br>${d}`
};
document.getElementById("upload_status").innerHTML = text_uploaded[language];
}
async function upload_score(arg) {
const trusted = arg.length > 0 && arg[0].length > 0 && arg[0][0].isTrusted;
if (!trusted)
return console.log("检测到作弊");
const time_limit = Math.floor(300 * last_rows * last_cols / (14 * 10));
const time_limit_string = time_to_string(time_limit);
const text_prompt = {
zh: "恭喜你本次的等效用时小于或等于3秒！\n"
+ "（等效用时指的是将用时按照棋盘大小按比例折算成14×10棋盘之后的时间。）\n"
+ `（本次用时为${time_string}秒，棋盘大小为${last_rows}×${last_cols}，`
+ `想要使等效用时小于或等于3秒，你的用时必须小于或等于${time_limit_string}秒。）\n\n`
+ "请输入你的玩家名（如果不想上传分数，请点击取消或留空）",
ja: "おめでとうございます！等価時間は3秒以下です。\n"
+ "（等価時間というのは、かかった時間にボードのサイズに対する14×10ボードのサイズの比率をかけた時間です。）\n"
+ `（今回かかった時間は${time_string}秒、ボードのサイズは${last_rows}×${last_cols}で、`
+ `等価時間が3秒以下になる場合、かかった時間が${time_limit_string}秒以下にならなければなりません。）\n\n`
+ "プレイヤー名を入力してください（もし点数をアップロードしたくないなら、キャンセルをクリック、あるいは入力しないでください）",
en: "Congratulations! The time you spent is equivalently less than or equal to 3 seconds.\n"
+ "(The equivalently-taken time means the time you spent after proportionally converting the board to the 14×10 board based on the board size.)\n"
+ `(You have spent ${time_string} seconds, and the board size is ${last_rows}×${last_cols}, `
+ `so in order to make the time you spent equivalently less than or equal to 3 seconds, you must spend less than or equal to ${time_limit_string} seconds.)\n\n`
+ "Please input you player name (or click Cancel or leave it empty if you do not want to upload your score)"
};
let name = prompt(text_prompt[language], name_default);
if (name == null)
return;
name = name.trim();
if (name === "")
return;
name_default = name;
name_safe_for_html = name.replaceAll("<", "<").replaceAll(">", ">"); // 防止用户输入HTML代码
name = name_safe_for_html.replaceAll("%", "%")
.replaceAll("\\", "\\\\")
.replaceAll("|", "\\|"); // 防止用户输入Markdown表格分列符、反斜杠和百分号
upload_score.text_uploading = upload_score.text_uploading || {
zh: "上传中，请稍候……",
ja: "アップロード中です。しばらくお待ちください…",
en: "Please wait while uploading…"
}; // 模拟静态局部变量
document.getElementById("upload_status").textContent = upload_score.text_uploading[language];
document.getElementById("upload_status").style.display = "";
// 有些人的系统有bug，会把“中国标准时间”写成“北美中部标准时间”，推测是因为它们的缩写都是CST
let d_string = d.toString();
if (d_string.substring(28, 33) === "+0800" && d_string.substring(35).startsWith("北美中部标准时间"))
d_string = d_string.replace("北美中部标准时间", "中国标准时间");
const data = {
ref: "master",
inputs: {
player_name: name,
rows: last_rows.toString(),
cols: last_cols.toString(),
score: time_string,
time: d_string
}
};
let retry = true;
do {
let fetch_fail = false;
const response = await fetch(
"https://api.github.com/repos/plazum/find-keke/actions/workflows/add-score.yml/dispatches",
{
method: "POST",
headers: {
Accept: "application/vnd.github+json",
Authorization: "token " + await get_token(),
"X-GitHub-Api-Version": "2022-11-28"
},
body: JSON.stringify(data)
}
)
.catch(error => {
fetch_fail = true;
const text_fetch_error = {
zh: `Fetch API抛出错误“${error}”，是否重试？`,
ja: `Fetch APIで「${error}」というエラーが発生しました。再試行しますか？`,
en: `Fetch API throws error "${error}", retry?`
};
retry = confirm(text_fetch_error[language]);
});
if (fetch_fail) {
if (retry)
continue;
else
break;
}
const text = await response.text();
if (response.ok) {
write_upload_status();
const text_github_rest_api_succeeded = {
zh: `上传成功！\nGitHub REST API返回如下\n${response.status} ${response.statusText}\n${text}`,
ja: `アップロード成功しました！\nGitHub REST APIの戻り値は以下になります\n${response.status} ${response.statusText}\n${text}`,
en: `Successfully uploaded! \nGitHub REST API returns as follows\n${response.status} ${response.statusText}\n${text}`
};
alert(text_github_rest_api_succeeded[language]);
break;
} else {
const text_github_rest_api_failed = {
zh: `GitHub REST API失败，返回如下\n${response.status} ${response.statusText}\n${text}是否重试？`,
ja: `GitHub REST APIが失敗しました。戻り値は以下になります\n${response.status} ${response.statusText}\n${text}再試行しますか？`,
en: `GitHub REST API fails, returning as follows\n${response.status} ${response.statusText}\n${text}Retry?`
};
retry = confirm(text_github_rest_api_failed[language]);
}
} while (retry);
if (document.getElementById("upload_status").textContent === upload_score.text_uploading[language])
document.getElementById("upload_status").style.display = "none";
}
const UI_text = {
title: {
zh: `寻找唐可可${debug ? "（调试用）" : ""}`,
ja: `唐可可を探せ${debug ? "（デバッグ用）" : ""}`,
en: `Find out Tang Keke${debug ? " (Debug)" : ""}`
},
scoreboard: {
zh: "查看计分板和最高纪录",
ja: "スコアボードと最高記録",
en: "See the scoreboard and top records"
},
scoreboard_search: {
zh: "计分板搜索",
ja: "スコアボード検索",
en: "Scoreboard Search"
},
open_in_new_tab: {
zh: "在新标签页中打开",
ja: "新しいタブで開く",
en: "Open in new tab"
},
classic_mode: {
zh: "经典模式14×10",
ja: "クラシックモード14×10",
en: "Classic Mode 14×10"
},
extended_mode: {
zh: "扩展模式14×14",
ja: "拡張モード14×14",
en: "Extended Mode 14×14"
},
hard_mode: {
zh: "困难模式20×14",
ja: "ハードモード20×14",
en: "Hard Mode 20×14"
},
row: {
zh: "行",
ja: "行",
en: "Rows"
},
column: {
zh: "列",
ja: "列",
en: "Columns"
},
custom_mode: {
zh: "自定义模式",
ja: "カスタムモード",
en: "Custom Mode"
},
hint: {
zh: "来点提示",
ja: "ヒントを頂戴！",
en: "Hint"
},
more_hint: {
zh: "再来点提示",
ja: "もっとヒントを頂戴！",
en: "More Hint"
},
debug_link: {
zh: "想要一击必胜？点此前往调试模式",
ja: "ワンクリックで勝ちたい？ここをクリックしてデバッグモードへ",
en: "Want to win at a single click? Click here for Debug Mode"
},
new_game: {
zh: "再来一局",
ja: "もう一回プレイ",
en: "New Game"
},
github: {
zh: "来GitHub上切克闹（指check it out）吧",
ja: "GitHubでチェケラッ（check it out）",
en: "Check it out on GitHub"
},
wrong: {
zh: "不是这个哦，请再试一次。",
ja: "間違っちゃったよ。もう一度やってみてね。",
en: "Wrong. Please try again."
},
give_up: {
zh: "累了，我要重开（指游戏）",
ja: "諦めてやり直す",
en: "Give Up and New Game"
},
add_image: {
zh: "添加自定义图片",
ja: "カスタム画像を追加",
en: "Add custom image"
},
disclaimer: {
zh: "图片仅在本地使用，不会上传到服务器。",
ja: "画像はローカルだけで使われ、サーバーにアップロードされることはありません。",
en: "Images are used locally and not uploaded to the server."
},
label_name: {
zh: "名称",
ja: "名前",
en: "Name"
},
example: {
zh: "示例",
ja: "例",
en: "Example"
},
label_file: {
zh: "本地图片",
ja: "ローカル画像",
en: "Local image"
},
fit: {
zh: "图片填充方式",
ja: "画像の当てはめ方",
en: "Image fitting manner"
},
label_contain: {
zh: "缩小适应",
ja: "縮小する",
en: "Scale down to fit"
},
label_fill: {
zh: "拉伸填充",
ja: "引き伸ばす",
en: "Stretch to fill"
},
label_cover: {
zh: "放大填充",
ja: "拡大する",
en: "Scale up to fill"
},
preview: {
zh: "预览",
ja: "プレビュー",
en: "Preview"
},
cancel: {
zh: "取消",
ja: "キャンセル",
en: "Cancel"
},
OK: {
zh: "确定",
ja: "OK",
en: "OK"
}
};
const UI_text_exclusion = ["title", "debug_link", "example"];
const UI_element_id = Object.keys(UI_text).filter(value => !UI_text_exclusion.includes(value));
const UI_element_id2 = ["scoreboard", "scoreboard_search", "add_image"];
function set_language(value) {
language = value;
document.documentElement.lang = language;
localStorage.language = language;
document.title = UI_text.title[language];
for (const id of UI_element_id) {
document.getElementById(id).textContent = UI_text[id][language];
}
for (const id of UI_element_id2) {
document.getElementById(id + "2").textContent = UI_text[id][language];
}
for (let i = 0; i < images.length; i++) {
document.getElementById("label_" + i).textContent = images[i].name[language];
}
if (!debug)
document.getElementById("debug_link").title = UI_text.debug_link[language];
if (Object.values(UI_text.example).includes(document.getElementById("name").value))
document.getElementById("name").value = UI_text.example[language];
name_default = location.href.startsWith("https://zrtech.org/") ?
placeholder[language][Math.floor(Math.random() * placeholder.zh.length)]
:
"test（本地开发测试用）"
;
if (document.getElementById("result").style.display !== "none")
write_result();
if (document.getElementById("upload_status").style.display !== "none")
write_upload_status();
}
let url = "";
let blob_url = "";
function set_input_enabled(id) {
document.getElementById("url").disabled = id !== "url";
document.getElementById("file").disabled = id !== "file";
preview_image(false);
}
function preview_image(input_file_onchange = false) {
switch (document.querySelector("input[name='custom_image']:checked").id.substring(6)) {
case "url":
url = document.getElementById("url").value.replace(base_url, "");
set_preview_img(url);
break;
case "file":
if (input_file_onchange) {
if (document.getElementById("file").files.length > 0) {
blob_url = URL.createObjectURL(document.getElementById("file").files[0]);
} else {
if (blob_url !== "")
URL.revokeObjectURL(blob_url);
blob_url = "";
}
}
set_preview_img(blob_url);
break;
}
}
function set_preview_img(src) {
// 如果将<img>的src属性设置为空字符串，浏览器不会把图片显示为空，而是将src设置为网页所在的路径或网页本身的URL，图片呈现裂开状态，
// 如果在src属性被设置过值之后使用removeAttribute("src")，src虽然会被设置为空字符串，但是浏览器仍然显示图片为裂开状态，
// 所以为了除去图片的src属性，直接重置<img>标签的HTML代码
if (src === "") {
document.getElementById("preview_img").outerHTML = preview_img_initial;
set_object_fit(document.querySelector("input[name='fit']:checked").id);
} else {
document.getElementById("preview_img").src = src;
}
}
function set_object_fit(value) {
document.getElementById("preview_img").style.objectFit = value;
}
function add_custom_image() {
let src;
switch (document.querySelector("input[name='custom_image']:checked").id.substring(6)) {
case "url":
src = url;
break;
case "file":
src = blob_url;
break;
}
const name = document.getElementById("name").value;
const new_image = {
filename: src,
name: {
zh: name,
ja: name,
en: name
},
fit: document.querySelector("input[name='fit']:checked").id
};
const number = images.length;
images.push(new_image);
document.getElementById("filter").insertAdjacentHTML("beforeend",
' <input id="' + number + '" type="checkbox" checked onchange="generate_map(last_rows, last_cols)">'
+ '<label id="label_' + number + '" for="' + number + '">' + name + '</label>');
close_dialog("add_image_dialog");
document.getElementById("url").value = "";
document.getElementById("file").value = "";
set_preview_img("");
url = blob_url = "";
generate_map(last_rows, last_cols);
}