AnimateCC

クリエイター(絵描き)のサイト制作に活用したWebアニメーションの覚書[4] AnimateCC編(2)

眠リ知レズ 夜々 オフィシャルサイト』の制作方法の解説記事も今回でいったん最終回となります。
今回はAnimateCCでの制作の後編として主にAnimateCCで出力したHTML5CanvasのCreateJSでのアニメーション制御方法について説明してきます。

Spineで制作したアニメーションデータの取り込み方法等は前回の記事で解説していますので、そちらをご覧ください。

続きを読む

クリエイター(絵描き)のサイト制作に活用したWebアニメーションの覚書[3] AnimateCC編(1)

全てをSpineで動かそうと思うと画像容量が膨大になってしまい、Webには適さないのでメインのキャラクターの動きのみSpineでしっかり作りこみ、背景や周りの生物・装飾物はAnimateCCで動かしています。
動きはタイムラインでつけてしまうと制御がしづらいイメージがあったため、基本的にCreateJSで実装しています。

AnimateCCでの制作は、まず以下のように取り込む画像データ(PSD)の整理してから、AnimateCCにインポートして制作しています。

続きを読む