wyumikokh https://blog.hatena.ne.jp/wyumikokh/ KAYAC Engineers' Blog https://techblog.kayac.com/ AdventCalendar2019 animation JavaScript この記事はTech KAYAC Advent Calendar 2019の14日目の記事です。 こんにちは！クライアント事業部技術部の@yumikokhです。 新卒4年目、今年からWebフロント→サーバーサイド所属になりましてお仕事で演出ごりごりすることはなくなったのですが、 趣味でWebGLや3Dソフト(Cinema4D, Blender)の勉強をしています。 今回は、Blenderでつけた複数のキーフレームアニメーションをWeb上で切り替える方法を最短ルートでお届けします！ つくるもの サンプルページを用意しました シンプルですね！ こんなかんじで、アニメーションを切り替える画面を作ります… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftechblog.kayac.com%2Fblender-key-frame-animation-for-web" title="Web上でBlenderでつけたアニメーションの複数切り替え - KAYAC Engineers&#39; Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/w/wyumikokh/20191213/20191213074709.png Hatena Blog https://hatena.blog 2019-12-14 08:00:00 rich https://techblog.kayac.com/blender-key-frame-animation-for-web 1.0 100%