Unity で作ったゲームをはてなブログで公開する手順

Unityで作成したアプリをはてなブログで公開するまでの手順を書いておきます。実際にアプリを公開したページはこちら。

Step1. Unityのビルド

Step2. Google Driveへのアップロード

Step3. はてなブログにリンクを貼る

1. [Edit] - [Project Settings] - [Player] で Player Settings を開く

2. 左の地球のようなタブを選択し、Resolution and Presentation の Resolution にある解像度が適切か確認する

f:id:ninagreen:20150906105427p:plain

Webに貼るなら解像度を少し落としたほうが軽いかなと思い、元のゲームの解像度が 1136 x 640 基準なので、その半分の568 x 320 で設定しました。

3. [File] - [Build Setting] を開く

4. Platform で Web Player を選択し、Switch Platform を押す（既にWeb Player になっていればやる必要なし）

f:id:ninagreen:20150906111026p:plain

5. Buildボタンを押して、ビルド開始（適当なフォルダ名を付けて保存）

ビルドしたアプリの置き場所は DropBox でもいいようなのですが、無料で容量も多いGoogle Drive にしました。フォルダをアップロードしてウェブ上で一般公開を許可する設定に変更します。

1. 保存したフォルダごとGoogle Driveへアップロード

（Google DriveへのフォルダのアップロードはSafariではサポートされていないようなので、Google Chromeでアップロードする必要があります）

2. アップロード通知の共有リンクを選択

f:id:ninagreen:20150914023551p:plain

3. ダイアログの詳細設定リンクを選択

f:id:ninagreen:20150914023750p:plain

4. 非公開設定になっている箇所の変更リンクをクリック

f:id:ninagreen:20150914023952p:plain

5. ウェブ上で一般公開を選択して保存ボタンを押す

f:id:ninagreen:20150914024145p:plain

1. はてなブログの編集方式を HTML編集にする（上のタブをHTML編集にする）

2. 以下のようなタグをHTML編集に貼り付ける

補足1: src に書かれているのはGoogle Driveにアップロードしたhtmlファイルへのパスです。Google Drive上で、アップロードしたフォルダの中に入り、アドレスバーを見た際に、例えばこのようなURLになっていたとします。

この folders 以下の 0B6_aG-UOOpDlSmtNdU5iSHJacGs を"https://googledrive.com/host/" の後ろにくっつけて、最後にhtmlファイル名を記載すればhtmlファイルへのパスの出来上がりです。

補足2: widthとheightは Unity Web Player の幅と高さです。ゲームに合わせて調整してください。