javascript

javascriptのonclickイベントでcanvasに色を塗る練習

function e_click() { var cs = document.getElementById('e_click'); var ctx = cs.getContext('2d'); var w =...

javascriptとcanvasでボールが弾むアニメーションを作る

const NUM = 50; const WIDTH = 640; const HEIGHT = 480; const PI_2 = Math.PI * 2; var speedX = new ...

javascript 基礎

Math.random() //Math.random()で0以上1未満 //Math.random() * 8.0 - 4.0 で -4.0以上4.0未満 Math.random() * 8.0 - 4.0 Math.flo...

javascriptとcanvasで作るパドルボールゲーム

ソースコードの解説 ボールを弾ませる方法は、ボールの中心座標と、canvasの周囲との距離が、ボールの半径とちょうど等しくなったとき、動く向きを変える。 ボールの反射条件 ボールの中心座標>canvasの長...

javascriptでランダムなパスワードを自動生成

プログラム動作 //パスワード初期設定。letで変数に文字を入れる。 let password_numeric = "1234567890"; let password_upper...

javascriptで文字数カウント

文字数をカウントしてくれるプログラム。ブログの記事タイトルを決める時などに使えそう。 文字数:0 var input = document.getElementById("sampleForm"); var span = do...

javascriptとcanvasで図形を描画する

プログラムだけで図形を描く方法。ブラウザで表示できて、右クリックでダウンロード可能。 <canvas id="canvas" width="400" height="4...

javascriptで複利計算プログラム

投資の複利が計算できるプログラム ソースコード javascriptを使用しています。 <link rel="stylesheet" href=" integrity=&qu...

p5.jsを使って色々なグラフィックデザインを作る

p5.jsとは? p5.jsとは? ProcessingをJavaScriptに移植したもの。 Processingとは? JAVAというプログラミング言語をベースにしている。 プログラミングによる視覚的な表現(イメージの生成、アニメーシ...