Tweet
Tweet

Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

⾃⼰紹介 今日フータオ1凸にします

Slide 3

Slide 3 text

皆さんゲームしてますか

Slide 4

Slide 4 text

近年のゲームにはよくありますよね

Slide 5

Slide 5 text

「厳選作業」

Slide 6

Slide 6 text

ゲームをやってると出てくる「厳選」 厳選(げんせん) 1. 基準に合うものだけを選び、情実（個⼈的な関係や感 情）を⼊れないこと。 2. 「ポケモン廃⼈」が⾏う作業『個体値厳選』の略称。 割っては捨て、割っては捨て、…何とも虚しいことだ。 ――Pixiv⼤百科「厳選」 https://dic.pixiv.net/a/厳選

Slide 7

Slide 7 text

原神の「聖遺物厳選」 - キャラの装備「聖遺物」 - メインとは別でランダムに4つのサブステータス - 1キャラ5個の聖遺物を持つことができる - 1パーティ4⼈ - 5*4 = 20個

Slide 8

Slide 8 text

原神の「聖遺物厳選」 - キャラの装備「聖遺物」 - メインとは別でランダムに4つのサブステータス - 1キャラ5個の聖遺物を持つことができる - 1パーティ4⼈ - 5*4 = 20個 とても⾟い

Slide 9

Slide 9 text

聖遺物の良し悪しの測り⽅ 聖遺物スコアがある 基本計算式: スコア = 会⼼率 * 2 + 会⼼率ダメージ + ⽬的ステータス値 ※⽬的ステータスはキャラの特性にあったステータス(HP％, 攻撃⼒%など)

Slide 10

Slide 10 text

毎回⼊⼒するのつらい

Slide 11

Slide 11 text

「厳選」をもっと楽にできないか? - ツールは多くなるけど⼊⼒が⼿間 - OCR系のツールもトリミングなどあって⾯倒

Slide 12

Slide 12 text

「厳選」をもっと楽にできないか? - ツールは多くなるけど⼊⼒が⼿間 - OCR系のツールもトリミングなどあって⾯倒 ……スマホのカメラでうまいことできないか？

Slide 13

Slide 13 text

Tesseract.js - 1985年に作られたOCRライブラリ「Tesseract」ベース - 最新版のWeb Assemblyをラップしたライブラリ - 100⾔語以上のOCRに対応 - フロントエンドでOCRができる！！

Slide 14

Slide 14 text

React.jsで組んでみた - 精度とスピードのバランスが難しい - OCRは特定の⽂字に限定 - ガイドを表⽰して余分な領域を撮らないように - ライブラリの癖 - モードによって数字が何故か①②③と丸⽂字に - 別のモードは「2」が「ー」になる

Slide 15

Slide 15 text

デモ

Slide 16

Slide 16 text

スピード - Pixel4a: 5.05s - iPhone XR: 4.19s - iPad Air Gen4: 1.97 s

Slide 17

Slide 17 text

まとめ - ライブラリは⾮常に使いやすくサクッとOCRアプリ を作るにはあり - サーバーを介さないので低コスト - ネイティブAPIとの速度差は⽐較したい - アプリは便利なので近⽇公開します

Slide 18

Slide 18 text

おしまい