Processing Forum

2d array grid symmetry activity

[0 Replies]
- 15-Jan-2013 03:44 AM
- Forum: Share your Work
This is for Kindergartners to learn about symmetry. They will do it on ipads with Processing.js. They tap on the left to get a random pattern of black squares and have to tap the corresponding mirrored squares on the right side. I used 2 two D arrays and 2-two d arrays of boolean variables to set them to white or black. If there is a better way to do this I welcome suggestions.:
2. Box[][] boxesLeft
3. Box[][] boxesRight;
4. int cols = 6;
5. int rows = 4;
6. float bias = 0.7;
7. boolean[][] isLeftWhite = new boolean[cols/2][rows];
8. boolean[][] isRightWhite = new boolean[cols/2][rows];
9. int[][] x = new int[cols/2][rows];
10. int[][] y = new int[cols/2][rows];
11. int cell = 100;
13. void setup() {
14. size(cols*cell,rows*cell);
15. stroke(0);
16. boxesLeft = new Box[cols/2][rows];
17. boxesRight = new Box[cols/2][rows];
18. for(int i=0;i<cols/2;i++) {
19. for(int j=0;j<rows;j++) {
20. x[i][j] = (i+cols/2)*width/cols;
21. y[i][j] = j*height/rows;
22. boxesLeft[i][j] = new Box(i*width/cols,j*height/rows,cell,cell);
23. boxesRight[i][j] = new Box(x[i][j],y[i][j],cell,cell);
24. isLeftWhite[i][j] = random(1) < bias;
25. isRightWhite[i][j] = true;
26. }
27. }
28. }
30. void draw() {
31. background(0);
32. for(int i=0;i<cols/2;i++) {
33. for(int j=0;j<rows;j++) {
34. boxesLeft[i][j].display(isLeftWhite[i][j]);
35. boxesRight[i][j].display(isRightWhite[i][j]);
36. }
37. }
38. strokeWeight(4);
39. stroke(150);
40. line(width/2,0,width/2,height);
41. }
43. void mousePressed() {
44. if(mouseX < width/2) {
45. newSquares();
46. } else {
47. checkUserPick();
48. }
49. }
51. void checkUserPick() {
52. for(int i=0;i<cols/2;i++) {
53. for(int j=0;j<rows;j++) {
54. int indexOffset = -i-1+cols/2;
55. if(mouseX > x[indexOffset][j] &&
56. mouseX < x[indexOffset][j]+cell &&
57. mouseY > y[indexOffset][j] &&
58. mouseY < y[indexOffset][j]+cell) {
59. if(isLeftWhite[i][j] == false) {
60. isRightWhite[indexOffset][j] = false;
61. }
62. }
63. }
64. }
65. }
67. void newSquares() {
68. for(int i=0;i<cols/2;i++) {
69. for(int j=0;j<rows;j++) {
70. isLeftWhite[i][j] = random(1) < bias;
71. isRightWhite[i][j] = true;
72. }
73. }
74. }
77. class Box {
78. int x,y,w,h;
79. color c = 255;
81. Box(int x_, int y_, int w_, int h_) {
82. x = x_;
83. y = y_;
84. w = w_;
85. h = h_;
86. }
88. void display(boolean isWhiteLeft) {
89. stroke(0);
90. strokeWeight(1);
91. if(isWhiteLeft) {
92. fill(c);
93. } else {
94. noFill();
95. }
96. rect(x,y,w,h);
97. }
98. }

trying to delay a loop

[8 Replies]
- 05-Oct-2012 12:37 PM
- Forum: Programming Questions
I'm trying to delay my for loop in draw so the rectangles appear one at a time with 3 seconds delay rather than all appearing after an initial delay of 3 seconds. Can anyone see why the latter is happening and not the former? Delay() does not work and I've read much about how it is not appropriate for many contexts.
Thanks for any help.
1. int[] x = new int[3];
  
  void setup() {
  
  size(400,300);
  
  background(0);
  
  smooth();
  
  for(int i=0;i<3;i++) {
  
  x[i] = i*100;
  
  }
  
  }
  
  void draw(){
  
  boolean keepWaiting=true;
  
  int timeSinceLastLetter = millis();
  
  for(int i = 0; i < 3; i++){
  
  println(timeSinceLastLetter);
  
  rect(x[i],100,50,50);
  
  timeSinceLastLetter = millis();
  
  while (keepWaiting){
  
  while (millis()- timeSinceLastLetter < 3000){
  
  keepWaiting=true;
  
  }
  
  keepWaiting=false;
  
  }
  
  }
  
  }

passing array values to class method

[4 Replies]
- 27-Jun-2012 06:20 PM
- Forum: Programming Questions
If anyone has a suggestion...I am stuck. The problem is with the 'twinkle' method at the end of code, but I'm posting all for context. I updated this old sketch that shows the Big Dipper twinkling with each star at a slightly different magnitude. As I've updated it to learn to write classes and arrays I'm finding I can't get the twinkle at different magnitude part to work. Each star grows and ebbs at the same rate and size. If you see down to line 69, the twinkle method in the Star class is where I'm passing array values for the maxSize of each. What I am finding is all stars will set their maxSize value by the highest value in the array no matter at what index that occurs, not their own maxSize value. Note all that text in the display method is just to see what values are being passed at each moment.
Any help is appreciated!
2. PFont f;
3. Star[] stars = new Star[7];
5. int[] xpos = {50,200,300,400,400,600,700};
6. int[] ypos = {100,110,200,290,450,500,360};
7. int[] r = {255,200,255,255,255,255,200};
8. int[] g = {255,200,255,255,230,255,200};
9. int[] b = {200,255,200,255,150,255,255};
10. float[] magnitude = {0.05,0.06,0.05,0.07,0.04,0.05,0.09};
11. float[] maxSize = {5,3,5,2.5,5,3,4};
12. String[] name = {"Alkaid","Mizar","Alioth","Megrez","Phad","Merak","Dubhe"};
13. float base;
15. void setup() {
16. size (800,600);
17. frameRate(30);
18. f = createFont("Arial", 16, true);
19. base = 1.0;
20. //initialize stars
21. for(int i = 0;i < stars.length;i++) {
22. stars[i] = new Star(xpos[i],ypos[i],r[i],g[i],b[i],magnitude[i],maxSize[i],name[i]);
23. }
24. }
26. void draw() {
27. background(0);
28. textFont(f);
29. //display stars and make them twinkle
30. for(int i = 0;i < stars.length;i++) {
31. stars[i].twinkle();
32. stars[i].display();
33. }
34. }
37. class Star {
38. int xpos;
39. int ypos;
40. int r;
41. int g;
42. int b;
43. float magnitude;
44. float maxSize;
45. String name;
47. Star(int xpos_, int ypos_, int r_, int g_, int b_, float magnitude_, float maxSize_, String name_) {
48. xpos = xpos_;
49. ypos = ypos_;
50. r = r_;
51. g = g_;
52. b = b_;
53. magnitude = magnitude_;
54. maxSize = maxSize_;
55. name = name_;
56. }
58. void display() {
59. strokeWeight(base);
60. stroke(r,g,b);
61. point(xpos,ypos);
62. textAlign(LEFT);
63. text("max " + int(maxSize),xpos-25,ypos-5);
64. text("mag " + magnitude,xpos+35,ypos-5);
65. text("base " + int(base),xpos,ypos+20);
66. text(name,xpos,ypos-20);
67. }
69. void twinkle() {
70. base = base + magnitude;
71. if(base > maxSize || base <= 1) {
72. magnitude = magnitude*=-1;
73. }
74. }
75. }

Activity Trend