Flameを使ってゲームを作ろう

Transcript

1. F L A M E を 使 っ て F L A M E を 使 っ て ゲ ー ム を 作 ろ う ゲ ー ム を 作 ろ う ( G G C で 作 成 し た ゲ ー ム 解 説 ) ( G G C で 作 成 し た ゲ ー ム 解 説 ) KAZUKI KIMURA KAZUKI KIMURA
2. 自 己 紹 介 1 . ゲ ー ム 紹 介 2 . コ ー ド 解 説 3 . ハ ッ カ ソ ン に 参 加 し て み て 4 . ア ジ ェ ン ダ
3. 自 己 紹 介 自 己 紹 介 01 01
4. 01 01 K A Z U K I / 風 呂 ッ グ @ f l o g f u l o f u l o モバイルアプリエンジニア Android歴1年 iOS歴2年 Fl utter歴4年 Fl utter大学 @times_kazuki 自 己 紹 介
5. G l o b a l G a m e r s C h a l l e n g e の 日 本 語 部 門 で 1 位 を 受 賞 今年の1月ごろから開催されたハッカソンに Fl utter大学の みやジックと二人で参加 賞金の7500ドルを山分けし、Appl e Vi si on Pro購入 G G C で 優 勝 01 01
6. ゲーム紹介 ゲーム紹介 02 02
7. ゲーム紹介 ウミガメが画面端から飛んでくるゴミを避けるゲームです 02 02
8. ゲーム紹介 登場人物(オブジェクト) 02 02
9. コード解説 コード解説 開発の進め方 03 03
10. チュートリアル https: //codel abs. devel opers. googl e. com/codel abs/fl utter-fl ame-brick-breaker#0 FLAME 公式ドキュメント https: //docs. fl ame-engi ne. org/l atest/i ndex. html 網羅している訳ではないが、日本語に翻訳してくれてる神サイト https: //fl ame. tnantoka. com/ Fl utter の Fl ame に入門する https: //www. memory-l overs. bl og/entry/2024/01/30/160549 コ ー ド 解 説 ま ず は じ め に 03 03
11. Fl ame メリット ・衝突判定が簡単にできるようになります ・スプライト実装も簡単 デメリット ・案件で使用することはあまりないかもしれません コ ー ド 解 説 ※Hot Rel oadが効きません ガイドラインもDev Tool sで表示することができません
12. 衝突判定の何がいいのか 以下の計算を代わりにやってくれます ヒットボックス同士が接触する計算 ヒットボックスが正方形ではなく様々な場合の計算 斜めに動いた時や回転、大きさが変わる際の計算 コ ー ド 解 説 px単位のフレーム更新は頑張ればできそうだけど パフォーマンスも考慮しながら自分で実装するのは難易度が高い
13. GameWi dget Game インスタンス をFl utterの Wi dget treeに描画するためのクラス Wi dgetなので配置は自由 コ ー ド 解 説 Overl ayBui l derMap 画面の上に重ねるUI を設定
14. Worl d Component等ゲームに存在する要素 を保持しているルートComponent Camera プレイヤーが見えている範囲 コ ー ド 解 説
15. Col l i si on Component同士が接触する時に 使用する衝突判定 コ ー ド 解 説
16. Pol ygonHi tbox 衝突判定で計算するヒットボックス の定義 anchorを左上にすると左上が(0,0) になるので計算しやすいです コ ー ド 解 説
17. ハッカソンに参加してみて ハッカソンに参加してみて 04 04
18. ハッカソンに参加してみて 04 04 仲間と一緒にわいわい開発するのは楽しい 新しい技術を触ってみるのは楽しい 技術/スキルの自信がついた 実績になった(受賞しなくてもポートフォリオに載せられる) 何年も毎年出場するとかでもできればすごいと思う 業務後の時間をいかに使うかが大事、時間の使い方に慣れれば副業もうまくこなせ るようになると思う 最後までやりきった達成感が気持ちいい、自信につながる とりあえず動くまで作りきる 要件は必ず満たすこと ポイント 感想
19. https: //github. com/miyasic/turtl e-escape リ ポ ジ ト リ
20. T H A N K Y O U T H A N K Y O U ご清聴ありがとうございました。 ご清聴ありがとうございました。