2013年12月8日日曜日

Androidで艦これ用ブラウザを作成する

艦これAdvent Calendar 2013 12/8のエントリーです。
提督の皆様こんにちは。今日もデイリーこなしているでしょうか?

私も毎日頑張ってますが、結構大変ですよね。特に私は「遠征」を10回成功させよう!がきついです。「遠征」を3回成功させよう!を達成後に出現するので結果13回遠征をする必要があります。

社会人提督の皆様は基本的に仕事が終わった後、帰宅してから艦これをすると思いますが、それから遠征を13回行うのは楽じゃないはずです。

なのでちょっとした時間にAndroidスマホから艦これができるようにしてみました。

準備


環境構築についてはこちらを参照してください。

Eclipseを起動して、[File]->[New]->[Android Application Project]を選択します。
アプリケーション名やAndroidバージョンなどを設定して、[Next]をクリックします。


今回はAndroid 4.0で作成します。(Android 2.3?知らない子ですね...)

あとはすべてデフォルト設定のままプロジェクトを作成します。

実装


・BrowserFragment.java
ブラウザ機能部分のクラスです。
package jp.lilylight.kancollebrowser;

import android.annotation.SuppressLint;
import android.net.Uri;
import android.os.Bundle;
import android.text.TextUtils;
import android.webkit.WebResourceResponse;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.webkit.WebViewFragment;

public class BrowserFragment extends WebViewFragment {

    @SuppressLint("SetJavaScriptEnabled")
    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);

        // Webブラウザの設定
        WebSettings settings = getWebView().getSettings();
        settings.setPluginState(WebSettings.PluginState.ON); // Flashを有効
        settings.setJavaScriptEnabled(true); // JavaScriptを有効
        settings.setUserAgentString("Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.95 Safari/537.36"); // UserAgentをPC用に変更

        getWebView().setWebViewClient(new BrowserClient());
        getWebView().loadUrl("http://www.dmm.com/netgame/social/-/gadgets/=/app_id=854854/"); // 艦これのURLを読み込み
    }

    private class BrowserClient extends WebViewClient {

        boolean mFlashIntercept = true;

        @Override
        public WebResourceResponse shouldInterceptRequest(final WebView view, final String url) {
            String fileName = Uri.parse(url).getLastPathSegment(); // URLからファイル名を取得

            // Flash全画面表示の処理
            if (mFlashIntercept && !TextUtils.isEmpty(fileName) && fileName.endsWith(".swf")) {
                mFlashIntercept = false;
                // URLの読み込みはUIスレッドで行う
                getActivity().runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        view.loadUrl(url);
                    }
                });
            }
            return super.shouldInterceptRequest(view, url);
        }

    }

}
Flashの全画面表示は、ページの中に拡張子がswfのファイルを見つけたらswfのファイルのみ読み込むことで実現してます。

・MainActivity.java
ブラウザを表示させる画面のクラスです。
package jp.lilylight.kancollebrowser;

import android.os.Bundle;
import android.app.Activity;
import android.app.AlertDialog;
import android.app.Dialog;
import android.app.DialogFragment;
import android.app.FragmentManager;
import android.content.DialogInterface;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        if (savedInstanceState != null) {
            return;
        }
        // 画面にブラウザを表示
        FragmentManager fm = getFragmentManager();
        if (fm.findFragmentById(android.R.id.content) == null) {
            BrowserFragment fragment = new BrowserFragment();
            fm.beginTransaction().add(android.R.id.content, fragment).commit();
        }
    }

    @Override
    public void onBackPressed() {
        new ExitDialog().show(getFragmentManager(), "exit"); // 終了ダイアログを表示
    }

    public static class ExitDialog extends DialogFragment {

        @Override
        public Dialog onCreateDialog(Bundle savedInstanceState) {
            return new AlertDialog.Builder(getActivity())
                    .setTitle(R.string.app_name)
                    .setMessage("これでFinish!?")
                    .setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
                        @Override
                        public void onClick(DialogInterface dialog, int which) {
                            getActivity().finish(); // アプリ終了
                        }
                    })
                    .setNeutralButton(android.R.string.cancel, null)
                    .create();
        }

    }

}
onBackPressed()はバックキーを押したときに呼ばれるメソッドです。通常の動作のまま画面を終了させると誤操作の可能性があるので、確認のダイアログを表示させるようにします。

・AndroidManifest.xml
Androidアプリの設定ファイルです。
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="jp.lilylight.kancollebrowser"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="14"
        android:targetSdkVersion="19" />

    <uses-permission android:name="android.permission.INTERNET" /> <!-- インターネット使用の許可 -->

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@android:style/Theme.Holo.Light.NoActionBar.Fullscreen" > <!-- フルスクリーン表示 -->
        <activity
            android:name="jp.lilylight.kancollebrowser.MainActivity"
            android:configChanges="keyboardHidden|orientation|screenSize"
            android:label="@string/app_name"
            android:screenOrientation="landscape" > <!-- 横画面表示 -->
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>
画面が再描画されるとゲームも再ロードされてしまうので、android:configChangesで再描画されるのを防ぎます。

実行


Flashの実行にはFlashPlayerが必要なのでこちらからダウンロード・インストールしてください。

アプリを起動すると最初はログイン画面が表示されると思うので、IDとパスワードを入力してログインすると...


ワーイヽ(゚∀゚)メ(゚∀゚)メ(゚∀゚)ノワーイ

まとめ


これでAndroidで艦これを動作させることができました。(AndroidのWebViewは4.0でFlashが非推奨となり、4.4では動作しなくなったため動かない端末もあります)

試すとわかりますが大抵の端末で重く感じると思います。PCゲームを動かそうとしてるので仕方ないけど、何とかならないものか...

そのほかにもタップがダブルタップ判定されるなどの問題があるので、そのあたりを改修したいです。

以上、艦これAdvent Calendar 2013 8日目のエントリーでした!