Code Quest コーディング・アドベンチャー
Loading...
Code Quest | Talent Code Africa
T
TALENT CODE AFRICA 知識の泉

Talent Code Africa コーディングアドベンチャー

コードクエスト!

アニメーションに命を吹き込もう!

こんにちは、未来のコーダーたち!準備はいいかな?

when flag clicked
say Hello!
move 10 steps
✦
✦
✦
★最初のミッション
01

ウォーミングアップ

今日は、あなたがプログラマーです!

!

プログラマーは、コンピュータに指示を出す人のことです。

アニメーションに何をさせるか教えることができます。

「こんにちは!」と手を振って!
Hi!

もしアニメーションにひとつだけすごいことを教えられるとしたら、何を教えたいですか?

ダンスして!話して!走って!
今日は、自分だけのしゃべるアニメーションを作ってみましょう!
02

私たちの目的地

新しいデジタルフレンドに会いましょう!

こんにちは、コーダーさん!

最後には、あなたのキャラクターは...ができるようになります。

⚑
スタート緑の旗がクリックされたときに「こんにちは」と言う。
➜
移動矢印キーが押されたときに動く。
Aa
おしゃべりクリックされたときに何か面白いことを言う。
K
レスポンス別のキーボードキーに反応する。
★4つの力。1つの素晴らしいアニメーション。★
03

ツールキット

あなたのコーディング遊び場:PictoBlox

PictoBlox
BLOCKS
when ⚑ clicked
say Hello!
move 10 steps
STAGE
⚑
1. ステージキャラクターが表示される遊び場です。
2. スプライト私たちが操作するキャラクターです。
3. ブロックパレット指示(ブロック)を探す場所です。
4. コーディングエリアブロックを組み合わせる場所です。
5. 緑の旗プログラムを開始します。
覚え方ステージ=遊び場、スプライト=役者、ブロック=指示!
04

ミッション 1

コーディングラボを開こう!

PictoBlox
●
1コンピューターでPictoBloxを開きます。
2「新しいプロジェクト」をクリックするか、空白のプロジェクトを開きます。
3ステージとコーディングブロックを探しましょう。
4緑の旗を見つけましょう。
iデフォルトのネコがすでにステージにいれば完璧です。準備完了です!
ミッション完了?ステージにキャラクターが見えますか?

05

ミッション 2

カートゥーンヒーローを選ぼう!

PictoBloxでは、キャラクターのことを「スプライト」と呼びます。

ネコ
イヌ
ロボット
恐竜

あなたの番です

  1. 現在のスプライトを確認しましょう。
  2. 気に入ったら、ネコのままでOKです。
  3. または、別のスプライトを選んでください。
  4. ヒーローがステージ上に表示されているか確認しましょう。
最高のゲームはすべて、キャラクターから始まります!

最初のレッスンでは、クラス全員でネコを使っても構いません。カスタマイズは後でしましょう!

06

作ってみよう

ブロックはパズルのピースのようなものです

ブロックをつなげて、カートゥーンに計画を伝えましょう。

〜したとき ⚑ クリックされた
言う こんにちは! 2s
動かす 10 歩幅
↓
ブロックが物語を伝えてくれます!
1

イベントで始めるPictoBloxにいつ開始するかを伝えます。

2

アクションを繋げようスプライトに何をすべきか伝えます。

3

テストして、変えて、改善しようコーダーは試行錯誤して学びます。

ブロックが外れても心配いりません。またカチッとはめるだけです!
07

はじめてのコード

キャラクターをしゃべらせよう

ハロー・レシピ
緑の旗がクリックされたとき
言う 「Hello, world!」
緑の旗をクリックしてテストしてみましょう。
Hello, world!
初めての「しゃべるプログラム」が完成しました!
08

動かしてみよう

矢印キー = スーパーパワー

キー入力を利用して、スプライトをステージ上で速く動かしてみましょう。

↑
←↓→
矢印キー
WHEN → KEY PRESSED
MOVE 10 STEPS
✦
●
⚑
やってみよう!右矢印キーを押してください。次に左を試してみましょう。
09

楽しみながらやろう

クリックひとつでサプライズが起きる!

↖
コンピューターがくしゃみをしたのはなぜ?ウイルスに感染していたから!
このスプライトがクリックされたとき
面白いメッセージを言う

これは「イベント」です。コードを開始させるために起こる出来事のことです。

コード + 想像力 = 個性豊かなキャラクター!
10

コーダーのマインドセット

おっと!コードがうまく動きませんでした。

おっと!
? ? ?
1ブロックを確認する正しく組み合わさっていますか?
2トリガーを確認する旗かキーをクリックしましたか?
3もう一度やってみよう優れたコーダーはテストして修正します。
バグは失敗ではありません。ヒントなのです!
11

クラスチャレンジ

キャラクターのスーパースキルを選ぼう

アイデアを一つ選んで、ブロックで作ってみよう。

♪

ダンス

スプライトを左右に動かしてみよう。

!

ジョークを言う

みんなが笑うようなことを言わせてみよう。

★

秘密のキー

キーを選んで、クラスのみんなを驚かせよう。

12

ショータイム

テストして、共有して、お祝いしよう!

ミッション完了

アニメーションに命を吹き込んだね!

今日、あなたはコードが指示の集まりであることを学びました。あなたはもう、本物のクリエイターです。

★認定済みコードクエスト・コーダー

問い続けよう。作り続けよう。輝き続けよう。

✦
✦
⚑
TALENT CODE AFRICA · 知識の泉
スライド 1 / 14