javascript

javascript

javascriptで「音が鳴るインターバルタイマー」

動作ページはこちら プログラム <div style="text-align:center;"> <div class="container mt-5"&gt...
javascript

p5.jsでパターンデザイン作成

青海波(せいがいは) const w=720; const N=4; const d=w/N; const num = 12; col=; function setup() { createCanvas(w, w);...
javascript

canvasでアナログ時計を表示する

動作ページはこちら <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <script ty...
javascript

マウスをクリックしている間だけ動くおみくじ

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8&qu...
javascript

canvasの使い方

canvasとは? html5からの機能。javascriptで自由に描画。マウスイベントなどユーザーのイベント処理もできる。 原点(0,0)x方向→y方向↓(100,100) サンプル <!DOCT...
javascript

Monacaを使ってHTML5とJavaScriptでスマホアプリを作る

Monacaとは? ハイブリッドアプリの開発プラットフォームのこと。Monacaデバッガーを使えば、実際のスマホ端末で、実機チェックができる。3プロジェクトまでなら無料で利用可能。 ネイティブアプリとは?App StoreやG...
javascript

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

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

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

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

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

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

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