Processing Forum

Make a pattern like this.

[8 Replies]
- 31-Aug-2012 02:42 AM
- Forum: General Discussion
Saw this pattern from the always good house and bike blog

I was wondering how you make this kind of pattern in processing. Could it be done using a voronoi method?

Any pointers would be appreciated.

Thanks

Motion Detection

[2 Replies]
- 12-Jul-2012 08:37 PM
- Forum: Core Library Questions
Hi I've been working on this sketch where the elements of the pattern change size based on the brightness of the video input. I want to change it so the pattern changes based on movement of the video input. So that I don't have to rely as much on lighting etc for the sketch to work properly.

Any help or pointers would be great.

Thanks

Sam
1. import processing.video.*;
3. final int VIDEO_WIDTH = 800;
4. final int VIDEO_HEIGHT = 600;
6. Capture video;
8. int w = 20;
10. Spot[][] sp;
11. color[] c = new color[36];
13. int cols = VIDEO_WIDTH / w;
14. int rows = VIDEO_HEIGHT / w;
16. void setup() {
17. size(VIDEO_WIDTH, VIDEO_HEIGHT, P2D);
18. smooth();
19. //////Colours/////////
20. c[0] = color(#f4b264);
21. c[1] = color(#bee5e4);
22. c[2] = color(#fe022b);
23. c[3] = color(#082f56);
24. c[4] = color(#f8f3d6);
25. c[5] = color(#fceea7);
26. c[6] = color(#ff7101);
27. c[7] = color(#f1d7ca);
28. c[8] = color(#ffafc3);
29. c[9] = color(#abe6e2);
30. c[10] = color(#e2e8ce);
31. c[11] = color(#ffcb00);
32. c[12] = color(#aae354);
33. c[13] = color(#ddb0b7);
34. c[14] = color(#d2e6b5);
35. c[15] = color(#77a3be);
36. c[16] = color(#005c9d);
37. c[17] = color(#bb3325);
38. c[18] = color(#fdd4e2);
39. c[19] = color(#0dbbde);
40. c[20] = color(#643324);
41. c[21] = color(#99e1d3);
42. c[22] = color(#ff92a9);
43. c[23] = color(#a7bbba);
44. c[24] = color(#d0e099);
45. c[25] = color(#00b14b);
46. c[26] = color(#0376b9);
47. c[27] = color(#fedf2d);
48. c[28] = color(#fbd362);
49. c[29] = color(#fe5900);
50. c[30] = color(#4fb900);
51. c[31] = color(#fdd4e2);
52. c[32] = color(#ddb0b7);
53. c[33] = color(#a9998a);
54. c[34] = color(#77a3be);
55. c[35] = color(#bdb0b7);
56. ///////////////////////
57. sp = new Spot[cols][rows];
58. for (int i = 0; i < cols; i++) {
59. for (int j = 0; j < rows; j++) {
60. sp[i][j] = new Spot(i * w + (w/2), j * w + (w/2), w, c[int(random(0, 35))]);
61. }
62. }
63. video = new Capture(this, cols, rows, 24);
64. }
66. void draw() {
67. background(255);
68. if (video.available()) {
69. video.read();
70. }
72. for (int i = 0; i < cols; i++) {
73. for (int j = 0; j < rows; j++) {
74. int x = i*w;
75. int y = j*w;
76. int loc = (video.width - i - 1) + j*video.width;
77. color c = video.pixels[loc];
78. float sz = (brightness(c)/255.0)*w;
79. float csz = constrain(sz, 5, w);
80. sp[i][j].display(csz);
81. }
82. }
84. }
86. //////////////////////////////////////////////////////////
88. class Spot {
90. // Variables
91. float x;
92. float y;
93. float w;
94. color c;
96. // Constructor
97. Spot(float xpos, float ypos, float wspot, color cspot) {
98. x = xpos;
99. y = ypos;
100. w = wspot;
101. c = cspot;
102. }
104. // Functions
105. void display(float w) {
106. fill(c);
107. noStroke();
108. ellipseMode(CENTER);
109. ellipse(x, y, w, w);
110. }
112. }

unexpected token: [

[3 Replies]
- 02-Jul-2012 10:20 AM
- Forum: Programming Questions
Hi can someone help and tell me why I have an unexpected token ' [ ' on line 2
1. color[] c = new color[36];
2. c[0] = color(#f4b264);
3. c[1] = color(#bee5e4);
4. c[2] = color(#fe022b);
5. c[3] = color(#082f56);
6. c[4] = color(#f8f3d6);
7. c[5] = color(#fceea7);
8. c[6] = color(#ff7101);
9. c[7] = color(#f1d7ca);
10. c[8] = color(#ffafc3);
11. c[9] = color(#abe6e2);
12. c[10] = color(#e2e8ce);
13. c[11] = color(#ffcb00);
14. c[12] = color(#aae354);
15. c[13] = color(#ddb0b7);
16. c[14] = color(#d2e6b5);
17. c[15] = color(#77a3be);
18. c[16] = color(#005c9d);
19. c[17] = color(#bb3325);
20. c[18] = color(#fdd4e2);
21. c[19] = color(#0dbbde);
22. c[20] = color(#643324);
23. c[21] = color(#99e1d3);
24. c[22] = color(#ff92a9);
25. c[23] = color(#a7bbba);
26. c[24] = color(#d0e099);
27. c[25] = color(#00b14b);
28. c[26] = color(#0376b9);
29. c[27] = color(#fedf2d);
30. c[28] = color(#fbd362);
31. c[29] = color(#fe5900);
32. c[30] = color(#4fb900);
33. c[31] = color(#fdd4e2);
34. c[32] = color(#ddb0b7);
35. c[33] = color(#a9998a);
36. c[34] = color(#77a3be);
37. c[35] = color(#bdb0b7);
39. int arrayLength = c.length;
41. void setup() {
42. size(500, 500);
43. smooth();
44. background(255);
45. noStroke();
46. }
48. void draw() {
49. for(int i = 0; i < arrayLength; i++) {
50. fill(c[i]);
51. ellipse(i*width/arrayLength,14, 14);
52. }
53. }
Thanks

Pushing pixels

[6 Replies]
- 26-Jun-2012 09:13 AM
- Forum: Programming Questions
Hi I've been trying to work out how to get this effect on images. Here are a few examples

http://blog.houseandbike.com/Swirly

http://blog.houseandbike.com/Sediment

I've had a go myself but I can't seem to get the same results.
2. PImage img;
3. int s = 0;
5. void setup() {
6. img = loadImage("mount.jpeg");
7. size(img.width, img.height, P2D);
8. image(img,0,0,img.width,img.height);
9. println("img w = " + img.width);
10. println("img h = " + img.height);
11. }
13. void draw() {
14. for(int x = 0; x < img.width; x++) {
15. for(int y = 0; y < img.height; y++) {
16. if(random(1000) > 950) {
17. set(x, y+1, get(x,y));
18. }
19. }
20. }
21. }
23. void keyPressed() {
24. if(key == 'p') {
25. noLoop();
26. }
27. if(key == 's') {
28. save("outputs"+ s + ".png");
29. println("image saved " + s);
30. s++;
31. }
32. }
My output

Any points in the right direction would be great.

Thanks

Sam.

Transparent png with objects PGraphics

[2 Replies]
- 09-May-2012 07:50 AM
- Forum: Programming Questions
Hello I'm stuck at the moment,

I'm trying to export a transparent .png I know I have to do this with PGraphics, but I can't figure how to implement it into my code.

I've tried putting it in my class 'Tile' but I cant seem to get it to work. Here is the blank code without any PGraphics.

Any help would be greatly appreciated.

Thanks

Sam
2. int cols = 48;
3. int rows = 30;
4. int tileSize = 20;
6. Tile[][] myTile = new Tile[cols][rows];
8. void setup() {
9. size(960,600);
10. for(int i = 0; i < cols; i++) {
11. for(int j = 0; j < rows; j++) {
12. myTile[i][j] = new Tile(i,j);
13. }
14. }
15. noLoop();
16. }
18. void draw() {
19. background(255);
20. for(int i = 0; i < cols; i++) {
21. for(int j = 0; j < rows; j++) {
22. myTile[i][j].rdmColor();
23. myTile[i][j].display();
24. }
25. }
26. }
28. void mousePressed() {
29. loop();
30. for(int i = 0; i < cols; i++) {
31. for(int j = 0; j < rows; j++) {
32. myTile[i][j].change();
33. }
34. }
35. noLoop();
36. }
38. void keyPressed() {
40. int s = 1;
42. String fileName = "alphatest";
44. save(fileName + s + ".png");
45. println(fileName + s + ".png saved");
48. s++;
50. }
52. ///////////////////////////////////////////////////
54. class Tile {
56. // Variables
57. int Xindex;
58. int Yindex;
59. float tilt;
60. int rdmCols;
61. float x, y;
63. // Constructor
64. Tile(int Xindex, int Yindex) {
66. x = Xindex * tileSize + tileSize/2;
67. y = Yindex * tileSize + tileSize/2;
68. }
70. // Functions
72. void display() {
73. noStroke();
74. fill(0);
75. //fill(rdmCols);
76. smooth();
77. pushMatrix();
78. translate(x,y);
79. rotate(tilt);
80. triangle(-tileSize/2, -tileSize/2, -tileSize/2, tileSize/2, tileSize/2, tileSize/2);
81. popMatrix();
82. }
84. void change() {
86. float randNum;
88. float[] num = new float[4];
89. num[0] = 0;
90. num[1] = PI/2;
91. num[2] = PI;
92. num[3] = 3*PI/2;
94. randNum = num[int(random(0,num.length))];
96. // Organised
97. tilt += randNum;
99. // Organised Chaos
100. //tilt += random(radians(0),radians(270));
101. println(tilt);
103. }
105. void rdmColor() {
107. int[] rdmCol = new int[3];
108. rdmCol[0] = color(#3F00FF);
109. rdmCol[1] = color(#9E7EFF);
110. rdmCol[2] = color(#CEBFFF);
112. rdmCols = rdmCol[int(random(0,rdmCol.length))];
114. }
116. }

Activity Trend