welcome: please sign in
location: "etoys動きの向きと速さを調整する"の差分
1と4のリビジョン間の差分 (その間の編集: 3回)
2010-05-02 12:38:54時点のリビジョン1
サイズ: 418
編集者: masahiko
コメント:
2010-05-06 06:42:02時点のリビジョン4
サイズ: 1064
編集者: masahiko
コメント:
削除された箇所はこのように表示されます。 追加された箇所はこのように表示されます。
行 2: 行 2:
== アニメーション ==

何かが移動するアニメーションを考えましょう。

ある生き物が、ある位置からある位置に移動するアニメーションです。
 . {{attachment:anime01.png}}
オブジェクトを進めるスクリプトを書くことができます。
 . 進める400
を実行すると一瞬で移動してしまいます。
 . {{attachment:anime02.png}}
スクリプトの実行は一瞬で済んでしまい、動いているように見えません。

アニメーションでは
1秒間に何枚かの表示を行なって動いているように見せています。
 . {{attachment:anime03.png}}
 . {{attachment:anime04.png}}
1秒間に8枚の表示を行うとすると、1回ごとの移動はこれだけです。
 . {{attachment:anime05.png}}
この動きを1秒間に8回繰り返すことができれば、動いているように見えます。
----
行 4: 行 24:
スクリプトの実行は通常一瞬で済んでしまう。
これでは動きが見えません。

アニメーションの考え方

最初の位置と1秒後の位置
一瞬で移動してしまう。

1秒間に何枚かの表示を行うと動いているように見える。

アニメーション

何かが移動するアニメーションを考えましょう。

ある生き物が、ある位置からある位置に移動するアニメーションです。

  • anime01.png

オブジェクトを進めるスクリプトを書くことができます。

  • 進める400

を実行すると一瞬で移動してしまいます。

  • anime02.png

スクリプトの実行は一瞬で済んでしまい、動いているように見えません。

アニメーションでは 1秒間に何枚かの表示を行なって動いているように見せています。

  • anime03.png

  • anime04.png

1秒間に8枚の表示を行うとすると、1回ごとの移動はこれだけです。

  • anime05.png

この動きを1秒間に8回繰り返すことができれば、動いているように見えます。


チクタク

チクタクでは1秒間に8回スクリプトを自動的に実行する。

etoys動きの向きと速さを調整する (最終更新日時 2012-04-25 01:18:07 更新者 masahiko)