前回の第13回 「モーションブラーと弾むアニメーション」 で、 ひとまずお題の表現はできた （第13回コード2⁠）⁠。マウスポインタの動きに合わせて、 つぎつぎにつくられるスプライトアニメーションのオブジェクトが落ちて弾み、 それらの残像に ...

株式会社ウェブテクノロジ(本社：東京都豊島区、代表取締役：小高輝真)は、ゲーム開発向け2Dスプライ トアニメーションデータ作成ツール『OPTPiX SpriteStudio』のVer.5.1.0を、無償アップデートにて公開 したことを発表いたします。 『OPTPiX SpriteStudio』はこれ ...

前回つくったマウスポインタに合わせて弾けるスプライトアニメーションに、 さらにふたつ表現を加えたい。第1は、 アニメーションの残像に、 落ちる動きのぼかしを加える。いわゆる 「モーションブラー」 だ。第2に、 ステージの下端まで落ちた ...

「スプライトアニメーションを作りたいけど、どうやって動きを表現すればいいか分からない」 「歩き、ジャンプ、攻撃などのアニメーションを作る方法を知りたい」 そんな経験はありませんか？スプライトアニメーションを作りたいけど、どうやって ...

株式会社ウェブテクノロジ(本社：東京都豊島区、代表取締役：小高 輝真)は、ゲーム開発向け2Dスプラ イトアニメーションデータ作成ツール『OPTPiX SpriteStudio(R)』がAdobe Flashに対応することを発表 いたします。 『OPTPiX SpriteStudio』はこれまでに、コンシューマ ...

何度もスプライトシートの設定をしていたので、いいスクリプトがないか探したのですが、なかったので作ってみました。 300円で販売してみました。いかがでしょうか。 下3つの画像はこのスクリプトで出力したもの Aseprite 自動スプライトシート生成 ...

Webサイトを楽しく見せることができるフレームアニメーション。SVG画像とCSS、JavaScriptで滑らかな動きを実現する方法、注意点を解説します。 デザイナーから、「今回のプロジェクトではフレームアニメーションを使いたいんだ。きれいに動くように実装し ...