この記事は Web グラフィックス Advent Calendar 2020 の3日目の記事です。 はじめに グラフィックス技術の情報ではないのですが、Webでグラフィックス系の開発をしているときにマウスやタッチの入力はよく使いますよね。 いまさらながらマウス、タッチ、ペン入力を扱うことのできるPointer Eventsを使ってみました。恥ずかしながら、つい最近までこのイベントの存在を知らず、マウスとタッチを統合して扱う処理を頑張って実装していました。 しかし調べてみると若干調べづらいといいますか、検索するとcssのpointer-eventsの情報が出てきたり、まさにPointer Eventsのことを扱った記事が上位に出てこなかったり(MDNがあるけど量がすごいし…)、かなり前の記事だったりしてけっこう迷いました。 そこで簡単なサンプルを作ってみました。マウス、タッチ、ペン(筆圧あり