前回の回答 前回の宿題の回答から ボールを水に投げ込んだときのような様子をアニメーションにしてみましょう。 問題はこうでしたね。 これは、そんなに難しくなく解けたのではないでしょうか。 最初の定数を、 スタート地点が画面 […]
canvas
Web で物理アニメーション・その3 「簡単な物理法則に従うアニメーションを作ろう」
前回の回答 前回の回答から行きましょう。 前回の宿題は 以下のように、近づいて右下に抜けていくように見える円のアニメーションを作成してください これでしたね。 イメージとしてはこんな挙動。 回答はこちら。 前回のサンプル […]
Web で物理アニメーション・その2 「単純なアニメーションを作ろう」
前回の回答 さて、まずは前回の宿題の答え合わせから。 問題は 三角形を一つ、canvas 上に描画してください でしたね。 では回答。 回答としては正三角形に近い形にしてみましたが、 ヒントにもあったように「角が 3 つ […]
Web で物理アニメーション・その1 「canvas で絵を描いてみよう」
アニメーションを作ってみよう! 最近、動きがある Web ページが多くなりましたね。 ここ数年で Web は大分進化しました。 今では単純に動くだけのページだけではなく、 Web ページで本格的なゲームができたりします。 […]
JS で Canvas を操作するときは Konva が結構便利に使えます!
HTML5 の canvas 使ってますか? こんにちは! 江嵜です。 みなさん、html5 の canvas 使ってますか? canvas は html の文章構造に縛られることなく自由に画面上に様々なものを表示出来る […]