0Pricing
Javascript for Kids · レッスン

先に20になった方の勝ち

ゲームを作ります

「先に20になった方の勝ち」はCoddyKit上の無料Javascript for Kidsレッスンです。 これはレッスン4/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavascript for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Javascript for Kidsコースには全4レッスンが含まれています。

First to Twentyで勝利!🎯

本格的なゲーム、First to Twentyを作る時間です!🎯

プレイヤーは交代でサイコロを振ります。最初に20ポイントに到達した人の勝ちです!🏆

console.log('First to 20 wins! 🎯')
console.log('Keep rolling! 🎲')

目標 🏁

目標を20に設定しましょう。スコアが目標に達するまで振り続けます!🏁

あとで簡単に変更できるように、目標を箱に保存します。📦

let goal = 20
console.log('Goal: reach ' + goal + ' points! 🎯')

スコアを開始 📦

どのゲームも0ポイントから始まります。📦

目標に到達するまで、サイコロを振ってポイントを足します!🎲

let score = 0
let goal = 20
console.log('Score: ' + score + ' / Goal: ' + goal)

20になるまで振る 🔄

whileループがぴったりです!スコアが20未満の間、サイコロを振り続けます。🔄

20以上になったら、ループが止まります!🛑

let score = 0
while (score < 20) {
  score += Math.floor(Math.random() * 6) + 1
}
console.log('Reached ' + score + '! 🎉')

出目を1回ずつ表示 🎲

ゲームの様子が分かるように、出目を1回ずつ表示しましょう!🎲

スコアが増えていくのを見ると、とてもわくわくしますね!📈

let score = 0
while (score < 20) {
  let roll = Math.floor(Math.random() * 6) + 1
  score += roll
  console.log('Rolled ' + roll + ', score is now ' + score)
}
console.log('Winner! 🏆')

2人のプレイヤーが交代でプレイ 👥

ここでプレイヤー2を追加しましょう!2人とも0から始めます。👥

2人で20を目指して競い合います!🏁

let player1 = 0
let player2 = 0
player1 += Math.floor(Math.random() * 6) + 1
player2 += Math.floor(Math.random() * 6) + 1
console.log('P1: ' + player1 + ', P2: ' + player2 + ' 🎲')

2人で20を目指す 🏁

どちらか一方が20に到達するまで、2人分のサイコロを振り続けます!🏁

OR演算子の||を使うと、どちらかが勝った時点で止められます。🔀

let p1 = 0
let p2 = 0
while (p1 < 20 && p2 < 20) {
  p1 += Math.floor(Math.random() * 6) + 1
  p2 += Math.floor(Math.random() * 6) + 1
}
console.log('Final: P1=' + p1 + ' P2=' + p2 + ' 🎲')

勝者を見つける 🏆

サイコロを振り終えたら、どちらが先に20に到達したかを確認します!🏆

ifを使って勝者を見つけましょう!🎉

let p1 = 21
let p2 = 18
if (p1 >= 20) {
  console.log('Player 1 wins! 🏆')
} else {
  console.log('Player 2 wins! 🏆')
}

ゲーム全体 🕹️

すべてを1つのゲームにまとめましょう!🕹️

振って、足して、確認して、勝者を発表します!🎉

let p1 = 0
let p2 = 0
while (p1 < 20 && p2 < 20) {
  p1 += Math.floor(Math.random() * 6) + 1
  p2 += Math.floor(Math.random() * 6) + 1
}
console.log('P1: ' + p1 + ', P2: ' + p2)
if (p1 >= 20) console.log('Player 1 wins! 🏆')
else console.log('Player 2 wins! 🏆')

自分だけのゲームにする!🎨

これでゲームを変更できます!🎨

  • 目標を30や50に変更する 🎯
  • 6が出たときのボーナスポイントを追加する 🎁
  • 3人目のプレイヤーを追加する 👥

もうあなたのゲームです!😎

let goal = 30
console.log('New goal: ' + goal + '! 🎯')
console.log('Make the game your own! 🎨')

本格的なゲームを作りました!🕹️

すごいです!First to Twentyのゲーム全体を作りました!🎉

  • 到達する目標 🎯
  • 振り続けるためのwhileループ 🔄
  • 各プレイヤーのスコア 🏅
  • 勝者の確認 🏆
console.log('You built a game! 🕹️')
console.log('You are amazing! 🌟')

クイックチェック 🧠

最後の頭の体操です!🤔

できました!🎉

Roll the Diceコースを修了しました!🥳

  • サイコロを1個振りました 🎲
  • サイコロを2個振って合計しました 🎲🎲
  • ポイントを記録しました 🏅
  • First to Twentyを作りました 🎯

あなたは本物のゲーム制作者です!🌟

console.log('Course complete! 🎓')
console.log('Great rolling! 🎲🎉')

よくある質問

「先に20になった方の勝ち」レッスンは無料ですか?

はい。「先に20になった方の勝ち」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、Javascript for Kidsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Javascript for Kidsコースには全4レッスンが含まれています。

「先に20になった方の勝ち」で何を学びますか?

ゲームを作ります ブラウザで直接実行するハンズオンコードでJavascript for Kidsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Javascript for Kidsを始めるのに経験は必要ですか?

事前経験は必要ありません。CoddyKitのJavascript for Kidsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン4/4です。

「先に20になった方の勝ち」レッスンにはどのくらい時間がかかりますか?

ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このJavascript for Kidsレッスンでコードを書いて実行できますか?

はい。すべてのJavascript for Kidsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. サイコロを振る
  2. 2個のサイコロ
  3. サイコロの得点を記録する
  4. 先に20になった方の勝ち
← Javascript for Kidsに戻る