Flutter/Flameチュートリアルのエンバークエストをやってみる
ken1flanこういうのをやりたかったんだー！横スクロールアドベンチャー！
ken1flanHUDって初めて聞きました。
ヘッドアップディスプレイはゲームプレイ画面にオーバーレイで表示しているスコアとかステータスとかを表示してるヤツのことみたい。
ken1flanアセットの登録
ken1flan動いたw
かわいいな。。。
ken1flan動き回れる世界を作るっぽい…。
ken1flanセグメントという言葉が使われていましたが、これが1画面内のオブジェクトの配置を表しているものみたい。ゲーム開発用語なんですかねえ。
少しどこのコードをいじっているのかわかりにくかったので、githubのコードを直接参考にしながらやりました。
結構長かったですが、無事に表示できてよかったです…！
ken1flan
他のも表示していこう、みたい。
画面的にはドラマチックになっていって、たのしいところかも。
ken1flanonLoad時にaddで効果を足していく感じなんですね。
サイズエフェクトでドクドクしてるように見せてます。
（gif化したらループの接続がヘン、ごめん…。）
ken1flanMoveEffectでうろうろも表現できるのか…。
インベーダーとか、作れそうw
ken1flan今までと同じ方法で地面を表示してます。 ここで一旦保存してから次に行きます。
ken1flan次の画面の読み込みのところまでやりました。
よく見ると敵の下がなんか空いていますね…見直さないと…。
ken1flanソースを見比べてみたら、↓が違いました。なんか意図があってそうなってたのかな…。
ken1flan次は…動き…！！
ken1flanゲームらしくなってきた…！
ken1flan床との衝突とジャンプの追加。
最初、オブジェクト同士の中間点の計算式を間違えて、床をすり抜けてました。
ken1flanおお…それっぽいそれっぽい…！
ken1flanスクロールを追加。
あれ、敵がついてくる……。
どっか指示を読み飛ばしたかな><
ken1flan直った…！
water_enemyのupdateがonLoadの関数内関数になってた><
ken1flan次はHUD、点数表示とかライフとか…！
ken1flanHUDの表示…！
HUD用のコンポーネントをFlameは特別に用意してないみたい。
表示位置を設定できるPositionComponentで、スマホに表示される場所に固定してる感じ。
positionType = PositionType.viewport;
PositionType.widgetを選べば、ゲームのスクロールにあわせて流れる、ヘルプっぽい表示もできそう？
なんとなく気に留めておこ。
ken1flanHUDの更新。
敵に当たるとハートが減ったり、星を取るとスコアが増えたり…。
ken1flanメニューの追加。
ken1flanメインメニューの追加。
普通のFlutterのWidgetで作ってますね…。
ken1flanメニューを追加して、チュートリアルおしまい！
音楽とか効果音はないので、ここから自分で探して追加する感じかなぁ。
あと、せっかくなので、スマホに入れて誰かに見せたいので、タップでコントロールできるようにしたい…。
ken1flanemberの手足のないカタマリ的な姿は、チュートリアルにピッタリだったんですね。
手足があったら状態がいっぱいあって、コードがめっちゃ複雑になってたもん…。
- 立っている
- 息を吸う
- 息を吐く
- 歩いている
- 右足前
- 足真ん中
- 左足前
- ジャンプしている
ken1flanこのあとやりたいこと
- SE
- BGM
- プレイヤーキャラクターの交換（立つ、走る、ジャンプなどの状態を持つもの）
- 終了時のスコア表示
ken1flan雑にタスクを挙げたので、いったんクローズしちゃおうかなー。