Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Tesseract.jsで始めるゲームライフ改善
Search
godan
September 27, 2023
Programming
0
110
Tesseract.jsで始めるゲームライフ改善
2023-09-27の登壇資料です
godan
September 27, 2023
Tweet
Share
More Decks by godan
See All by godan
献立を支える技術
godan
1
40
僕の イベントスタッフ 装備の最適解
godan
2
120
YAPC::Hakodateの映像記録を支える技術
godan
5
600
ミシンと刺繍とOSS
godan
3
130
Nest Hubがある生活
godan
2
78
オンライン配信の始め方
godan
3
150
SOFT SKILLSは定期的に読み返したくな良書
godan
2
76
Discord Embede SDK入門…… してみたかった話
godan
1
450
今年どれだけ本読んだ?
godan
0
91
Other Decks in Programming
See All in Programming
Rancher と Terraform
fufuhu
2
240
AI Coding Agentのセキュリティリスク:PRの自己承認とメルカリの対策
s3h
0
200
デザイナーが Androidエンジニアに 挑戦してみた
874wokiite
0
310
Navigating Dependency Injection with Metro
zacsweers
3
240
そのAPI、誰のため? Androidライブラリ設計における利用者目線の実践テクニック
mkeeda
2
270
Zendeskのチケットを Amazon Bedrockで 解析した
ryokosuge
3
290
意外と簡単!?フロントエンドでパスキー認証を実現する WebAuthn
teamlab
PRO
2
730
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
marcoroth
0
670
Navigation 2 を 3 に移行する(予定)ためにやったこと
yokomii
0
140
1から理解するWeb Push
dora1998
7
1.9k
Azure SRE Agentで運用は楽になるのか?
kkamegawa
0
2.1k
go test -json そして testing.T.Attr / Kyoto.go #63
utgwkk
3
290
Featured
See All Featured
Done Done
chrislema
185
16k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.5k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Fireside Chat
paigeccino
39
3.6k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Typedesign – Prime Four
hannesfritz
42
2.8k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Designing for Performance
lara
610
69k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
For a Future-Friendly Web
brad_frost
180
9.9k
Gamification - CAS2011
davidbonilla
81
5.4k
Transcript
None
⾃⼰紹介 今日フータオ1凸にします
皆さんゲームしてますか
近年のゲームにはよくありますよね
「厳選作業」
ゲームをやってると出てくる「厳選」 厳選(げんせん) 1. 基準に合うものだけを選び、情実(個⼈的な関係や感 情)を⼊れないこと。 2. 「ポケモン廃⼈」が⾏う作業『個体値厳選』の略称。 割っては捨て、割っては捨て、…何とも虚しいことだ。 ――Pixiv⼤百科「厳選」 https://dic.pixiv.net/a/厳選
原神の「聖遺物厳選」 - キャラの装備「聖遺物」 - メインとは別でランダムに4つのサブステータス - 1キャラ5個の聖遺物を持つことができる - 1パーティ4⼈ -
5*4 = 20個
原神の「聖遺物厳選」 - キャラの装備「聖遺物」 - メインとは別でランダムに4つのサブステータス - 1キャラ5個の聖遺物を持つことができる - 1パーティ4⼈ -
5*4 = 20個 とても⾟い
聖遺物の良し悪しの測り⽅ 聖遺物スコアがある 基本計算式: スコア = 会⼼率 * 2 + 会⼼率ダメージ
+ ⽬的ステータス値 ※⽬的ステータスはキャラの特性にあったステータス(HP%, 攻撃⼒%など)
毎回⼊⼒するのつらい
「厳選」をもっと楽にできないか? - ツールは多くなるけど⼊⼒が⼿間 - OCR系のツールもトリミングなどあって⾯倒
「厳選」をもっと楽にできないか? - ツールは多くなるけど⼊⼒が⼿間 - OCR系のツールもトリミングなどあって⾯倒 ……スマホのカメラでうまいことできないか?
Tesseract.js - 1985年に作られたOCRライブラリ「Tesseract」ベース - 最新版のWeb Assemblyをラップしたライブラリ - 100⾔語以上のOCRに対応 - フロントエンドでOCRができる!!
React.jsで組んでみた - 精度とスピードのバランスが難しい - OCRは特定の⽂字に限定 - ガイドを表⽰して余分な領域を撮らないように - ライブラリの癖 -
モードによって数字が何故か①②③と丸⽂字に - 別のモードは「2」が「ー」になる
デモ
スピード - Pixel4a: 5.05s - iPhone XR: 4.19s - iPad
Air Gen4: 1.97 s
まとめ - ライブラリは⾮常に使いやすくサクッとOCRアプリ を作るにはあり - サーバーを介さないので低コスト - ネイティブAPIとの速度差は⽐較したい - アプリは便利なので近⽇公開します
おしまい