本文へスキップ
マウススクロールテスト
ヒートマップ

あなたのマウスホイールを、 ティックごとにプロット。

表より絵。ヒートマップは、ホイールが報告するすべてのイベントを 時間 × デルタの大きさ で並べます — ノッチの一貫性、ティックの欠け、逆スパイクがひと目でわかります。

待機中
キャプチャエリア10.0s

ここをスクロールしてヒートマップに反映

普段のペースでスクロールし、実行中に意図的に方向を変えてみてください。その軌跡が、エンコーダーがティックをどう報告しているかを最もよく見せてくれます。

サンプル 0準備完了

時間 × 大きさの密度

仕組み

ホイールイベントが絵になるまで

01

キャプチャ

選んだ時間、キャプチャエリア内でスクロールします。すべてのホイールイベントが、タイムスタンプとデルタとともに記録されます — ヘルステストと同じ生の信号で、何もアップロードされません。

02

バケット化

タイムラインを列に分割し、さらに各列を大きさの行に分けます。ティックが1つずつセルを埋め、明るいセルほど多くのティックを抱えています。99 パーセンタイルでスケールを決めることで、極端なデルタ1つが全体の見え方をつぶすのを防いでいます。

03

読み取る

緑の破線が、あなたのホイールの通常ノッチです。それに沿って帯ができていれば一貫性が高く、上下に散らばっていればエンコーダーのジッターです。赤いティックは、検出時刻の並びで示される逆スパイクです。

読み方ガイド

色が伝えていること

横に細い帯
ティックがノッチ線の周囲の、ひとつの大きさの行に集まっています。ノッチごとに同じデルタを正確に出すエンコーダーの証拠で、健全なホイールはだいたいこの見た目です。
縦に滲む
同じ時間帯が、多くの行で光っています。大きさが飛び跳ねている状態です。接点のほこり、弱ったデトントスプリング、あるいはフリースピンホイール特有の、自然に滑らかなシグネチャのどれかです。
明るい列
ある時間帯にティックのバーストが集中すると、列が明るく光ります。思い切り振ったときなら正常です。指を動かし続けているのにスクロール中盤で列が暗転するなら、ティックが落ちています。
上に赤いティック
赤い印は、その瞬間に検出された逆スパイク — 一貫した連続の中に混ざる反対符号ティックで、典型的な汚れたエンコーダーの兆候です。赤の集まりが、ホイールの具合が悪かった瞬間を示します。

絵もいい。時間を追って追跡できるスコアのほうが、さらにいい。

広告なし · トラッキングなし · アカウント不要 · ブラウザで動作