特定のキー操作に反応するアニメーションの設定方法

Spline

【例題】「A」キーを押す度に右回転と左回転を繰り返すアニメーションを作成します。

【States】右側の「+」の選択で、[State]項目が出来ます。

【Events】右側の「+」の選択で、設定項目が表示されます。

Type/Key Downを選択します。

Keyの項目に「a」と入力します。

Rotation/Yの欄に360と入力します。

Toggle/Yesの選択で出来上がりです。

Public URL:
https://my.spline.design/-44d01af7b05467b7a8c443da59428ff7/
ブラウザ上でアニメーションを確認することができます。
※「S」キーの選択で、回転し続けるアニメーションを追加しています。
※「A」キーの後に「S」キーを選択すると反応しますが、「S」キーを選択した後に「A」キーを選択してもアニメーションは、切り替わりません。

https://spline.design/
Splineとは:
ブラウザやアプリで、無料でも3D制作ができるサービスです。
Blenderなどの本格的な3Dソフトは、敷居が高いと感じたので、
初心者としては、Splineから始めてみました。

Kishioka Design

Kishioka Design

Graphic/Animation/Handcraftについて発信するブログ

関連記事

特集記事

TOP