プログラミング 【p5.js】黄金螺旋
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
drawSpiral(50, 100, 300, 8);
}
...
2021-03
プログラミング プログラミング 【p5.js】黄金長方形
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
divRect(50, 100, 300, 8);
}
fun...
プログラミング 【p5.js】シェルピンスキー曲線
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
drawCurve(50, 50, 300, 4);
}
fu...
プログラミング 【p5.js】シェルピンスキーのカーペット
function setup() {
createCanvas(400, 400);
noStroke();
}
function draw() {
background(220);
drawSquare(50, 50,...
プログラミング 【p5.js】シェルピンスキーのギャスケット
function setup() {
createCanvas(400, 400);
noStroke();
}
function draw() {
background(220);
drawTriangle(width...
まとめ 【まとめ】Three.jsで迷路
これまでに書いた記事の中から、「Three.jsで迷路」というテーマで書いた記事をまとめてみました。
まとめ 【まとめ】JavaScriptで迷路
これまでに書いた記事の中から、「p5.jsで迷路」というテーマで書いた記事をまとめてみました。
...
プログラミング 【Three.js】迷路に合わせて床の大きさを自動で調整する
迷路のサイズと Cube の大きさに合わせて迷路の床の大きさを調整する。
let maze1;
function preload() {
cube_size = 2;
maze1 = new Maze(15, 15);
...
プログラミング 【Three.js】迷路を生成する
CubeとPlaneを用いて、迷路を生成する。
let maze1;
function preload() {
maze1 = new Maze(15, 15);
maze1.set_maze_boutaoshi();
}...
プログラミング 【Three.js】オブジェクトを複製する
同じジオメトリとマテリアルから作成したメッシュをシーンに追加することでオブジェクトを複製する。
let maze1;
window.addEventListener('load', init);
function init() ...