Skip to content

igakilab/crab-music

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 

Repository files navigation

crab-music

SetUpManual

Download - Unity (unity3d.com)から最新版のUnity hubをダウンロードする

bandicam 2021-12-09 14-57-14-076

Unity Hubからインストールの項目を選び、Unity 2020.3.16f1をインストールする

bandicam 2021-12-09 14-59-29-807

この際、Unityバージョンを加える画面にてWebGL Build Supportにチェックを入れる

bandicam 2021-12-09 15-03-13-344

CodeからDownload Zipをクリックしてcrab-music-main.zipをダウンロードし、任意の場所に展開する

Unity Hubのプロジェクトの項目からリストに追加をクリックして、展開したフォルダの中に入っているCrab musicフォルダを選択する。

bandicam 2021-12-09 15-03-46-324 bandicam 2021-12-09 15-06-09-141 bandicam 2021-12-09 15-04-16-244

Unityの編集画面が出たらEdit内にあるProject Settingを選びその中のPlayer内にあるPublishing Settingを選び、その中のCompression FormatをDisabledに設定する。

bandicam 2021-12-09 15-13-11-034

FileからBuild Settingsを開いて、TitleScene,CountDown,GameScene,GameOverの四つをScene In Build内に追加してチェック欄にチェックマークを付けてからWeb GLの項目からBuild And Runをクリックする。

※Scene In Build内に追加するには TitleScene.unity, CountDown.unity,GameScene.unity,GameOver.unityの4つのファイルを起動しておいてからAdd Open Scenesをクリックすれば追加される

bandicam 2021-12-09 15-13-57-924

Web GLのビルドファイルを展開するフォルダを求められるので、以下の条件を満たす任意のフォルダを選択する

1.ゲーム本体の入っているフォルダ(Crab music)の中に存在するフォルダではない

2.フォルダのpassのどこかに全角文字が含まれない

展開できれば下図のようなファイルが追加される(この図では別のリポジトリにビルドファイルを展開している)

スクリーンショット (49)

Netlify(https://app.netlify.com/) にアクセスする

ここからはNetlifyの初期設定してない人向け

1 アクセスしたらGitHubをクリックする

2 GitHubアカウントとpasswordを入力する

3 Create a new teamの画面が出たらEnterpriseを選択する

4 あとは空欄に記入してGet in touchをクリックする

5 1~4が完了すれば下図のような画面が出るはず(Sites内は人によって異なる)

スクリーンショット (45)

アクセス出来たらSites内の「New site from Git」をクリック

次にGitHubをクリック スクリーンショット (44)

ビルドしたCRAB MUSICがあるアカウント、リポジトリを選択。 選択したらDeploy siteを選択する(ほかの項目は触らなくてよい)。

下図のような画面が出たらその中にあるリンクをクリックするとWebGLにゲームがアップロードされていることが確認できる。 スクリーンショット (48)


UserManual

ゲーム内容

カニを左右に動かし、音楽に合わせて落ちてくる音符をキャッチするゲームです。 タイミングよく音符をキャッチするとスコアが獲得でき、演奏終了時に最終スコアが表示される。

動作環境

PCのみ

必要なもの

マウス,キーボード 対応ブラウザ(Google Chrome, Firefox)

ゲームの始め方・操作方法

タイトル画面が表示されたら左クリックをしてください。するとカウントダウンの後にゲームがスタートします。演奏中は左右の矢印キーでカニが移動し、判定枠に音符が重なったときにスペースキーを押すことで音符をキャッチでき、スコアが獲得できます。 演奏が終了したときに最終スコアが表示され、左クリックでタイトル画面に戻る。

注意事項

演奏終了してタイトルに戻って始めてもスコアがリセットされないため,もう一度するときはブラウザを再起動(F5)させてください。