flameチュートリアル、クロンダイクのメモ
ken1flanisarのバージョンアップのbreaking changeと、古いバージョンのライブラリがダウンロードできなくなってテストが動かなくなってしまったので、がんばれなくなって、とりあえず違うことをしてみようと思い…。
気になってたFlameを触ってみることにします。
ken1flanとりあえず動かしたいので、チュートリアル。
ken1flan空のゲームプロジェクトの作り方でした。
このあとの章でクロンダイクを作るようです。
ken1flan実際にゲームを作っていきます。
クロンダイクというのは…Windows標準添付のソリテアのことだそうです。
ken1flan最初にゲームのスケッチ見るのいいね。
有名なクロンダイクのような有名なゲームなら、各オブジェクトにすでに名前がついてるし、誤解なくできそう。チュートリアルにいい題材を選んだなあ…。
ken1flanスプライトの追加。あとで入れ替えたい。
スプライトの説明がおもしろかった。
- 文字を画像で持っているのは、正確な位置に配置できるから。
- 文字の色が青と黄色なのは、ウクライナカラーではなくて、見やすさの問題。
ken1flanゲーム全体の足場を作ってくっぽい。
ken1flanゲームの基盤部分の作成。
ママ写経してたら、Flameが見つからずにエラーが出ていました。バージョン非互換かと思って焦りましたが、ただimport 'package:flame/flame.dart';がチュートリアルで抜けていただけでした。
ken1flanカードの集合を扱うコンテナクラスの追加。
一応、PositionComponent のドキュメントも。
ken1flanゲームの構造の話。
ワールドというのは…サイズがあるようなので、むしろ撮影セットみたいなものなのかも。
その撮影セットをカメラで撮る的な。
複数のデバイスを扱う現在、表示ピクセル数のようなものは扱わないほうがよいからかな。
Unityは基本メートル法で動いていたけど、こっちはそこまではなさそう…？
このサンプルでは画像のピクセルを基準に考えてました。
ken1flanいまさら気づいた…。まだ途中なのか…。
ken1flanしきりにWorldと言っているのは、KlondikeGame だったのか…。
Alright, let’s put all this together and implement our KlondikeGame class.
これを読み飛ばしてしまって、苦労しました…。
ken1flanworldの設定できた、run!!と思ったら…絶対おかしいよね><
見直そうw
ken1flanいろいろ間違ってたｗ
直したらちゃんと↓みたいになりました。
ken1flanステップ3、カード。
ken1flan@immutableがflutter/widgets.dartにあるのだということを知りました…。
Dartのものではないんですね。
ken1flanシートからスプライトを切り出してくれる便利なサイト…！
これでキレイに配置しなくてもイケるじゃないか…！
ken1flanお…表示できるのか！と思ったけど、まだでした。
このあとのrenderingのおたのしみ！
ken1flanちんたらやってるうちに、1.5.0のチュートリアルが…！
ken1flanどっか間違ったな…。
（あとから考えたら、ただのテストコードで下の山場の上に乗せようという気がなかったっぽい。）
ken1flanひととおり打ち終わったら、ちゃんと表示された…！
（Suit#isBlackが間違ってたので、それも直した。）
ken1flan次は…ゲームプレイ！
ken1flanざっと読んだら、カードの移動などが書かれてたんで、ここまでのやり方で将棋盤とか碁盤とか作れる気がしてきた…。
結構長いので、ゆっくりやろう。
ken1flanストックパイルがカードを所有するように変更。
ken1flan捨て山がカードを持つように変更。
ken1flanストックパイルをタップすると捨て山に移動するようになりました…！
ken1flanストックが空になったときにタップできることがわかるよう、円を表示してます。
ken1flan捨て山から戻す処理を追加。
ken1flan…ゲームっぽくなってきたw
ken1flanシンプルな移動。
renderの結果とかキャッシュせんでええのかのう…。全然ちらつかないし。
ken1flan許可されたカードのみ移動できるようにする。
ken1flanカードを適切な場所に落とす で、更にゲームっぽくなったが…。
捨て札から場札へ移すと、捨札の表示が変になる…。どっかに不具合が (T_T)
ken1flanバグってますが…とりあえず先に進んでしまいます…。
この章が終わったら、githubのソースと見比べようと思ってます。
ken1flanゲームプレイ！
おおおお…！クロンダイクできてる！
動きがヘンだけど！
ken1flanどうしても言葉が覚えられないので、貼り付け。
ken1flanまず…ストックから3枚引いているのに、ズレて表示されていないのがおかしい。
WastePileかStockPileがおかしそう。
ken1flanStockPileのacquireCard()の最後で_fanOutTopCards()して広げました。
ken1flan下のカードが見えない…。
TableauPileがおかしそう。
ken1flan直った。
ken1flanTableauPileのコンポーネントサイズがおかしい…。
ken1flanおかしいのではなくて、そういう仕様でした。
たくさんの場札をまとめて移動するときに置きにくいからのようです。
ken1flan書いてあるところまで終わりました！！！
残りはまた続きが書かれたらやります。
