javascript

javascript

【JavaScript】加速度を使った移動

キー等でCanvasに描いたオブジェクトを動かす時、等速ではなく加速度をつけるスクリプト。マウスでクリックした後に矢印キーで縦横に動かせる。 別ページで表示 移動に加速度をつける まず、猫画像を表示するCatクラス(cat...
javascript

【JavaScript】オブジェクトを回転させる

キャンバス上に矢印を描画して、常にマウスポインタの方に向けさせる。つまり、矢印はその場で回転する。 ArrowクラスとRotateクラス まず、矢印を描画するArrowクラスを作成。 /** * arrow.js * ...
javascript

JavaScript+Canvasで自由落下、放物運動の物理シミュレーションを作る

自由落下運動のシミュレート ボールに見立てた円図形をJavaScriptで書いてみる。最初は上下だけの自由落下運動。手に握った野球の球を放し、地面に落とすイメージ。 まず、簡単なHTMLファイルを用意。 <!DOCTYPE ...
javascript

フラグ変数のONとOFFの処理をシンプルに記述する方法

値の0と1を反転させる フラグ変数とは、ONとOFFのどちらかを表す目的で使われる変数。フラグ変数の値を変更する最も思いつき易い書き方は以下だろう(JavaScript)。 let isHoge = false; if (isHoge...
スポンサーリンク
タイトルとURLをコピーしました