Tesseract.jsで始めるゲームライフ改善

2023-09-27の登壇資料です

2. ⾃⼰紹介 今日フータオ1凸にします
3. 皆さんゲームしてますか
4. 近年のゲームにはよくありますよね
5. 「厳選作業」
6. ゲームをやってると出てくる「厳選」 厳選(げんせん) 1. 基準に合うものだけを選び、情実（個⼈的な関係や感 情）を⼊れないこと。 2. 「ポケモン廃⼈」が⾏う作業『個体値厳選』の略称。 割っては捨て、割っては捨て、…何とも虚しいことだ。 ――Pixiv⼤百科「厳選」 https://dic.pixiv.net/a/厳選
7. 原神の「聖遺物厳選」 - キャラの装備「聖遺物」 - メインとは別でランダムに4つのサブステータス - 1キャラ5個の聖遺物を持つことができる - 1パーティ4⼈ - 5*4 = 20個
8. 原神の「聖遺物厳選」 - キャラの装備「聖遺物」 - メインとは別でランダムに4つのサブステータス - 1キャラ5個の聖遺物を持つことができる - 1パーティ4⼈ - 5*4 = 20個 とても⾟い
9. 聖遺物の良し悪しの測り⽅ 聖遺物スコアがある 基本計算式: スコア = 会⼼率 * 2 + 会⼼率ダメージ + ⽬的ステータス値 ※⽬的ステータスはキャラの特性にあったステータス(HP％, 攻撃⼒%など)
10. 毎回⼊⼒するのつらい
11. 「厳選」をもっと楽にできないか? - ツールは多くなるけど⼊⼒が⼿間 - OCR系のツールもトリミングなどあって⾯倒
12. 「厳選」をもっと楽にできないか? - ツールは多くなるけど⼊⼒が⼿間 - OCR系のツールもトリミングなどあって⾯倒 ……スマホのカメラでうまいことできないか？
13. Tesseract.js - 1985年に作られたOCRライブラリ「Tesseract」ベース - 最新版のWeb Assemblyをラップしたライブラリ - 100⾔語以上のOCRに対応 - フロントエンドでOCRができる！！
14. React.jsで組んでみた - 精度とスピードのバランスが難しい - OCRは特定の⽂字に限定 - ガイドを表⽰して余分な領域を撮らないように - ライブラリの癖 - モードによって数字が何故か①②③と丸⽂字に - 別のモードは「2」が「ー」になる
15. デモ
16. スピード - Pixel4a: 5.05s - iPhone XR: 4.19s - iPad Air Gen4: 1.97 s
17. まとめ - ライブラリは⾮常に使いやすくサクッとOCRアプリ を作るにはあり - サーバーを介さないので低コスト - ネイティブAPIとの速度差は⽐較したい - アプリは便利なので近⽇公開します
18. おしまい