はてなブックマーク

概要 three.jsには様々なアニメーションの方法がありますが、今回はキーフレームアニメーションによってアニメーションを行う方法について説明します。 デモ 今回は例として以下のデモのような回転しながら動くティーポットを作成します。 https://arihide.github.io/demos/keyframe/ ソースコードはこちら https://github.com/Arihide/demos/tree/master/keyframe キーフレームアニメーションとは プログラムの説明に入る前にキーフレームアニメーションについて簡単に説明します。キーフレームアニメーションとは、キーフレームと補間を用いたアニメーションのことです。ここでキーフレームとは時刻とそれに対応する値のペアのことです。数学っぽく書くと