iPhone6では3D Touchという機能が追加され、さらに新しいMacBookなどでもForce Touchと呼ばれる感圧タッチパッドが採用されています。これにより、単純なクリックに奥行きを持たせることができるようになっています。 そこで紹介したいのがPressure.jsです。Webブラウザ上でForce Touchや3D Touchを感知できるJavaScriptライブラリです。

Pressure.jsの使い方

実際に使っているところです。押し込むようにクリックすることで画像のぼかしが解除されます。

こちらもぐっと押し込んだ場合だけ出てくるツールチップです。

対応機種が限られるので実用的かと言われると難しいところですが、どれくらい深く押し込んでいるかが数値として取得できるのは面白いです。Pressure.jsの面白い使い方を考えてみてください。

Pressure.jsはHTML5/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

Pressure.js yamartino/pressure: JavaScript library for handling both Force Touch and 3D Touch on the web