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

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

Upload: takeo-kunishima

Post on 15-Feb-2017

70 views

Category:

Education


0 download

TRANSCRIPT

[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