0Pricing
Coding for Kids · レッスン

ものを動かす

位置を何度も変えてアニメーションにします

「ものを動かす」は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フィードバックを取得できます。ローカル設定は不要です。

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

  1. ものを動かす
  2. 動きを繰り返す
  3. 跳ね返す
  4. 自分だけのアニメーション
← Coding for Kidsに戻る