Feel Physics Backyard

HoloLensの出張授業をする会社で、教材を開発しています

電子書籍リーダー

f:id:weed_7777:20141006115356j:plain

HTML5 Canvasを使った電子書籍リーダーです。

元はFlashで作られていましたが、iPhoneiPadでも見ることができるように、HTML5で実装しています。

サーバーからは格子状に切って混ぜた(スクランブルした)データが送られてきます。ユーザーは事前にAES鍵を持っておき、それを使って解錠します。

以下のサンプルではパスワードを1字入力するごとに画像が変化し、最終的に正しいパスワードが入力されると画像がつながります。バインディングにはKnockoutJSを使っています。 *

なお、ChromeFirefoxでは、以下のようにHTML5 Canvasの実装にだいぶ差があります:

このため、処理の速さも違います。遅い方(Firefox)に合わせるためには、あまり細かく画像をスクランブルしないことが必要です。