-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
78 lines (78 loc) · 2.43 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>预览工具</title>
<link rel="shortcut icon" href="./icon.png">
<link rel="stylesheet" href="./style.css">
<script defer src="./fontdata.js"></script>
<script defer src="./load_font.js"></script>
<script defer src="./parse_text.js"></script>
<script defer src="./draw_text.js"></script>
</head>
<body>
<h1>偶像大师-OFA 汉化字体预览</h1>
<div class="div_left">
<h4>使用方式</h4>
复制文本到下方的文本框中，按照Parsing格式设置，然后点击"Parse and draw"预览
<hr>
点击<a href="./linebreaker/index.html">这里</a>前往Mail自动分行工具页面
<hr>
如果你需要GPT翻译辅助，可联系组长获取API 密钥；<br>
点击<a href="https://gpt.imas-sp.com">NextChat</a>前往GPT对话网页；<br>
点击<a href="./gptmask/偶像大师翻译.json" download>这里</a>下载GPT翻译面具。
</div>
<div class="div_right">
<h4>Parsing格式</h4>
<ul>
<li>第一行不要编辑(commu2/par/***.par).</li>
<li>#开头为注释行，可以在注释行中填写日文原文</li>
<li>对话块</li>
</ul>
每个对话块的格式:
<ol>
<li>1行数字，为对话ID</li>
<li>1行对话人物</li>
<li>1行或2行对话文本</li>
<li>1行$符号表示对话块结束</li>
</ol>
确保最后一个$符号后不要有空行
</div>
<p>
<textarea cols="80" rows="16" id="textinput">
commu2/par/***.par
01
制作人
「大家，我回来了」
$
02
天海春香
「制作人先生！
欢迎回来」
$
03
如月千早
「制作人，
你回来了」
$
04
星井美希
「Ｈｏｎｅｙ，
你回来啦」
$</textarea>
</p>
<p>
<button onclick="parseProvidedString()">Parse and draw</button>
</p>
<p>
<canvas id="canvas" width="918" height="187"></canvas>
</p>
<p>
<label id="problemLabel"> </label>
</p>
<p>
<button class="prevnext" id="btnPrev" onclick="prevBox()">Previous</button>
<label id="indexLabel"> </label>
<button class="prevnext" id="btnNext" onclick="nextBox()">Next</button>
</p>
</body>
</html>