MANA-DOT

PIXEL ART, PROGRAMING, ETC.

ドット絵

2023年のskeb活動まとめ

2023年は、Skeb活動の方針 - MANA-DOT を書き、skeb活動の方針を明確にするとともに活動再開をしました。幸いなことに何件かリクエストを頂けたので、2023年の活動まとめとしてこのエントリを書きます。 https://skeb.jp/@manaten 2023年9月 SNSアイコン向け…

JavaScriptを使ったアニメーションgifの切り出しと拡大

自分の場合ドット絵のちびキャラを複数バリエーション書くとき、以下の画像のようにバリエーションを縦に並べて書いていく事が多いです(画像はskebでリクエストを頂いたナマズさんです)。 このような形式で描き、画像をバリエーションずつに分割し更にSNSア…

Skeb活動の方針

※ 2024年1月現在、作業速度 > リクエスト数となっているため、作業中はリクエストをクローズさせていただいています。溜まっている作業が解消するごとに再開していますので、ご了承ください。 skeb( https://skeb.jp/@manaten )を利用開始だけして放置してい…

一番星はてのちゃんのドット絵を描きました

AIはてなブックマーカーの一番星はてのちゃんです。 かわいい。 firststar-hateno.hatenablog.com 普段あまりファンアート的なのは描かないんですが、はてのちゃんは謎の応援したい補正が高いと思うんです。なぜでしょうね? AIが頑張って機能追加しながら人…

City witch

トップ絵を変えたくて打った。 魔女+愉快なしもべ+渋谷みたいなのを描きたかった。ビル街が難しすぎた。

ドット絵のパレットその他を表示するJSをGruntやbrowserifyで作りなおしてみた

結構前に作ったブラウザでドット絵のパレットその他を表示するライブラリをGrunt / CoffeeScript / browserify / compass といったモダンなツールでビルドするように作りなおしてみました。また、新しくリポジトリを切り直して公開しました。

ドット絵Webフォントをいろいろ作ってみた

この記事は前々回と前回の記事の続きです。 ドット絵から手軽にWebフォントを作れるようになったので、フォントを幾つか作ってみました。

ドット絵からsvgフォントを作るプログラムを書いたよ

前回作った、ドット絵からsvgを作るプログラムでは、文字を1つずつsvgとして出力するため、IcoMoonAppでWebフォントにする作業が大変でした。 なので、プログラムを回収してsvgフォントの形式でまとめた状態で出力するようにしてみました。(ソースコード)

ドット絵のWebフォントをつくってみたよ

なにやらWebフォントという言葉をよく聞くようになりました。 僕も試してみたかったので、ドット絵のWebフォントを作ってみました。

加速度センサーでパララックス効果

以前 から、このサイトのトップ絵をパララックス効果でマウスでグリグリ動くようにしていますが、 この記事で紹介されているパララックスライブラリが、スマホの場合加速度センサで傾きを使ってアニメーションさせるというもので、面白そうだったのでやって…

ドット絵でパララックス効果

トップページ でトップ絵に採用してみましたが、ドット絵で パララックス効果 をやってみました。

JSでドット絵にTIPを表示するライブラリを作った

先日作ったJSでパレットを読み出すPixelUtil に、画像のjQueryオブジェクトを引数で渡すとTipを表示してくれるcreateTip関数を追加しました。 引き続き、Githubにて公開しています。 Firefoxで完全に動き、Chromeだと拡大時に縁がボケ、IEだとパレットがバグ…

ドット絵にマウスオーバーでパレットを表示するようにしてみた

昨日の記事の使用例として、ここのギャラリーでドット絵にマウスオーバーするとパレットを表示するようにしてみました。

JavaScriptで画像のパレット他を読み出すコードを書いた

Githubにて公開しています。 256色Png、普通のGifと簡単なアニメーションGifに対応しているつもり。IEでは動きません。 改変・使用は自由ですが、バグがあったら教えて欲しいです。

アリス

今年全然打ってないなーと思い立ったので打った。 アリスは特別好きなキャラではないけど、こういうかっこいい目のポーズも似合うから描いてて楽しい。 Wordpressに移行してから、初めてのドット絵だけど以前のドット絵との整合どうしようかな。 主にギャラ…