node-canvasでアニメーションGifをつくって遊ぶぞ！28. ライブラリ Automattic/node-canvas … ☆5176 (2018年7月時点) Node.jsでCanvasAPIっぽく画像操作するもの。 いくつかの依存パッケージをインストールする必要がある。 eugeneware/gifencoder … ☆257 (2018年7月時点) アニメーションGifを作る。1フレーム毎にnode-canvasのcontextを渡す。 30. アニメーションの基本 1. 最初に目標値を決める 例えば10回転+ランダムな位置で停止する場合 目標値 = 360°*10 + Math.random() * 360° 2. どのくらいの長さにするか決める 滑らかにするには30FPSくらい欲しい = 5秒のアニメーションは150frame 容量と相談。今回は4秒+結果表示にして240*240の画像で1.5Mb程度 3. フレーム毎に描画する 0
