Asepriteで作るドット絵アニメーション - おりんくうと学ぶ2Dゲー開発
この記事はドット絵 Advent Calendar 2017の12月8日分で寄稿させていただきました。adventar.org 今回は数あるドット絵制作用ツールの中でもアニメーション制作に特化したAsepriteを利用し実際にアニメーションを作るまでの過程を紹介します。Asepriteについてはアケルさんが打ち方講座を記事にしてくださっているので今回はその補完的な役割として考えてください。 qiita.com 今回使用しているAsepriteはv1.2.5-beta2のものです。Asepriteには興味ないけどアニメーションには興味あるよって人はアニメーションについての知識の項から読み始めてね。 目次 目次 Asepriteの基本部分 スプライトシートを作る 画面の見方 スプライトシート パレット プレビュー ツール タイムライン その他の機能 アニメーションについての知識 制作方法 逐次
「ぴこぴよ」：ドット絵ツイート支援ツール
ドット絵ツイート支援サービス「ぴこぴよ」 ドット絵をきれいに拡大縮小してツイッターに投稿できるサービスです。
object-fit・currentColor・will-change・image-renderingなどマイナーだけど便利過ぎるCSSプロパティの使い方
object-fit・currentColor・will-change・image-renderingなどマイナーだけど便利過ぎるCSSプロパティの使い方 作成：2016/11/14 更新：2016/11/15 Web制作 > object-fit・currentColor・will-change・image-renderingなど、結構マイナーだけど、実用的なCSSプロパティをピックアップしました。 エンジニア速報は Twitter の@commteで配信しています。 object-fitプロパティはボックスに合わせて、アスペクト比を維持したまま画像サイズを調整できます。 例えば600×300の画像をCSSで400×400で指定したとすると正方形に引き伸ばされます。この時アスペクト比は崩れてしまいます。 しかし、imgにobject-fit: contain;を追加すると、imgに指定し
8bitキャラクターを描画できるjQueryプラグイン「EightBit.js」:phpspot開発日誌
Jquery Eight-Bit Plugin 8bitキャラクターを描画できるjQueryプラグイン「EightBit.js」。 サイト上の描画ツールを使ってドット絵を描いて、そのドット絵を描画できるというもの。画像ではなくCSSなため、拡大してもうまい具合に８ビット感が出せます。 ボタンを押すと、グラフィックをコード化したものが出力されるのでそちらをデータとして描画できます なかなか面白い仕組みですが、画像の変換ツールなんかが出てきたら実用的ですかね 関連エントリ 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」 クールなドアノブ風の％グラフを描画できるjQuery Knob XMLを超見やすく折畳み表示できるjQueryプラグイン「XML Tree」 faviconをアニメーションさせたりテキストを付与できるjQueryプラグイン「jQuery Favicon
ドット絵講座
デザイン画を元にドットを起こして、ホームページ素材みたいなドット絵を 作っちゃおうって内容さ。 グレート！ なんだって、ジョニー、いきなりそんなの無理だよ！って？ ＨＡＨＡＨＡ！ この講座を読めば、誰だってできちゃうのサ！
16×16ピクセル箱ドットジェネレータ
ツイート どんどん宣伝してね！ このコンテンツを表示するにはFlashPlayerが必要です。 作った人：えいちぜろな（h071019） はてなハイク： Twitter： こちらの箱ドットジェネレータもよろしく。 *「箱ドット」はデザイン集団「NC帝國」がデザインしたペーパークラフト「グラフィグ」を元にした二次創作です。 ＜使い方＞ プルダウンメニューから各パーツを選択 ↓ 色を自由に変えられるパーツはメニューの右側にカラーピッカー（）が出るので、それをクリックして色を変更 （RGBの数値入力でも色を変更できます） ↓ 完成したら「画像を保存」ボタンを押して画像を保存 *16×16ピクセル、48×48ピクセル（3倍拡大）、64×64ピクセル（4倍拡大）の3種類のサイズで保存できます。 48×48ピクセルはTwitterアイコン、 64×64ピクセルははてなのアイコンとしてちょうどいいサイズ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tumblr
16x16