筆圧テスト

筆圧テストについて

お絵描きアプリで、強く押しても反応しない？この筆圧テストは、ペン・スタイラス・ペンタブレットが実際にブラウザーへ何を送っているかを表示します。アプリのせいにする前に確認しましょう。

ボックスの中に描いてください。強く押すほど線が太くなり、色は青（弱い）から赤（強い）へ変わります。横には、0〜1の筆圧、ペンの傾き、回転、バレル圧、接触サイズ、押しているボタン、Hz単位のレポートレートがリアルタイムで表示されます。グラフには直近5秒の筆圧が出ます。

ペンタブレット、液晶ペンタブレット、スタイラス対応のタブレット、ペン対応のタッチ式ノートPCで使えます。たとえばWacom、XP-Pen、Huionのタブレット、Apple Pencil、Surface Pen、S Penなどです。データはどこにも送信されません。

機能

筆圧に合わせて変わる線 — 強く押すと太くなり、青から赤の色がつきます
リアルタイムの筆圧 — ペンが送る全サンプルについて、0〜1の大きな数字とバーを表示
筆圧グラフ — 直近5秒を折れ線で表示。なめらかな曲線か、急な段差かが分かります
傾き・回転・バレル圧 — ペンと同じ向きに傾く傾きダイヤル付き
レポートレート — 1秒間に何個のサンプルがブラウザーに届くか
「偽の」筆圧もはっきり判定 — 0、0.5、1しか届かないとき（マウスや筆圧のないペン）はページがお知らせします
消しゴム側 — ペンに消しゴム側があれば、ペンの後ろ側で消せます
絵を保存 — ワンクリックでPNGとしてダウンロード

各値の意味

値	範囲	分かること
筆圧	0 – 1	ペン先がどれだけ強く押しているか。0 = 触れていない
傾き X	−90° – 90°	ペンが左（−）または右（+）にどれだけ傾いているか
傾き Y	−90° – 90°	ペンが奥（−）または手前（+）にどれだけ傾いているか
回転	0° – 359°	ペンが軸を中心にどれだけ回っているか（対応するペンのみ）
バレル圧	−1 – 1	ペン軸のホイールや握りセンサー（対応するペンのみ）
接触サイズ	px	触れている面積の大きさ（主に指向け）
レポートレート	Hz	1秒あたりのサンプル数。ペンは画面に見えるよりずっと多く送ることが多い
検出した筆圧	最小 – 最大	これまでに検出した範囲と、異なる値の数

ペンが検出できない値は0のままです。これは普通のことです。ほとんどのペンには回転センサーやバレル圧センサーがなく、傾きを検出できないペンも多くあります。

筆圧が効かない？確認すること

ペンを使っているのに「マウス」と表示される — タブレットがマウスモードで動いています。タブレットドライバーの設定を開いてください。Windowsでは、多くのドライバーにWindows Inkのオプションがあり、ブラウザーで筆圧を使うにはオンが必要です
0か1しか届かない — タブレットドライバーを更新または再インストールして、ブラウザーを再起動してください
他のアプリでは効くのに、ここでは効かない — 別のブラウザーを試してください。最新版のChrome、Edge、Firefox、Safariはいずれもペンの筆圧に対応しています
スマホやタブレットの場合 — 指は通常、筆圧を送りません。端末に付属のスタイラスを使ってください
ストロークの始めの線が細い — 普通のことです。最初のサンプルは筆圧がとても低いことが多いためです

マウスが0.5を表示する理由

Web標準では、筆圧を検出できない機器は、ボタンを押している間は0.5、押していないときは0と報告することになっています。そのためマウスは常に0.5を表示し、線の太さは変わりません。ページはこの場合をはっきり示すので、動作中のペンと間違えることはありません。

よくある質問

ペンの筆圧はどうやってテストしますか？

ボックスの中でゆっくり描き、弱く押してから強く押してみてください。数字、バー、線の太さがなめらかに変わるはずです。たくさんの異なる値が届くと、情報欄に「ペンの筆圧は動作しています」と表示されます。

ペンで0.5しか表示されないのはなぜですか？

ブラウザーがペンから筆圧を受け取れていないため、0.5と報告しています。多くの場合、タブレットがマウスモードになっているか、ドライバーの設定（Windows Inkなど）がオフです。ドライバーの設定を確認して、もう一度試してください。

傾きはどのペンでも使えますか？

いいえ。傾きを検出できるペンだけが送信し、それ以外は0°のままです。多くのペンタブレットや液晶ペンタブレットが傾きに対応しています。

良いレポートレートはどのくらいですか？

多くのペンは1秒に120〜240サンプル以上を送ります。レートが高いほど、速いストロークでも線がなめらかになります。表示される数字は、ブラウザーに届いた数です。

テストで描いた絵は保存できますか？

はい。描いたあとに絵をダウンロード（PNG）を押してください。画像は白い背景です。

何か記録されますか？

いいえ。すべてお使いの端末の中にとどまります。線の太さとインクの選択は、このブラウザーに記憶されます。

使い方

ペンタブレットをつなぐか、端末のスタイラスを用意します
ボックスの中に描く — 弱く、次に強く押して、線が太くなるのを確認します
右側の筆圧、傾きダイヤル、レポートレートを見ます
グラフを見る — なめらかな曲線なら、筆圧は正常に動いています
ペンを傾けたり回したりして、傾き X、傾き Y、回転を確認します
クリアでやり直し、絵をダウンロード（PNG）で保存します