Graphics with Processing

Transcription

1 Grahics with Processig htt://vilab.org

2 5.1 begishae( ) POINTS, LINES, TRIANGLES, TRIANGLE_FAN, TRIANGLE_STRIP, QUADS, QUAD_STRIP edshae() edshae(close): vertex(x, y) curvevertex(x, y) beziervertex(x1, y1, x2, y2, x3, y3) stroke() fill() P2D P3D size(,, P2D); 2

3 5.2 fial float a = 2 * PI / 5; fial float r = 200; P2D void setu() { size(600, 600, P2D); oloo(); float x0 = width/2, y0 = height/2; begishae(); vertex(x0 + r * cos(0*a), y0 + r * si(0*a)); vertex(x0 + r * cos(1*a), y0 + r * si(1*a)); vertex(x0 + r * cos(2*a), y0 + r * si(2*a)); vertex(x0 + r * cos(3*a), y0 + r * si(3*a)); vertex(x0 + r * cos(4*a), y0 + r * si(4*a)); edshae(close); for 5. 3

4 5.3 2D texture( ) PImage 3 begishae() edshae() P2D vertex(x, y, u, v) (x, y) (u,v) (u, v) texturemode( ) uv NORMAL: IMAGE: PImage ic; P2D void setu() { size(800, 800, P2D); ic = loadimage("sharaku.jg"); backgroud(0); it w = ic.width; it h = ic.height; // ostroke(); begishae(quad_strip); texture(ic); for (float f = 0; f < 1.1; f += 0.1) { float x = mousex * si(f * PI); float y = f * h; vertex(x, y, 0, y); vertex(x + w, y, w, y); edshae(); 4

5 5.4 ushmatrix(); traslate(x, y); rotate(a); /* (x,y) */ omatrix(); ushmatrix() omatrix() traslate(x, y) (x, y) rotate(a) a scale(s), scale(sx, sy) it agle = 0; void setu() { size(400, 400); rectmode(center); backgroud(255); fill(#ffa0a0); ushmatrix(); traslate(width/2, height/2); rotate(radias(agle)); ellise(0, 0, 200, 100); omatrix(); agle++; (0, 0) 5

6 5.5 // PFot PFot fot1, fot2; backgroud(255); void setu() { size(300, 300); // xy textalig(center, BOTTOM); // Processig // Tools Create Fot... // // fot1 = loadfot("imact-48.vlw"); // Java OS // fot2 = createfot(" ", 48); // MODEL textmode(model); ushmatrix(); traslate(width/2, height/2); rotate(radias(framecout)); fill(128, 0, 0); // textfot(fot1, 32); // text("processig", 0, 0); // fill(0, 0, 128); textfot(fot2, 48); text(" " + framecout, 0, 100); omatrix(); 6

7 5.6 mousex, mousey mousepressed mousex, mousey mousebutto LEFT, RIGHT, CENTER keypressed true key keycode void mousepressed() void mousereleased() void mousemoved() void mousedragged() void keypressed() void keyreleased() 7

8 5.7 1 begishae begishae 5.8 texture Edit Auto Format ArrayList Java java.util ArrayList< > list = ew ArrayList< >();.add(x).size().get(i).set(i, x).remove(i) x i i x i it float ItList, FloatList ItList a = ew ItList() a.aed(x) 8

9 5.8 // class Vertex { float x, y; color c; Vertex(float x, float y) { this.x = x; this.y = y; c = color(128, 128, 255); // ArrayList<Vertex> vlist = ew ArrayList<Vertex>(); void setu() { size(800, 600, P2D); framerate(30); backgroud(0); // for (Vertex v : vlist) { fill(v.c); ellise(v.x, v.y, 10, 10); // for // begishae edshae // 3 // void mousepressed() { // Vertex v = ew Vertex(mouseX, mousey); vlist.add(v); 9

10 5.9 loadstrigs(" ") 1 Sketch Add File Strig [] lies = loadstrigs("data.txt"); for (it i = 0; i < lies.legth; i++) { // lies[i] savestrigs(" ", ) loadstrigs float( ), it( ) str( ) hex( ) 16 uhex( ) 16 trim( ) joi() slit( ) joi 10

11 5.10 // // float[] data; void setu() { size(400, 200); oloo(); stroke(100); fill(255); rectmode(corner); backgroud(200); lie(0, height/2, width, height/2); if (data == ull) retur; it w = width / data.legth; for (it i = 0; i < data.legth; i++) { rect(w * i + w/2, height/2, w, -data[i]); void mouseclicked() { // selectiut("oe", "fileselected"); // void fileselected(file file) { if (file == ull) ritl("file ot foud. "); else loaddata(file.getabsolutepath()); void loaddata(strig fame) { Strig[] lies = loadstrigs(fame); data = ew float[lies.legth]; for (it i = 0; i < lies.legth; i++) data[i] = float(lies[i]); redraw(); 11