Babylon.js v6.3.1 Practiceめも⑤　（失敗）ゲームチュートリアル実行

言い訳

前回からのつづきです。　Babylon.jsの本家サイトのリンクにゲームのサンプルコードとそのチュートリアルがあったのでそれを動かそうとしてみました。　結果、失敗です。。。　

　段階を踏んでプログラムを作成していくチュートリアルの途中のコードまでしか実行できませんでした。　なので、このnoteの最後のコードは機能していません（遷移の途中で止まってしまいます）。　

　Typescriptで作成されていたものをjavascriptだけで動かそうとしたのが悪かったのでしょうか？　 　失敗のコード達なのでサムネイル画像の表示も、コードの表示も基本なしにしています。　実際、コード内はテキトーインデントや、コメントアウトしまくって残ったままになっている大量のコードの残骸があります。　いつか再開するかも、の時のためにコードのリンクだけ残しておきます。　

　今回のコーディングによりClassの使用と、Scene遷移のロジックについての知見が深まった、というどこかのプロジェクトの失敗の言い訳みたいなの言っておきますw。

失敗コード達

Babylon.js v6.3.1 Practice#48 Create A Game Tutorial Series01

Babylon.js v6.3.1 Practice#48 Create A Game Tutorial Series01

Practice#48のコーディングで参考にさせていただいたチュートリアルサイトのページです。

Introduction To Creating Games | Babylon.js Documentation

Getting Set Up | Babylon.js Documentation

Babylon.js v6.3.1 Practice#49 Create A Game Tutorial Series02

Babylon.js v6.3.1 Practice#49 Create A Game Tutorial Series02

Practice#49のコーディングで参考にさせていただいたチュートリアルサイトのページです。

Setting Up A State Machine | Babylon.js Documentation

関連して参考にさせていただいたサンプルコードです。
BabylonJS / SummerFestival
https://github.com/BabylonJS/SummerFestival/blob/master/tutorial/stateMachine/sampleApp.ts

JavaScriptのクラスについて以下のサイトを参考にさせていただきました。

プライベートクラス機能

【JavaScript】 クラス定義でプライベートプロパティが使用できるようになったと聞いて確認してみた

JavaScriptでPrivateを試してみた

Babylon.js v6.3.1 Practice#50 Create A Game Tutorial Series03

Babylon.js v6.3.1 Practice#50 Create A Game Tutorial Series03

Practice#50のコーディングで参考にさせていただいたチュートリアルサイトのページです。

Simple Game State | Babylon.js Documentation

関連して参考にさせていただいたサンプルコードです。

SummerFestival/tutorial/simpleGameState/app.ts
https://github.com/BabylonJS/SummerFestival/blob/master/tutorial/simpleGameState/app.ts

SummerFestival/tutorial/simpleGameState/environment.ts
https://github.com/BabylonJS/SummerFestival/blob/master/tutorial/simpleGameState/environment.ts

SummerFestival/tutorial/simpleGameState/characterController.ts
https://github.com/BabylonJS/SummerFestival/blob/master/tutorial/simpleGameState/characterController.ts

JavaScriptのクラスについてはPractice#49と同じサイトを参考にさせていただきました。

Babylon.js v6.3.1 Practice#51 Create A Game Tutorial Series04

Babylon.js v6.3.1 Practice#51 Create A Game Tutorial Series04

Practice#51のコーディングで参考にさせていただいたチュートリアルサイトのページは上記Practice#50と同じです。

関連して参考にさせていただいたサンプルコードは上記Practice#50と同じです。

JavaScriptのクラスについてはPractice#49と同じサイトを参考にさせていただきました。

Babylon.js v6.3.1 Practice#52 Create A Game Tutorial Series05(failure)

Babylon.js v6.3.1 Practice#52 Create A Game Tutorial Series05(failure)

Practice#52のコーディングで参考にさせていただいたチュートリアルサイトのページは上記Practice#50と同じです。

関連して参考にさせていただいたサンプルコードは上記Practice#50と同じです。

JavaScriptのクラスについてはPractice#49と同じサイトを参考にさせていただきました。

次回

まとめ