カードを並べよう

チャプター1横に13枚のカードを並べてみよう

配列を使ってまず横にスペードのカードをA~Kまで順に13枚ならべてみよう。
キャンバス横幅はカードの横幅60かけるカードの枚数13(60*13)として広げてください。
正しくならんでいるか確認するためにカードの初期値は表が表示されるように変更しましょう。

1. 1 ヒント

• スートがスペードでランクがA~Kのカードクラスのインスタンスを13枚作りろう
• カードクラスに座標を指定できるメソッドを作ろう、一枚ずつx座標を60増やしていけば横に並べることができる
• for、for...of 、forEach()などの繰り返し文をつかって効率よく記述してみよう
• array配列のリファレンス
• push()配列の値の追加

チャプター2カードを全て並べよう

カードを全てキャンバスを縦に4枚並べられるように広げましょう。
二行目にハートのカード、三行目にダイア、四行目にクラブのカードを全て並べよう。

2. 1 ヒント

• カードのy座標を80ずつ増やしていけば縦に並べられる

チャプター3シャッフルしよう

全てのカードが並べられたので、カードがバラバラになるようにシャッフルしよう。

3. 1 ヒント

• p5jsにはshuffleという配列はシャッフルする便利な機能があります

• カードにスートとランクを順番に割り振り、配列をシャッフルし、カードの座標を割り振って行けばバラバラの順番に並べられます