javascript javascriptで「音が鳴るインターバルタイマー」
動作ページはこちら
プログラム
<div style="text-align:center;">
<div class="container mt-5">...
javascript
javascript 
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の長...