ものを動かす
位置を何度も変えてアニメーションにします
「ものを動かす」はCoddyKit上の無料Coding for Kidsレッスンです。 これはレッスン1/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはCoding for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Coding for Kidsコースには全4レッスンが含まれています。
動かしてみましょう!
こんにちは、アニメーター!🎬🐢 今日は画面上のものを動かします!
動く絵のことをアニメーションといいます。
アニメーションとは?
アニメーションとは、小さな変化をたくさん素早く見せることです!🎞️
パラパラ漫画のように、ページごとに少しずつ変化させると、動いているように見えます!
画面上の位置
タートルには位置があります。画面上のどこにいるかを表すものです。📍
左右を表すxと、上下を表すyの数値を使います。
gotoで動かす
t.goto(x, y)で、タートルをある場所へ移動させます。🎯
場所を変えると、タートルがそこへ移動します!
import turtle
t = turtle.Turtle()
t.goto(100, 0)
turtle.done()横に移動しました!
タートルが位置100, 0へ移動しました。🐢➡️
これが動きです!これを何度も滑らかに繰り返すところを想像してみましょう。
ペンを持ち上げる
線を描かずに移動するには、t.penup()でペンを持ち上げます。✏️⬆️
するとタートルは幽霊のように動き、跡を残しません!👻
描かずに移動する
後ろに線を残さず、タートルが滑るように動く様子を見てください。👻
import turtle
t = turtle.Turtle()
t.penup()
t.goto(120, 60)
turtle.done()一歩ずつ
アニメーションでは、少し動かしてから、さらに少し動かします。👣
小さな一歩一歩が、動きを滑らかに見せます。
時間とともに位置を変える
xを少しずつ変え続けると、タートルが画面を横切って進みます!🌬️
import turtle
t = turtle.Turtle()
t.penup()
t.goto(0, 0)
t.goto(20, 0)
t.goto(40, 0)
turtle.done()これがアニメーションです!
タートルは0、次に20、次に40へ移動しました。🐢💨
小さな動きをたくさん重ねると、滑らかな動きになります。これが、すべてのアニメーションの秘密です!
動かす力を解放!
goto()、penup()、そしてアニメーションが小さな動きの集まりであることを学びました。🎬
理解度チェック
アニメーションのクイズです!🎞️
動きの達人!
やりましたね!🎉 ものを動かせるようになりました。
次のレッスンでは、ループを使ってものを動かし続けます!🔁
よくある質問
「ものを動かす」レッスンは無料ですか?
はい。「ものを動かす」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、Coding for Kidsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Coding for Kidsコースには全4レッスンが含まれています。
「ものを動かす」で何を学びますか?
位置を何度も変えてアニメーションにします ブラウザで直接実行するハンズオンコードでCoding for Kidsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
Coding for Kidsを始めるのに経験は必要ですか?
事前経験は必要ありません。CoddyKitのCoding for Kidsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/4です。
「ものを動かす」レッスンにはどのくらい時間がかかりますか?
ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このCoding for Kidsレッスンでコードを書いて実行できますか?
はい。すべてのCoding for Kidsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- ものを動かす
- 動きを繰り返す
- 跳ね返す
- 自分だけのアニメーション