とびだせどうぶつの森マイデザイン作成ツールつくってみた

  • 15
  • 0

今回は、とびだせどうぶつの森のマイデザイン作成ツールを作ってみました。

Android用のマイデザイン作成アプリがあるんですが、Android持ってない!!!!!
ということでやっつけ仕事で作ってみました。

とりあえずURLはこちらです。
http://app.nicofinder.net/tobimy

このドヤ顔のキリトさんを変換してみると
41 kirito_after.png
こんなかんじに変換されます。

Googleから拾ってきた写真では、
41 niko_after.png
色が多いので灰色になっていますが、15色しか使えないのでしょうがないですね。
減色のアルゴリズムを変えればうまく変換できるかもしれませんが、現時点で減色は頻度均等化法っぽい減色方法です。

▼その他のサンプル
anonymous-mydesign.pnghacyuneMiku-mydesign.pngakari-mydesign.pngnintendo-mydesign.pngmicrosoft-mydesign.pngyaruo-mydesign.png
oisisou41.jpgtabetai41.jpgapple41.jpgnicovideo41.jpgmonalisa41.jpeg
christfresco41.jpegshizue41.jpeg

素材其壱:Minecraftテクスチャ

ページの右側にあるサムネイル画像が3DS上のイメージです。地面などに貼ったときの状態を再現するためのアンチエイジングがかかっています。切り替えは可能です。

QRコードは、中を見るとヘッダ的なところにマイデザイン名、作者名、村名があり、その他はマイデザインのデータのようです。なんか他にもあるみたいですが詳しくは見ていません。
qrdecode.jpg ◀QRコードのなかみ
ヘッダ部分は念の為にぼかしておく、綺麗に分かれているので変な暗号化はしていないようです。でもこのままじゃ意味ないのでバイナリとかでいろいろ解析やらないといけないのですが、QRコードについては常に解析はされていてツールも公開されているのと、web上でQRコードを解析・生成するのは負荷がかかりいろいろと大変なのでたぶん機能の追加はしないと思う。サーバーサイド以外でやればいいんだけどね

カラーコードについてはこちらを参考にさせていただきました。

なにかあればコメント欄からどうぞ

追記(13/1/3):
描画処理をCanvasに変更しました。
HTML5のCanvasを使用しているため、一部のブラウザでは表示できません。
そのかわり複数のサイズに対応しています。ただし96×96までですそれ以上は、専用ソフトなどでやってください。画像処理は結構重いのでサーバーが落ちてしまいます。。。

Canvasに対応していないブラウザと、低スペで重い!という方のために昔のやつをClassic版として残しておきます。
また、URLを http://app.nicofinder.net/tobimori-mydesign から http://app.nicofinder.net/tobimy に短くしました。
対応状況についてはこちらを http://caniuse.com/#feat=canvas

追記(13/2/22):
パレットからの選択ができるようにしました。
比率維持の最大サイズが固定だったので指定できるようにしました。
各パレットの色番号 をまとめておきました。

追記(13/3/31):
サーバー移転の影響でサムネイルと画像が表示できなくなっています。
なぜか内部から一時ファイルへのアクセス出来ないので調査中です。
アクセスが多くなると表示できなくなってしまうのかも…?

モウダイジョブ

お知らせ(13/05/06):
これ置いてるところ nicofinder とはなんの関係もないので、
いつかドメイン移転とか、ついでにUI少し変更するかも…(゜_゜)?


追記(13/05/26):
ドメイン移転はしないことにしました。過疎ったらします。
結構負荷がかかっていたので、海外版発売に合わせて負荷軽減を兼ねての高速化・UI変更は近日中に…


追記:(13/05/29):
変更完了しました!
なにかあればコメントください。
動作しないなどはaboutから対応ブラウザを確認して下さい。
旧バージョンに慣れている方は、旧バージョン(ver2)をご利用ください。

更新内容:
96×96まで開放
顔出し看板のドット数を修正
32×32px以下の画像を変換すると真っ黒になる不具合を修正
png.gifの変換をすると真っ黒になる不具合を修正

自分が知っているツールを簡単に紹介します。(順不同)
ドット絵ナニカ
任意の画像範囲からマイデザインが作れて、QRコードも作れるみたいです
あさみしん
マイデザインからProまで作れてQRコードも作れるみたいです
ほげみしん
複数の減色処理がありQRコード専用です。
とびだせ どうぶつの森 マイデザインツール
Android用です。QRコードも作れるみたいです。
とびてし
マイデザインの色の場所を教えてくれます。
とびだせどうぶつの森のマイデザイン補助ツールをProcessingでつくる
Processingでつくってあり、処理が速そうです。
とびだせどうぶつの森 マイデザイン作成支援ツール(これ)
ポチポチ用
関連記事

コメント

    • 2012年12月31日 (月) 14:47:00
    • 返信

    管理人のみ閲覧できます

    このコメントは管理人のみ閲覧できます

    • Lon
    • 2012年12月31日 (月) 18:33:48
    • 返信

    >>1

    了解しました!
    処理が単一デザイン用なのと大晦日・お正月なので、時間かかるかもしれませぬ

    • 2013年01月05日 (土) 23:26:27
    • 返信

    管理人のみ閲覧できます

    このコメントは管理人のみ閲覧できます

    • 2013年02月09日 (土) 20:35:46
    • 返信

    管理人のみ閲覧できます

    このコメントは管理人のみ閲覧できます

    • hayun
    • 2013年02月12日 (火) 18:07:05
    • 返信

    >>3, >>4

    こちらこそありがとうございます!
    なにかあれば今後もよろしくです。

    • 2013年03月18日 (月) 01:47:55
    • 返信

    管理人のみ閲覧できます

    このコメントは管理人のみ閲覧できます

    • hayun
    • 2013年03月18日 (月) 02:05:42
    • 返信

    >>6

    ご迷惑をお掛けしてすいません。
    現在サーバーの移転中ですので「nicofinder.net」ドメイン内においてアクセスが不安定になっています。
    反映完了まで24時程度かかる場合があります。

    • 2013年03月18日 (月) 17:19:09
    • 返信

    管理人のみ閲覧できます

    このコメントは管理人のみ閲覧できます

    • 2013年03月20日 (水) 23:16:27
    • 返信

    管理人のみ閲覧できます

    このコメントは管理人のみ閲覧できます

    • hayun
    • 2013年03月20日 (水) 23:33:53
    • 返信

    >>9

    サーバーでエラーなどは出ていないので、おそらくブラウザが対応していないんだと思います。
    変換には、GoogleChromeやFirefoxなどのブラウザを推奨しています。

    ブラウザを変更できない場合は機能が制限されますが、Classic版をご使用ください。
    http://app.nicofinder.net/tobimy/classic

    • ゆき
    • 2013年05月05日 (日) 13:41:46
    • 返信

    水面の書き方!!

    • つぬぬ
    • 2013年05月12日 (日) 20:41:02
    • 返信

    ヤヤヤヤヤヤヤ

    • 2013年06月02日 (日) 21:03:58
    • 返信

    • いちご
    • 2013年06月02日 (日) 21:08:20
    • 返信

    作ってみました

    しずえを試しに作ってみましたv-14
    かなり難しかったですv-7
    一時間はかかりました
    とても頭がいたいです・・・。v-12

    • hayun
    • 2013年06月02日 (日) 21:23:01
    • 返信

    >>14

    おおーありがとうございます!
    結構疲れるので用法用量を守ってご利用くださいませ。ヾ(๑╹◡╹)ノ”

コメントの投稿


  • 最新記事
  • 人気記事

おすすめ

拍手