[Unity] 自作webゲームをGitHubを使って無料でアップロード

ここでは例として自分で作った神経衰弱ゲームをwebにアップロードした過程を追っていきます。

 GitHubというサービスを利用させていただくことで、自前でサーバを持っていない人も無料でゲームをアップロードできます。 （https://qiita.com/kenta71/items/c32760e1cc2ba01e8f9a を参考にさせていただきました。） アカウントを持っていない人は、適当なID、メールアドレス、パスワードを入力して登録してください。下のような画面は、無料の場合は「for free」の方にチェックが付いていることを確認して、そのまま「Continue」で大丈夫です。

  

メールアドレスの認証も済ませたら、new repository（またはstart〜）から、適当な名前でレポジトリを作成します。

 

 上の図で「Create repository」を押したら、下の図の左上にある「Set up in Desktop」をクリック。

 

 GitHubが初めての場合、

    

この図のように、デスクトップアプリケーションのダウンロードを求められるので、ダウンロードしてzipを解凍（普通にクリックすれば通常は勝手に展開してくれます）。デスクトップアプリケーションを開くと、まずサインアップを求められるので、先ほど登録したIDとパスワードでログインします。さらに、公開情報としてニックネームとアドレスの記入を求められるので、見られても良いものを記入。

  

最後に、匿名でGitHubに情報を提供してくれませんか？というお決まりのメッセージが出るので、これは個人の好みで。

   

 そしたら、再び「Create New Repository」から、適当な名前でレポジトリ（webにアップするフォルダに対応させるために、今使っているパソコンの中に作るフォルダ）を作成します（初めての方はメールアドレス認証後に入力した名前と同じもので大丈夫です）。ここで変えるのは「Name」だけでok。
そして、のマークをクリックし、「New」ボタン→「gh-pages」という名前で新しくブランチ（枝。サブフォルダのような意味）を作成します。
 次に、Unityのメニューバーから「File」→「Build Settings」で、WebGLを選択して「Build」します。このWebGLのビルドですが、PC用などに比べ結構時間かかります。今回は10分くらいでした。辛抱強く待ちましょう。すると、Build時に指定した名前のフォルダができます（この中に、「index.html」と二つのフォルダが入っているはず）。このフォルダの中身（「index.html」と二つのフォルダ）を、先ほどGitHubデスクトップで作ったレポジトリの中に入れる（レポジトリの位置がわからなくなった場合、macの場合は、メニューバー「Repository」→「Show in Finder」が操作しやすいです）。

  

「G」を回転したようなマークのところに適当な名前を入れて、「Commit to gh-pages」をクリック。すると、ファイルが全部消える代わりに、そのボタンの下に「Commited just now」と小さく名前が出ます。そうしたら、「Publish repository」という雲＋矢印のアップロードのマークのところを押して、

  

プライベートコードは有料オプションのため、上の図のKeep this code privateのチェックを外して（でないと"Please upgrade your plan to create a new private repository."とエラーが出ます。）「Publish Repository」します。 WebのGitHubに移って、下のようにアップされていることを確認します。

  

ちなみに、レポジトリを消すには、そのレポジトリのSettingsタブから、下の方にある「Delete this repository」をクリックして、そのレポジトリの名前を入力します。 さて、これでゲームがWeb上に公開されました。URLに http://"GitHubアカウント名".github.io/"レポジトリ名"/ と入力すれば、見ることができます。 今回作ったゲームはこちら。音が出ますのでご注意ください。 https://magicalgame.github.io/WebGames/ 
ちょっとロード時間が長いのがネックですね。数分くらいかかることがあります。
あと日本語表示されなかったりいろいろずれていたりアレですが初心者がやるとまずはこんな感じになります。ということで。 


 ちなみに、ブログなどのWebページに埋め込みたいという場合にはこちらのページが参考になります。  
ただ、このブログを始め、フォルダのアップロード手続きができないもしくは面倒な環境では、GitHubを利用するのが良さそうです。

コメント

コメントを投稿

このブログの人気の投稿

旧バージョンのiMovieを入れる方法

イメージ
iMovie ver 10って、テキストのフェードインフェードアウトが調整できないんですよね。 ver 9にしたいなあ。 と思ったら、なかなかダウングレードする方法が見つからない。 最終的に、以下の方法でうまくいきました。 （環境：mac OS X El Capitan 10.11.6） １、アップル公式サイトからupgradeのためのpkgファイルをダウンロード 私の時はURLは https://support.apple.com/en_US/downloads/imovie でした。 飛べない場合は公式サイトに一旦行ってから、imovieで検索すると良いかもしれません。 ２、デスクトップなどに「iMovie」というフォルダを作る（右クリックから新規フォルダで作れます） ３、「ターミナル」アプリを開く ４、ターミナルで「pkgutil --expand」と打った後、半角スペースを空けて、１でDLしたpkgをドラッグ＆ドロップ。さらに、２で作ったiMovieフォルダも続けてドラッグ＆ドロップし、間を空けずに続きに「/iMovie」と書き込んで、enterキーを押して実行する（数分かかります） ５、２のiMovieフォルダの中にさらにiMovieフォルダができ、その中に 「Distribution」 「iMovie***Update.pkg」 「Resources」 ができます。 ６、５でできたpkgを、そのまま開くのではなく、右クリックして「パッケージの内容を表示」します。 「PackageInfo」 「Payload」 「Scripts」 などがあるはず。 ---------------------------スポンサー--------------------------- -------------------------------------------------------------------- ７、「Payload」を「Payload.zip」にリネーム（拡張子変更）します。できたらダブルクリックなどでzipを解凍（数分かかります）。 解凍に成功した場合、「Payload 2」というフォルダができます。 （解凍に成功しなかった場合も、ゴミ箱に移して完全に消去した後再度試してみてください。） ８、「Payload 2」の中には 「Applicat
続きを読む

TWRP公式サポートされてないAndroid端末でシステムインストールした話

イメージ
TWRPはandroidのroot化に関連して注目されることが多いですね。 公式サポートされてないだけで地獄と化すことを私は知りませんでした。 以下は丸４日に渡る私の悪戦苦闘の記録です。あくまで参考程度に、このような操作は自己責任で行ってください。 （バックアップはあらかじめ取っておこう。特にブートローダーをアンロックしてない場合は初期化不可避。） ---------------------------スポンサー--------------------------- -------------------------------------------------------------------- ちなみに私が今回使用したのはASUS Zenfone Live (L1)。新品でも１万円代で、とても良い仕事をしてくれるけれど、TWRP公式サポートしてない機種です。 システムインストールは、要するにユーザーアプリを/system以下に入れれば良い（システムをいじって動かなくしてしまったりセキュリティ上信頼できないアプリを入れるのを防ぐため、普段はロックがかかっています）から、流れとしては、 １、PCに adb・fastboot を導入しておく （リンク先はwindows用。macの場合android studioアプリをインストールし、パスをターミナルアプリのコマンドラインから export PATH=$PATH:/Users/<自分のユーザー名のフォルダ>/Library/Android/sdk/platform-tools することでadbが入る） ２、ブートローダーのアンロック ３、TWRPをrecoveryへ焼く（ちなみにTWRPの言語は設定から変更可能） ４、TWRPファイルマネージャーで/system以下へのファイル移動 の、つもりだった。実際どうだったかは以下の通り。 １、そのまま。DLしてきてディレクトリにパスを通す。検索すれば良い解説ページがたくさんある。 ２、 まずブートローダーのアンロックは避けられなかったです。 非公式の方法だとアンロック解除できる方法もあるらしいけど、自分は公式の方で行く。なぜなら変ないじり方されないだろうし安心だから。まあ当然サポートは切れるけど。 ASUS
続きを読む

[UTAU] Garagebandで作ったボーカルメロディーをUTAUに読ませる

イメージ
UTAUにはメロディーとしてMIDIデータを読み込む機能がありますが、GaragebandそのものにはMIDIを吐き出す機能がありません。 以下の手順でMIDIに変換します。 ---------------------------スポンサー--------------------------- -------------------------------------------------------------------- （リージョンが飛んでいる場合）Garagebandのボーカルのトラックを選択して、編集＞リージョンを結合 ファイル＞リージョンをループライブラリに追加 → .aifファイルが、多分$HOME/Library/Audio/Apple\ Loops/User\ Loops/SingleFiles/らへんに吐き出される。 ターミナル（mac標準の黒いアイコンのコマンドアプリ）で open $HOME/Library/Audio/Apple\ Loops/User\ Loops/SingleFiles/とするとFinderで表示される。 GB2MIDIというフリーツールをダウンロードして開き、「run」もしくは「実行」をクリックし、さきほどの.aifファイルを投入   .midファイルができる（.aifと基本同じ場所）ので、UTAUからファイル＞インポートで読み込む  注：インポート後、一部の音がうまく読み込まれず消える場合があります。Garagebandの時点で音が重なっていたり、短すぎたりすると起こるような気がします。
続きを読む