プログラミング

【p5.js】radius.gif

<script src=""></script> function setup() { createCanvas(400, 400); createLoop({gif: {render: false, download: true, fil...
プログラミング

【p5.js】spiral

function setup() { createCanvas(400, 400); background(255); noStroke(); fill(0); let x, y; let r, theta; const a = 5; fo...
プログラミング

【p5.js】cycle

function setup() { createCanvas(400, 400); background(255); noStroke(); fill(0); let x, y; for (let a = 0; a <= width/2;...
プログラミング

【p5.js】sin

function setup() { createCanvas(400, 400); background(255); noStroke(); fill(0); let y; const A = height/2; for (let x =...
プログラミング

【HTML】音声を再生する

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>【HTML】音声を再生する</title> </head> <body> <h1>正弦波のラ(440...
プログラミング

【p5.js】疑似3D迷路を描画する

疑似3D迷路を描画する。 let p1, m1, arr; function setup() { createCanvas(400, 400); p1 = new Player(); m1 = new Maze(15,15); m1.set...
プログラミング

【p5.js】プレイヤー正面の配列を取得する

プレイヤー正面の配列を取得する。 let p1, arr; const maze = [ [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],  [1, 0, 1, 0, 1, 0, 0, 0, 1,...
プログラミング

【p5.js】十字キーでプレイヤーの位置と方向を変更する

十字キーでプレイヤーの位置と方向を変更する。 let p1; const arr = [[1,1,1], [0,0,0], [1,0,1], [1,0,1]] function setup() { createCanvas(400, 400...
プログラミング

【p5.js】プレイヤー正面の配列によって描画を変える

プレイヤー正面の配列によって疑似3D迷路の描画を変える。 const arr = [[1,1,1], [0,0,0], [1,0,1], [1,0,1]] function setup() { createCanvas(400, 400);...
プログラミング

【p5.js】ワイヤーフレームを描画する

疑似3D迷路のワイヤーフレームを描画する。 function setup() { createCanvas(400, 400); } function draw() { background(220); noFill(); rect(0,1...