放物運動のアニメーション
- 2023/05/31
- 22:17
地球上で斜め方向に物体を投げると、そのまま斜め方向に飛び続けるのではなく山なりに飛んで行って地上に落下します。それは地球上であれば物体には常に重力がかかる、地球の中心へと引っ張られるからです。このような運動を放物運動といいます。放物運動の速度の成分放物運動は鉛直方向(縦方向)と水平方向(横方向)の速度からなる運動です。ですので鉛直方向と水平方向の運動を合わせれば放物運動を表すことができます。鉛直方...
アニメーションでのイージング
- 2023/04/30
- 22:17
イージングとは動きの緩急であり、これをアニメーションに取り入れると動きを滑らかに見せることができます。動きを次第に早くすることをイーズイン、緩やかにしていくことをイーズアウトといいます。イージングを活用することでアニメーションを自然体のように表現することができます。イージングでの等加速度運動の活用動きの緩急とは、つまり静止していたり一定の速度での動きに変化があるということです。速度が0である静止状...
コンストラクタとメソッド
- 2023/03/31
- 22:12
オブジェクトのモデルともいえるコンストラクタはそれを通して複数のオブジェクトを作り出すことができます。コンストラクタ関数で作ることのできるオブジェクトはメソッドを含むものもあります。メソッドを含むコンストラクタ関数を通して作られたインスタンスであるオブジェクトも普通のオブジェクトと同様にメソッドを参照して動かすことができます。メソッドを含むコンストラクタ関数メソッドもプロパティと同様にthisを用いて...
コンストラクタの利用
- 2023/02/28
- 22:17
オブジェクト指向のプログラム言語であるJavaScriptでは、様々な要素をまとめて一つのオブジェクトとして扱うことができます。さらにJavaScriptでは同じような性質を持つ複数のオブジェクトを扱うのに便利な方法、コンストラクタがあります。コンストラクタはいわばオブジェクトのモデルであり、関数として用いることができます。この関数をコンストラクタ関数といい、この関数を通していくつものオブジェクトを作ることができます...
アロー関数について
- 2023/01/31
- 20:25
前回は関数式について紹介しましたが、この関数式は記述を省略することができます。省略には=>という記述を用いて、この記述を利用した関数をアロー関数といいます。アロー関数の記述アロー関数の記述は関数式のfunctionの部分を省略して、引数()の後に=>を記述したものです。例としてはfunctionを用いたものがlet 変数名 = function (){ ~処理の内容~}アロー関数を用いるとlet 変数名 = () => { ~処理の内容~}このようになり...