この記事はTech KAYAC Advent Calendar 2019の14日目の記事です。 こんにちは!クライアント事業部技術部の@yumikokhです。 新卒4年目、今年からWebフロント→サーバーサイド所属になりましてお仕事で演出ごりごりすることはなくなったのですが、 趣味でWebGLや3Dソフト(Cinema4D, Blender)の勉強をしています。 今回は、Blenderでつけた複数のキーフレームアニメーションをWeb上で切り替える方法を最短ルートでお届けします! つくるもの サンプルページを用意しました シンプルですね! こんなかんじで、アニメーションを切り替える画面を作ります。 準備 Blender v2.8- こちらからインストールできます Blenderは超高機能な上に無料でオープンソースな3Dソフトです。 今回はjsライブラリの Three.js を使用するため、