Top / 体験研究 / Draft Preview
インターフェースの体験 — Draft Preview

下描きは半分の画素で、乱数は役ごとに

2026.10 Tool / Performance

題字の道具 斬 ZANは、1回描くのに 100 ミリ秒ほどかかる。パソコンなら困らない。スマホでスライダーを動かすと、指に絵が追いつかない。動かしている間だけ、半分の画素で描くことにした。

この研究を一言でいうと──下描きを速くするなら、乱数を役ごとに分けて、絵の骨組みを揃える。

「居合」の題字を、動かしている間(800×800)と離した後(1600×1600)で並べた2枚。刃の位置が同じ
— 左=動かしている間(800×800)/右=離した後(1600×1600)

半分の画素で、3分の1の時間

描き方1回の時間
原寸(直す前)約 134 ms
原寸(画素の読み直しを減らした後)約 100 ms
動かしている間(半分の画素)約 35 ms

大きさに比例する値(字の大きさ、刃のずれ、粒の大きさ、光の長さ)は、全部同じ割合で縮める。縮め忘れた値があると、下描きの絵の見え方が変わる。

1回描く時間を、原寸と半分の画素で比べた棒グラフ
— パソコンで測った時間。スマホではこの数倍

刃が、下描きと仕上がりで違った

最初の版では、指を離すと刃の角度が変わった。字の端を尖らせる処理が、端を探すときに乱数を使っていた。画素が半分になると、見つかる端の数が変わる。乱数を使う回数が変わり、そのあとに決める刃の角度までずれていた。

あなたの下描きは、仕上がりと同じ骨組みですか。

何度も読む canvas は、途中で描き方が変わる、の研究を読む →

— 他の研究を読む
← 体験研究の一覧へ 全ての設計事例を見る →