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
51
僕の イベントスタッフ 装備の最適解
godan
2
130
YAPC::Hakodateの映像記録を支える技術
godan
5
610
ミシンと刺繍とOSS
godan
3
140
Nest Hubがある生活
godan
2
83
オンライン配信の始め方
godan
3
160
SOFT SKILLSは定期的に読み返したくな良書
godan
2
83
Discord Embede SDK入門…… してみたかった話
godan
1
470
今年どれだけ本読んだ?
godan
0
97
Other Decks in Programming
See All in Programming
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
shogogg
1
110
dynamic!
moro
10
7.3k
CSC305 Lecture 06
javiergs
PRO
0
220
What's new in Spring Modulith?
olivergierke
1
140
そのpreloadは必要?見過ごされたpreloadが技術的負債として爆発した日
mugitti9
2
3.3k
株式会社 Sun terras カンパニーデック
sunterras
0
270
Go言語の特性を活かした公式MCP SDKの設計
hond0413
1
230
Pull-Requestの内容を1クリックで動作確認可能にするワークフロー
natmark
2
490
CSC509 Lecture 05
javiergs
PRO
0
300
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
0
100
Conquering Massive Traffic Spikes in Ruby Applications with Pitchfork
riseshia
0
160
All About Angular's New Signal Forms
manfredsteyer
PRO
0
110
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.8k
Site-Speed That Sticks
csswizardry
11
890
4 Signs Your Business is Dying
shpigford
185
22k
The World Runs on Bad Software
bkeepers
PRO
71
11k
Bash Introduction
62gerente
615
210k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Context Engineering - Making Every Token Count
addyosmani
5
220
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
Designing Experiences People Love
moore
142
24k
Facilitating Awesome Meetings
lara
56
6.6k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
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との速度差は⽐較したい - アプリは便利なので近⽇公開します
おしまい