艦これホーム:素材集め編

このエントリーをはてなブックマークに追加  

艦これ、ほそぼそとやってます。
で、ホーム画面もちょっと作り始めたりしました。が、現在(特に理由もなく)止まっています。

130916-8
じゃーん。

とりあえずやったのは

  • ランダムで第六駆逐隊の面々(雷・電・暁・響)が登場
  • バッテリーが40%以下になると中破絵で登場
  • 時間に連動して窓の外の画像も変わる
  • 右下はバッテリー残量(あまり気に入ってない)

くらいですね。
連動したセリフを出すとか、まだまだできることはありますが、ここで止まっています。

ホーム画面を作り始めたのは、ゲームから画像とかをちゃんとした透過pngというか、元素材で抽出できたからです。それを配布とかはできませんが、やり方だけは書いておこうと思います。艦これだけじゃなくて、ほかのFlashベースのブラウザゲームでも多分同じようにできると思います。

※艦これ自体がPCゲームなので、このあとの手順もすべてPCです。スマホ関係ないです。

0.概要

ブラウザのキャッシュからswfファイルを取り出して、swfファイルから画像データを取り出します。
そういうことです。

1.ゲームする

まずはブラウザのキャッシュをクリアしてください。そして、その後で普通に艦これをプレイします。
私の場合は面倒なので普段使わないIEをコレのために起動しました。

130916-1
で、欲しい素材があるのなら、それを画面に表示します。
艦娘の画像が欲しい場合は、編成画面で呼び出してあげればOKです。多分。
※つまり、手に入ってない艦娘のデータを取り出すことは、この方法では(たぶん)できません。

1.キャッシュからswfファイルを取り出す

Getswfというフリーソフトを使います。これはIEやOperaのキャッシュファイルから画像やswfを保存できるソフトです。

Getswf (Vectorのページ)
130916-2
保存先フォルダを適当に指定し、「swfファイルを検索し指定したフォルダに保存(FLASH)」にチェックを入れます。

130916-3
で「検索」をクリックで保存されます。

130916-4
わーい、わけわからない文字列のswfファイルがたくさんだー。

2.swfファイルから画像を取り出す

今度はHugFlashというフリーソフトを使います。これはフラッシュファイルから音や画像を抽出することのできるソフトです。
HugFlash (Vectorのページ)

130916-5
とりあえず必要なのは画像だけなので「PICTURE」以外のチェックを外します。
保存先などは上の歯車アイコンから設定で行い、その下の検索っぽいボタンをクリックで抽出します。

130916-6
わーい、画像抽出、でっきましたー!

swfファイル1つずつ、このソフトで抽出します。
ファイル名の最後が「port」となっているのは母港画面ですね。そういうちょっと内容がわかるっぽいのもありますが、基本的にファイル名はよくわからない文字列です。
だいたいファイルサイズが300-500KB台くらいのファイルが艦娘の画像データです。

130916-7
響だよ。

これで素材は手に入るわけです。
が、艦これの画面って800×480なので、最近のスマホだと小さいです。というか横長なので、縦のホーム画面にはちょっと厳しいです。横画面が主な人とかタブレットならうまく使えるかもしれませんが…。ホーム画面に使うにはこの後もいろいろ画像編集が必要になりますね。

なぜか、やけにでかい人物画像もあるにはありますが…。

とりあえずこれで艦娘だけじゃなく、背景だとかフレームの画像データも手に入りますので、それを使ってのホーム画面はけっこう簡単にできると思います。
やりたい人は頑張ってください。

このエントリーをはてなブックマークに追加

25 comments

  1. ぷ・・・電ちゃん

    http://blog.livedoor.jp/hiroumauma/archives/1637086.html

    ↑こっちの方法のが良くないですか?
    この記事方法だと所持しているキャラクタ(キャッシュされている)以外の素材が取れないのです!

    保存後のデータ管理も直接持ってきたほうが優秀っぽい?

    • orefolder

      https://twitter.com/KanColle_STAFF/statuses/383539550842155008
      なんだかコレに引っかかりそうですが…。
      そのダウンローダの説明にも「サーバに大きな負荷をかける」と書かれているので、私は使いませんし人に薦めたくもないですね。

  2. hogehoge

    実は演習相手の艦娘一覧でも読み込みが発ss…おや、誰か来たようだ。

  3. mix

    なんとか出来ました
    しかし、サイズを合わせると他のモノが置けません
    記事のものはすべてGlaejaで設置したものなのですか?

    • orefolder

      テキストは確認用なので、無視して構いません。
      基本的に壁紙のほかはイメージレイヤーを何個も置いているだけです。

      • mix

        そうでしたか
        連動して台詞を出す方法はどのようにすればよろしいのでしょうか
        お忙しい中、頼ってばかりですみません

        • orefolder

          あとはもうGlaeja自体を学んでください。さすがにコメントだけで位置から全部教えるのは難しいです。
          ひと通りのことは作者サイトの解説を読めば、できるようになりますので。

          • mix

            申し訳ございませんでした。
            一から学んでみたいと思います。
            これからもブログたのしみにしています

  4. mix

    やってみましたがよくわからなかったです
    イメージで画像の名前を背景1と背景2にしているので#P#@p@40@p@>@x@背景.0@0/2/P@といれ、テキストの一番うえでおなじものをいれてみました。しかし何も起きませんでした。ウィジェットの大きさなどもかかわるのですか?
    わかりにくく、すみません

  5. mix

    たびたびすみません
    バッテリー残量で壁紙を変化させるのは
    どのようなことを行えばよいのですか?

    • orefolder

      壁紙というか画像のことだと思いますが、まずはGlaejaでイメージレイヤーを使います。
      それで、画像の指定を文字列で行います。
      #P#@p@40@p@>@x@kkk.0@0/2/P@
      とすると、バッテリーが41%以上だとkkk1.pngが、40%以下だとkkk0.pngが表示されます。

      #P#@p@40@p@>@x@kkk.0@0/2/P@
      これをテキストレイヤーで表示するとバッテリーが41%以上の時はkkk1、40%以下だとkkk0と表示されます。

  6. 虚音

    初めまして。自分もこの記事をみて作りたいと思って挑戦してみたのですが、どういうわけか手順2のswfファイル検索ができませんでした。記事通りのソフトを使い、同じようにチェックも入れたのですが、何度やってもswfファイルを見つけられませんでしたとなってしまいます。自分はPCに詳しくないので原因がさっぱり分かりません・・・なにか思い当たる原因や解決方法などございましたら、教えていただけないでしょうか?

    • orefolder

      1.の方でswfファイルを取り出すことはできましたか?
      2.でそのファイルを指定するのですが、その指定するダイアログが出てこないということでしょうか?

      • 虚音

        わかりづらい文面で失礼しました。1のGetswfで検索しても、「swfファイルが見つかりませんでした」となってしまう、ということです。

        • orefolder

          使っているブラウザによって設定は異なると思いますが、まず艦これを普通のブラウザでやっているか?キャッシュを削除する設定になっていないか?キャッシュフォルダを変更していないか?といったことをチェクするといいと思います。

          • 虚音

            アドバイスありがとうございました。おかげさまでなんとか読み込みに成功しました。

  7. まりも

    はじめまして。
    この記事をみて自分も艦これのホームを作ろうと挑戦しているのですが、
    「時間に連動して窓の外の画像も変わる」というのがうまくできません…
    これはどのように作成されたのでしょうか?

    • orefolder

      例えば窓の画像ファイル名を$HH$として指定し、夜のマド画像を19.png、20.png、21.pngのように複製して名前を変えていくとできます。
      もしくは$HH$@p@night2,night2,night2,morning1,morning1,morning1,morning,(略)@0/-1/m@と、それぞれの時間ごとに画像ファイルを指定してあげればOKです。

      • まりも

        なるほど…
        つまりこのホーム画面は「母港の壁紙」を壁紙にして、その上に窓の画像や上部分の装飾をglaejaで表示させている、ということでしょうか?

        • orefolder

          そうですね。フレームっぽいものも全部別の画像ファイルです。
          ただ、時間ごとに壁紙を変更するアプリも幾つかあるので、それらを使ってもいいと思いますよ。

          • まりも

            なんとか再現することに成功いたしました。
            ご教授ありがとうございました!

            ついでですが、このホームに使用しているホームアプリは何でしょうか?

          • orefolder

            これはNova Launcherですね。

  8. ななしさん

    これ見て作ろうとおもったのですが下のバーってどこに入ってますか?
    それだけ見つからなくて困ってます
    サイズとかバイト数でいいので教えていただけないでしょうか

    • orefolder

      ファイル名の最後がportになっているのです。
      パッと見が、画面に見えているのとちょっと違うのでわかりにくいかもしれません。
      元画像は時計部分を囲うように丸くなっています。

  9. TKGHatebuReaderより

Leave a comment