『CSS3でつくるキャラアニメーション』

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして！ アメーバゲーム部門でディベロッパーをしております、なるげと申します。 現在、私は「ガールフレンド（仮）」チームに属していますが、前は「フレンダリアと魔法の指輪」というファンタジーRPGで、モンスターのアニメーションを担当していました。 ガールフレンド（仮）でも一部CSSアニメを使用してキャラクターを動かしています。 今回は、ガールフレンド（仮）に登場するガールを例に、キャラアニメの制作をご紹介したいと思います。 ガールフレンド（仮）とは 「ガールフレンド（仮）」とは、ユーザーが主人公となり、様々な女の子と出会っていく学園恋愛カードゲー

[fumix-hat]

これ、手打ちでアニメーションつけてたの？！！と思ったら自動化ツール作ったようで・・・そっちのほうを知りたいなあｗ

[manaten]

サンプルみたいのに鯖落ちしてる感・・・

[skyriser]

ここまでくるともはやセンスだね

[asuka0801]

ガールフレンド(仮)のCCS3アニメーション

[mainyaa]

CSSアニメーション書いてると、アニメーション作る作業はGUIが一番だよなぁとFlashの偉大さを思い出す。

[kick178]

やべぇ！！

[operationservicebu]

CSSはデザインだけと思っていたけど、アニメーションも出来たのか。すごいな。

[lenomick]

こっちが本家か。 >さっきのアニメーション

[roppara]

すげーな…

[hedeyoshi]

作り方はわかるけど実際作るとなるとそうとう面倒くさい部類のもの

[ruicc]

CSS、モナド案件なのでは

[torounit]

CSS3なのかまじか

[tasuku_i]

キャラアニメもCSS3で動かしたりしてるのねー

[nomaharu2013]

すごすぎる

[oinume]

なにこれめっちゃわかりやすいんだけど。

[okbm]

アニメーションすげぇな

[mzkzzz]

cssアニメーションだったのか・・ほへあ。自動化ください。

[yuchuke270]

面白いなーと思いつつ、自動化の方が気になるやんか・・・

[furakutaru]

ほげぇめんどくせぇｗ

[hamaco]

これすげーなー。良く作るなー。

[yamadar]

こんな動きを出せるのか。すごい実用的。今度作ってみたい。

[yoheiM]

成毛氏、良い記事だねー！

[ku_marin]

CSS3で動かしてたのかー。すごい

[pyujuger3]

参考

[poppun1940]

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCA

[ofsilvers]

“これらをイチから手作業でやるとなるととてつもなく大変ですが、実際にゲームで制作する際には、運用を考えて一部ツールで自動化していました。今回はフローのみに触れる形となってしまいましたが、また機会があれ

[travelllist]

【そのうち何かで実践する】これは動かせたら楽しそうだなー、画像を用意すれば、後は手慣れたテキストエディタだけで簡単にアニメーションが作れるんだ。

[glat_design]

あーこういうのめっちゃ好き懐かしい /

[egapool]

結構表現力高いことが出来るな〜

[nyanzou4649]

ぬるぬる動く！