Palette

ritocoのクリエイティブコーディング記録

2021-12-01から1ヶ月間の記事一覧

【 p5.js 】Soft trigonometric pictures.

作品のかけらを公開しています。

【p5.js】p5.jsと組み合わせて面白かった表現4選

この記事は Processing Advent Calendar 2021 19日目 の記事です。 Processing Advent Calendar 2021 寒すぎてMacBookで手をあたためています、ritocoです。 前日は TaitoOtani さんの「P5JSで作るオーディオビジュアルスケッチ、そして2021年の振り返り。」…

【 p5.js 】Painting like an oil painting.

code01( p5.js ) function setup() { createCanvas(canva = 300,canva,WEBGL); frameRate(1); w = 800; n = 900; noLoop(); } function draw() { background(255); noStroke(); // light r = random; v = createVector; myAl = ambientLight; myPl = pointLi…

【 p5.js 】It tried to become a sphere.

code( p5.js ) function setup() { createCanvas(500, 500, P2D); noLoop(); noFill(); } function draw() { // background color background(random(220, 250), random(220, 250), random(200, 250)); // motif position let dr_steps = width / 10; for (l…

【 p5.js 】Whimsical Gradations.

code( p5.js ) let num = 15; let angle = 1.0; function setup() { createCanvas(500, 500, P2D); colorMode(HSB, 360, 100, 100, 100); drawingContext.shadowBlur = windowWidth*0.08; //0.08-1.2 noLoop(); } function draw() { background(255); marble…

About

本記事ではブログ内のソースコードについての取扱について記載しています。

【 Processing / p5.js 】Cracked lines

code( p5.js ) function setup() { createCanvas(700, 700); noLoop(); noFill(); } function draw() { // background color background(random(200, 250), random(200, 250), random(200, 250)); // motif position let dr_steps = random(95, 100); for (l…