20160723 オープンキャンパス資料

44
ププププププププ プププププププププププ ププププププププププププププププププ ププププププププ ププププ[email protected] http://www.slideshare.net/kunishi/20160723-64269

Transcript of 20160723 オープンキャンパス資料

[email protected]://www.slideshare.net/kunishi/20160723-64269371

Processingetc.

Processing http://www.processing.org/Processing http://ap.kakoku.net/ProcessingBuilt with Processing /BNN

Processing

!

Processing

Processing processing !

Web

Firefox Web

http://www.slideshare.net/kunishi/20160723-64269371

Processing

1. ellipse(50, 50, 80, 80);2. 1Ellipse(50, 50, 80, 80);ellipse(50. 50, 80, 80);ellipse(50, 50, 80, 80)

[]!

3. URL&https://gist.github.com/kunishi/3096487

(), {} void setup() { size(480, 120); smooth();}void draw() { if (mousePressed) { fill(0); } else { fill(255); } ellipse(mouseX, mouseY, 80, 80);}

4. size(800, 600);point(240, 60);line(20, 50, 420, 110);[]Processing (1, 2, )Processingxyy[]size(, )

(1)point(x, y)(x, y)line(x1, y1, x2, y2)(x1, y1) (x2, y2) rect(x1, y1, width, height)(x1, y1), width, height triangle(x1, y1, x2, y2, x3, y3)(x1, y1), (x2, y2), (x3, y3) quad(x1, y1, x2, y2, x3, y3, x4, y4)(x1, y1), (x2, y2), (x3, y3), (x4, y4)

(2)ellipse(x1, y1, width, height)(x1, y1), width, height width height arc(x1, y1, width, height, start, end)(x1, y1), width, height, start, end radians(a)a0a360: arc(90, 60, 80, 80, 0, radians(90))

5. 480, 1202 (160, 30), 260, 20 (140, 0), 190

https://gist.github.com/kunishi/7996f7d50e511e3358d9

3-10File > Examples > Books > Getting Started > Chapter03 > Ex_03_1020

0RGB(R), (B), (G)HSBHSB

(1)colorMode(mode, max)mode (RGB HSB)maxbackground(), background(R, G, B), background(H, S, B)

[]colorMode(HSB, 100); // HSBH, S, B099background(99); // 99

(2)stroke(), stroke(R, G, B), stroke(H, S, B)strokeWeight()noStroke()fill(), fill(R, G, B), fill(H, S, B)noFill()

6. https://gist.github.com/kunishi/3134851?

fill(45, 80, 99);rect(0, 0, 200, 200);

fill(45, 60, 99);rect(0, 0, 150, 150);

fill(45, 40, 99);rect(0, 0, 100, 100);

fill(45, 20, 99);rect(0, 0, 50, 50);[0]80 = 80200, 200 = 200500[1]60 = 80201, 150 = 200501[2]40 = 80202, 100 = 200502[3]20 = 80203, 50 = 200503

7. 6https://gist.github.com/kunishi/3134851?

https://gist.github.com/kunishi/53f33842f7e95207e37c

int i; // for (i = 0; i