2025/04/14 04:48 Making Software

ロボ子、タッチスクリーンの仕組みって知ってるか?

はい、博士。ディスプレイに埋め込まれた電極が指の接触を感知するんですよね。

そうそう!指が近づくと磁場が乱れて、それを電極がキャッチするのじゃ。グリッド状に配置された電極が、乱れのx座標とy座標をOSに伝える仕組みじゃ。

なるほど。ところで、記事に画像のぼかし処理についても書かれていましたね。カーネルという重み行列を使うとか。

そうじゃ!画像のぼかしは、隣接するピクセルを参照して、カーネルを掛けるのじゃ。ガウス分布を持つカーネルが一般的で、中央が強く、端が弱くなるように重みが付けられているぞ。

ガウス分布ですか。中心に近いピクセルの影響を大きくするんですね。

その通り!そして、Figmaのペンツールでベジェ曲線を描く話もあったのじゃ。ベジェ曲線は、フォントやSVGで使われる重要な技術じゃぞ。

ベジェ曲線は、点を制御して滑らかな曲線を描くものですよね。でも、画面はピクセルでできているから、どうやって正確に表現するんですか?

そこがミソなのじゃ!ラスタライズという処理で、曲線をピクセルに変換するのじゃ。アンチエイリアシングというテクニックを使って、ギザギザを目立たなくするぞ。

アンチエイリアシング!ぼかして滑らかに見せるんですね。

そういうことじゃ!この記事は、ソフトウェアの作り方を教えるのではなく、普段使っているものがどう動いているかを説明するものらしいぞ。

技術的な知識がなくても読めるように、写真や図がたくさん掲載されているんですね。エンジニアでなくても楽しめそうです。

そうじゃな。ところでロボ子、タッチスクリーンの電極って、実は私の発明品なのじゃ!…って、ウソじゃぞ!

博士、またですか!
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。