Tonyu System 2であほげーを作ろう - その5 ゲームを公開する

## 記事一覧

[第1回 設定とタイトル](https://qiita.com/hoge1e3/items/388bdb47f3d56ed0789f)
[第2回 メイン画面](https://qiita.com/hoge1e3/items/1a471a00b38576430f7e)
[第3回 ターゲットと敵と](https://qiita.com/hoge1e3/items/c5d8379db1304a2897fd/)
[第4回 スコア・時間など](https://qiita.com/hoge1e3/items/e2ab8fbe03469e933022)
[第5回 ゲームを公開する](https://qiita.com/hoge1e3/items/f7bd844fd9743073190e)
[第6回 Twitterにスコアを投稿](https://qiita.com/hoge1e3/items/821e5dd1f163d3d9f3c3/)
[第7回 サウンド関係](https://qiita.com/hoge1e3/items/a5b1726f6c95bbb4e852)
[第8回 物理エンジンなど](https://qiita.com/hoge1e3/items/b2a0df1d5aaba773310f)


## はじめに

気が付いたら，[あほげー](http://ahoge.info)まで2週間を切ってしまいました！大急ぎでこの連載も完成させなければ！ということで，今回は作ったゲームを公開する方法を紹介いたします．

あほげーで作品をエントリーするには，作品をどこかのWebサーバにアップロードして，URLを登録する必要があります．

Tonyu2 で作成したゲームはWebでプラグインなしで公開できます．手持ちの環境やゲームの規模により，いくつかの選択肢がありますので順に紹介していきます．

- 自分のWebサーバにアップロード
- JS共有サイトにアップロード
- 「プロジェクトボード」にアップロード

## 自分のWebサイトにアップロード

自分でWebサーバ（レンタルサーバ含む）をお持ちであれば，そこにアップロードしていただくこともできます．ゲームは静的なHTMLとJSだけで構成されますので，どのWebサーバでも問題なく動作します．

まず，[開発環境を開き](https://edit.tonyu.jp/index.html?fromPrjB=ahgtmpl0.05.zip)，公開したいプロジェクトを開きます．

メニューの「公開」→「ランタイム作成」を選び，

<img width="423" alt="スクリーンショット 2018-07-01 21.20.10 - コピー.png" src="https://qiita-image-store.s3.amazonaws.com/0/127248/003eee76-ac12-37e0-a521-44ab0b088041.png">

「ZIP圧縮したものを保存する」を選び，「作成」を押します．

<img width="557" alt="スクリーンショット 2018-07-01 21.20.10.png" src="https://qiita-image-store.s3.amazonaws.com/0/127248/74d9fc77-9990-58ce-1fcf-029754aa56e8.png">

ZIPファイルがダウンロードされますので，解凍して，お手持ちのWebサーバにアップロードしてください．

## JS共有サイトにアップロード

[jsdo.it](http://jsdo.it)などの，JavaScriptを投稿，共有するサイトにアップロードすることもできます．もっとも手軽ですが，大きな画像や音声がある場合は重くなる場合があります．

メニューの「公開」→「HTML生成」を選び，表示されるHTMLを，JS共有サイトの「HTML」の欄に貼り付けてください．

<img width="543" alt="スクリーンショット 2018-07-01 21.31.18.png" src="https://qiita-image-store.s3.amazonaws.com/0/127248/1defb98d-2f72-c7b3-3e39-c02b975bb05a.png">

## プロジェクトボードにアップロード

Tonyuで作成したプログラムをアップロードするサイト「[プロジェクトボード](https://www.tonyu.jp/project/)」を用意しています．開発環境から簡単にアップロードできます．

メニューの「公開」→「ランタイム作成」を選び，

<img width="423" alt="スクリーンショット 2018-07-01 21.20.10 - コピー.png" src="https://qiita-image-store.s3.amazonaws.com/0/127248/003eee76-ac12-37e0-a521-44ab0b088041.png">

「プロジェクトボードにアップロードする」を選び，「作成」を押します．

<img width="551" alt="スクリーンショット 2018-07-01 21.39.46.png" src="https://qiita-image-store.s3.amazonaws.com/0/127248/42ca07ca-97ae-90b1-9832-e66adb7d5b75.png">

「作成」を押したあと，ダイアログが出るので「新規バージョンページ」を選択して開いてください．

<img width="263" alt="スクリーンショット 2018-07-01 21.26.00.png" src="https://qiita-image-store.s3.amazonaws.com/0/127248/cf60d10f-769d-2d8a-224c-eb3eaecb2628.png">

最初にログインが求められますので，ログインしてください．ユーザ登録を行っていない方は，ユーザ登録を行ってください（GoogleかTwitterのアカウントがあると素早くログインできます）

ログインが終わると，アップロードするプロジェクトを選択する画面が出てきます．初めてアップロードする場合は一番上の「プロジェクトを新規作成してアップロード」を選びます．

<img width="567" alt="スクリーンショット 2018-07-01 21.45.29.png" src="https://qiita-image-store.s3.amazonaws.com/0/127248/e053f18c-b463-034b-a734-fc3400d0a58f.png">

必要事項を記入して，アップロードを完了させると，「Webアプリ配布」アイコンが出ますので，選択してください．

<img width="353" alt="スクリーンショット 2018-07-02 16.43.41.png" src="https://qiita-image-store.s3.amazonaws.com/0/127248/e4e19d15-7dcf-ef8f-7fc6-1747db74936a.png">

アップロードが完了すると，プロジェクトのトップに，「Webブラウザで実行」アイコンが出るようになります．これでブラウザから遊んでもらう準備は完了です．

<img width="311" alt="スクリーンショット 2018-07-02 17.14.51.png" src="https://qiita-image-store.s3.amazonaws.com/0/127248/4a270247-a064-cd03-a31a-f8f05f5953ee.png">

次：[第6回 Twitterにスコアを投稿](https://qiita.com/hoge1e3/items/821e5dd1f163d3d9f3c3/)

.