前回はアニメーションするQRコードを作成しましたが、今回はその応用です。時間とともにQRコードの情報が変化する「おみくじ」を作ってみたいと思います。
ついカットなっておみくじQRコードを作った。 pic.twitter.com/0pKlS1576g
— 勝部麻季人 🍮 (@katsube) 2019年6月8日
雑にいうと「ルーレット」ですね。すごい勢いでQRコードの内容が切り替わっていく中、その一瞬をQRコードリーダー読み取ることで、利用者から見るとランダムな結果が得られるというヤツです。
デザインQR
[Node.js] デザインQRコードをアニメーションさせる
前回はQRコードの中央にちょっとした画像を貼り付ける「デザインQR」を作成しましたが、今回はその画像をアニメーションさせてみたいと思います。
アニメーションするQRコード作ってみた。
これくらいの大きさならQRコードリーダーも認識してくれる。紙はムリだけどデジタルサイネージとかWebで出すのに良いかもね。
（キャラはUNITYちゃん） pic.twitter.com/4TzPShoTmk— 勝部麻季人 🍮 (@katsube) 2019年6月8日
[Node.js] デザインQRコードを作成する
今回はQRコードの真ん中あたりに画像を埋め込む「デザインQR」をNodeで作成してみます。
通常のQRでも機能自体に問題ありませんが、以下のような欲求が出てきます。
- どんなデータが埋め込まれているか想像しづらい、
- デザイン的に無粋(無機質)
今回はこれらを解消しようというお話です。
