week 15. images

 https://www.processing.org/examples/pointillism.html

https://www.processing.org/reference/PImage.html

https://processing.org/tutorials/pixels/

https://processing.org/examples/blur.html

Final presentations:

experience of using  AI tools sharing

10 mins PPT presentations about using AI tools to do the final project

including:

tools, steps, results, discussion and reflection, suggestion

what-we-learned, 

Final Project:
using AI tools (chatGPT, Midjouney, Stable Diffusion....)  to do Self Portrait:

At least 1 processing code (最少有一種用 processing  程式碼)
最少三種
例如，Andy Warhol 風格，字型風格，拼貼風格，動態曼陀羅風格，...
參考: https://aestheticcomputing2010.blogspot.com/2020/12/week-15-self-portrait.html

6. 6 2023

week 13. Project 2 demo & Object-Oriented Programming

1.  Mandala Project demo:

2. object oriented programming:
   https://processing.org/tutorials/objects/
   https://www.youtube.com/watch?v=YcbcfkLzgvs

3. simple particle system

https://processing.org/examples/simpleparticlesystem.html

EXercise:
 draw 'array-like' object with OOP

reference:

https://processing.org/examples/arrayobjects.html

week 12. mandala drawing II

example 1:

float cX;
float cY;
int nSegment = 24;

void setup() {

size(600, 600);
cX = width/2.0;
cY = height/2.0;
stroke(200);
noFill();

}

void draw() {
float x;
float y;
float angle;
float r = 200.0;

background(0);

for (int i= 0; i < nSegment; i++) {
angle = i*(PI*2.0)/nSegment;
x = cX+ r*cos(angle);
y = cY+ r*sin(angle);

pushMatrix();
translate(x, y);
rotate(angle);
ellipse(0, 0, 40, 20);
popMatrix();

}

}

example 2:

structured :

float cX;
float cY;

void setup() {

size(600, 600);
cX = width/2.0;
cY = height/2.0;
stroke(200);
noFill();
noLoop();

}

void draw() {

background(0);
for (int i= 0; i< 4; i++)
drawLayer();

}

void drawLayer() {
float x;
float y;
float angle;
float r = 200.0;
int nSegment = 24;

r = random (60, 260);
nSegment = (int) random (8, 36);

for (int i= 0; i < nSegment; i++) {
angle = i*(PI*2.0)/nSegment;
x = cX+ r*cos(angle);
y = cY+ r*sin(angle);

pushMatrix();
translate(x, y);
rotate(angle);
ellipse(0, 0, 60, 30);
popMatrix();

}

}

example 3:
 array:

float cX;
float cY;

int nLayer = 30;
float[] r;
int[] nSegment;
int[] brightness;
float[] rotateRate;

void setup() {

size(600, 600);
cX = width/2.0;
cY = height/2.0;

r = new float[nLayer];
nSegment = new int[nLayer];
brightness = new int[nLayer];
rotateRate = new float[nLayer];

for (int i = 0; i< nLayer; i++) {
r[i] = random(60, 260);
nSegment[i] = (int) random(6, 60);
brightness[i] = (int) random(10, 255);
rotateRate[i] = random(-100.0, 100.0);

}

stroke(200);
noFill();
// noLoop();

}

void draw() {

background(0);
for (int i= 0; i< nLayer; i++)
drawLayer(i);

}

void drawLayer(int nth) {
float x;
float y;
float angle;

stroke(brightness[nth], brightness[nth], 100);
for (int i= 0; i < nSegment[nth]; i++) {
angle = i*(PI*2.0)/nSegment[nth];
x = cX+ r[nth]*cos(angle);
y = cY+ r[nth]*sin(angle);

pushMatrix();
translate(x, y);
rotate(angle +frameCount/rotateRate[nth]);
ellipse(0, 0, 60, 30);
popMatrix();

}

}

example 4:
centered rotate:

float cX;
float cY;

int nLayer = 30;
float[] r;
int[] nSegment;
int[] brightness;
float[] rotateRate;

void setup() {

size(600, 600);
cX = width/2.0;
cY = height/2.0;

r = new float[nLayer];
nSegment = new int[nLayer];
brightness = new int[nLayer];
rotateRate = new float[nLayer];

for (int i = 0; i< nLayer; i++) {
r[i] = random(20, 260);
nSegment[i] = (int) random(6, 60);
brightness[i] = (int) random(10, 255);
rotateRate[i] = random(-100.0, 100.0);

}

stroke(200);
noFill();
// noLoop();

}

void draw() {

background(0);
translate(cX, cY);
rotate(frameCount/150.0);
for (int i= 0; i< nLayer; i++)
drawLayer(i);

}

void drawLayer(int nth) {
float x;
float y;
float angle;

stroke(brightness[nth], brightness[nth], 100);
fill(0, brightness[nth], brightness[nth], 25);
for (int i= 0; i < nSegment[nth]; i++) {
angle = i*(PI*2.0)/nSegment[nth];
x = r[nth]*cos(angle);
y = r[nth]*sin(angle);

pushMatrix();
translate(x, y);
rotate(angle +frameCount/rotateRate[nth]);
ellipse(0, 0, 60, 30);
popMatrix();

}
}

example 5:

float cX;
float cY;

int nLayer = 30;
float[] r;
int[] nSegment;
int[] brightness;
float[] rotateRate;

void setup() {

size(600, 600);
cX = width/2.0;
cY = height/2.0;

r = new float[nLayer];
nSegment = new int[nLayer];
brightness = new int[nLayer];
rotateRate = new float[nLayer];

for (int i = 0; i< nLayer; i++) {
r[i] = random(10, 300);
nSegment[i] = (int) random(6, 60);
brightness[i] = (int) random(10, 255);
rotateRate[i] = random(-100.0, 100.0);

}

stroke(200);
noFill();
// noLoop();

}

void draw() {

background(0);
translate(cX, cY);
rotate(frameCount/map(sin(frameCount/60.0), -1.0, 1.0, -100.0, 100.0));
for (int i= 0; i< nLayer; i++)
drawLayer(i);

}

void drawLayer(int nth) {
float x;
float y;
float angle;

stroke(brightness[nth], brightness[nth], 100);
fill(0, brightness[nth], brightness[nth], 25);
for (int i= 0; i < nSegment[nth]; i++) {
angle = i*(PI*2.0)/nSegment[nth];
x = r[nth]*cos(angle);
y = r[nth]*sin(angle);

pushMatrix();
translate(x, y);
rotate(angle +frameCount/rotateRate[nth]);
ellipse(0, 0, 60, 30);
//rect(-10, -10, 20, 20);

popMatrix();

}
} 

example 6:

float cX;

float cY;

int nSegment = 60;

void setup() {

size(600, 600);

cX = width/2.0;

cY = height/2.0;

stroke(200);

noFill();

background(0);

}

void draw() {

fill(0, 10);

rect(0, 0, width, height);

for (int i= 0; i< 4; i++) {

drawLeaves(18*(i+1), 80*i+sin(frameCount/40.0)*30.0);

}

}

void drawLeaves(int n, float r)

{

float angle;

float x;

float y;

for (int i= 0; i < n; i++) {

angle = i*(PI*2.0)/n;

x = cX+ r*cos(angle);

y = cY+ r*sin(angle);

pushMatrix();

translate(x, y);

rotate(angle);

ellipse(0, 0, 40, 20);

popMatrix();

}

}

example 7:

float cX;

float cY;

int nLayer = 30;

float[] r;

int[] nSegment;

int[] brightness;

float[] rotateRate;

void setup() {

size(600, 600);

cX = width/2.0;

cY = height/2.0;

r = new float[nLayer];

nSegment = new int[nLayer];

brightness = new int[nLayer];

rotateRate = new float[nLayer];

for (int i = 0; i< nLayer; i++) {

r[i] = random(60, 260);

nSegment[i] = (int) random(6, 60);

brightness[i] = (int) random(10, 255);

rotateRate[i] = random(-100.0, 100.0);

}

stroke(200);

noFill();

// noLoop();

}

void draw() {

background(0);

pushMatrix();

translate(width/2, height/2);

rotate(frameCount/50.0);

translate(-width/2, -height/2);

for (int i= 0; i< nLayer; i++)

drawLayer(i);

popMatrix();

}

void drawLayer(int nth) {

float x;

float y;

float angle;

stroke(brightness[nth], brightness[nth], 100);

for (int i= 0; i < nSegment[nth]; i++) {

angle = i*(PI*2.0)/nSegment[nth];

x = cX+ r[nth]*cos(angle);

y = cY+ r[nth]*sin(angle);

pushMatrix();

translate(x, y);

rotate(angle +frameCount/rotateRate[nth]);

ellipse(0, 0, 60, 30);

popMatrix();

}

}