Generative Art #155

Code

ArrayList<Particle> particles;ArrayList <PVector> points;void setup() { size(840, 840); pixelDensity(2); newParticles();}void draw() { background(20); for (Particle p : particles) { p.run();

もっとみる

JavaScriptとp5.jsを使って Generative Artとカウントダウン

こんにちはKAORIです。
今回は、自己流で勉強しているp5.jsと、先日の勉強会で出たJavaScriptの課題をコラボして学校の1周年記念パーティーまでのカウントダウンページを作成し、初deployまでしました✨✨✨

これを表示させています。
まずは、index.htmlにhtmlとJavaScriptでカウントダウンページを作成します。

<body> <div class="mai

もっとみる

Generative Art #154

Code

int sAlph = 150;void setup() { size(900, 900); pixelDensity(2); noLoop();}void draw() { background(#D4E6F7); circles();}void circles() { int cx = width/2; int cy = height/2; ArrayList<PVector>

もっとみる

Generative Art #153

Code

int[] colors = new int [7];void setup() { size(900, 900); pixelDensity(2); //noLoop();}void draw() { newColor(); background(getCol()); lines(); saveFrame("output/####.png"); if (frameCount ==

もっとみる

Generative Art #152

Code

void setup() { size(900, 900); pixelDensity(2); noLoop();}void draw() { background(#ffffff); ArrayList<PVector> quads = new ArrayList<PVector>(); quads.add(new PVector(10, 10, width-20)); int c

もっとみる

Generative Art #151

Code

int count = 4;void setup() { size(900, 900); pixelDensity(2); noLoop(); rectMode(CENTER);}void draw() { background(#ffffff); squareRec(width/2, height/2, width-20, count); powder();}void powder(

もっとみる

ポートフォリオサイトをリニューアルしました! (技術的な解説あります)

はじめに

1年以上前から考えていた、ポートフォリオサイトのリニューアルがやっとできました。

といっても今回はまだシンプル版のリリースで
そのうちWebGLを組み込んだリッチ版をリリース予定です。

以下のサイトが以前のポートフォリオで、機能的にはまだ生きているんですが3年前に作ったもので技術も古く、あまり見せたくなくなってしまったのでこのサイトは更新せずに、お仕事のリリース報告などはSNS上で

もっとみる
ありがとうございます!あなたの「スキ」が力になります。
8

Generative Art #150

import java.util.*;ArrayList<Particle> particles;void setup() { size(900, 900); pixelDensity(2); newParticle();}void draw() { Iterator<Particle> it = particles.iterator(); while (it.hasNext()) { Par

もっとみる

Generative Art #149

Code

void setup() { size(800, 800); pixelDensity(2); noLoop(); colorMode(HSB, 360, 100, 100, 100);}void draw() { bg(); int c = 100; float s = width/c; for (int i = 0; i < c; i ++) { plant(i * s, he

もっとみる

Generative Art #148

Code

void setup() { size(900, 900); pixelDensity(2); noLoop();}void draw() { int c = 10; background(getCol()); lineRec(width*0.25, height*0.25, c); lineRec(width*0.75, height*0.25, c); lineRec(width*

もっとみる