Hi, I'm working on a poster (static) in which a given text input was transform into characters and placed onto screen with text() function.

I know to map a texture we go like:

Hi, it's me again Nkjao.  I'm working on a photomosaic project, which requires me to divide a source image into grids of 25x25 pixel tiles.  Then I average that area of color pixels and return it to fill that tile.  

Here is a template class in Processing:

I always thought processing statements should be wrapped with "{ }".  Recently, I've encountered "};" at the end of Jer Thorp's  Processing code  http://blog.blprnt.com/blog/blprnt/processing-json-the-new-york-times 

Hi everyone.  I'm learning how to visualize data using Processing.  Any popular sources which provide xml, tsv, or csv data files?  Thanks.

With garbage collector I assume there's no way to allocate computer's memory manually in Processing (or Java).  This prevents processing software from running heavy-duty.  When dealing with numerous generatively created objects, Processing sketches always slow down to an end (crash).  Not to mention if a single object has some elaborate details of its own. 

I used the function contactStarted() to add FCircle objects at the point where a glyph "touch" the world's edge or one another.  When it does, the FCircle objects keep being created until it crashes, sending message:

Hi there, it's me again Nokjao! Today I wanna ask a simple questions:

I have tried several ways to prototype an Invader object which basically needs to update itself in two recursive actions.  Let me describe it in this diagram:


Yes, what came to my mind was 2D array!  So I assigned each cell a boolean variable and a startup value.  It all went fine, and I was able to draw the first (static) frame, but had no idea how to update and animate the second frame.


And here is my code. I address the problems in red letters:

Bit[][] bitsy;
int cols = 11;
int rows = 11;
boolean a = true;
boolean b = true;
boolean c = false;
boolean d = false;
boolean[][] grid =   { {d,d,d,d,d,d,d,d,d,d,d},
                       {d,d,b,d,d,d,d,d,b,d,d},
                       {c,d,d,b,d,d,d,b,d,d,c},
                       {c,d,b,b,b,b,b,b,b,d,c},
                       {c,b,b,d,b,b,b,d,b,b,c},
                       {b,b,b,b,b,b,b,b,b,b,b},
                       {a,b,b,b,b,b,b,b,b,b,a},
                       {a,d,b,a,a,a,a,a,b,d,a},
                       {a,c,a,d,d,d,d,d,a,c,a},
                       {d,d,d,a,a,d,a,a,d,d,d},
                       {d,d,d,d,d,d,d,d,d,d,d} };

void setup() {
  size(110, 110);
  background(125);
  smooth();
  bitsy = new Bit[cols][rows];
  // Initialize each object
  for (int i = 0; i < cols; i++) {
    for (int j = 0; j < rows; j++) {
      bitsy[j][i] = new Bit();                // bitsy[i][j] = new Bit(); will result in a 90-degree rotated image
    }
  }
}

void draw() {
  a = false;
  c = true;
  background(125);
  for (int i = 0; i < cols; i++) {
    for (int j = 0; j < rows; j++) {
       if (grid[j][i] == true) {
        bitsy[j][i].display(i*10, j*10, 10, 10, #FFFF00);      // bitsy[i][j] will result in 90-degree rotated image
      }
    }
  }
}

class Bit {
  float x, y;  // x, y location
  float w, h;  // width and height
  color c;     // fill color
 
  Bit() {}
 
  void display(float xp, float yp, float wt, float ht, color ct) {
    x = xp;
    y = yp;
    w = wt;
    h = ht;
    c = ct; 
    noStroke();
    fill(c);
    rect(x, y, w, h);
  }
 
Questions:

1. At the point where I assign a boolean 2D array named grid.  Could you pls suggest a tidier way of assigning values (in this case, selectively) to a 2D array without doing it in one-go, matrix style like that? (A more algorithmic way, whether through subset(), append(), splice() or other array methods)

2. When I go through a for loop to assign objects to array, int i is a counter variable for cols, and int j for rows.  But when I go bitsy[i][j]....I got a 90-degree rotation.



3. Lastly, please advice how to add an update method so that the frame two play in draw() and loop over and over.  Thanks a whole lot.

I am just another designer getting up to speed with computing, and here is another question I need to know for the sake of advancing further.

Considering a super-simple class:

class Simple {

// param
      float x, y;
      color c;
      float d;

// ctor
      Simple(float tempX, float tempY, color tempC, float tempD) {
                  x = tempX;
            y = tempY;
         c = tempC;
         d = tempD;
            }


// methods
      void setMe() {}

      void move() {}

      void update() {}
}

Main Question:
I noticed that in many cases, I do not need a constructor at all (blank ctor), since I can "construct" an object from a method (i.e. setMe() ).  Can I assume that constructors are a kind of in-built overloaded methods to "construct" any first instance of a class?

            void setMe(float tempX, float tempY, color tempC, float tempD) {
                  x = tempX;
            y = tempY;
         c = tempC;
         d = tempD;
            }

A Bonus Question:
I don't mean to sound like Neo (the Matrix) but "Is everything a method afterall?"  I mean, looking at programming in  a naive way of mine, everything looks more or less a class, say a so-called library is a class composed of many pre-built functions and methods, and so is the Processing IDE I am using.  Can I look at it that way?

Many thanks in advance,

Currently, I have been editing the editor's font in the preference.txt.  My current setting is:

editor.font=Courier New,Regular,13

Well, the editor font isn't really Courier New.



So, I'd like to know how I can restore to the default preference (everything including editor font) and also how to make set the editor's font correctly.

Thanks.

As per below:

void draw() {
  for (int i = 0; i < 20; i++) {
    drawLine(int(random(width)), int(random(height)),
    int(random(7)), int(random(255)));
  }
}

drawLine() is a function for drawing a line.  I'm just wondering why once in this for() Loop it draws 20 random lines in correspondence to the i variable in the loop, since I see no relationship between the int i and the function at all.  (The i variable is not operated or even visible in any way in the argument of the function)

Thanks for the heads up.

// Hi y'all, it's me Nokjao again.  Please take a look at my code here:

//// The code starts here ////

GumBall[] balls = new GumBall[100];

void setup() {
  size(480, 480);
  smooth();
  colorMode(RGB);
  randomSeed(2);
  for (int i = 0; i < balls.length; i++) {
    float x = random(width);
    float y = random(height);
    float d = random(10, width/3);
    color c = color(random(0, 255), random(40, 255), random(70, 255), random(30, 100));
    balls[i] = new GumBall(x, y, d, c);
  }
}

void draw() {
  background(255);
  for (int i = 0; i < balls.length; i++) {
    balls[i].display();
    balls[i].jitter();
    balls[i].scatter();
  }
}

//// class GumBall ////

class GumBall {
 
  float x;                              
  float y;
  float d;
  float homeX;
  float homeY;
  color c;
  float linger = 0.4;
  float speed = 3;
  Fur furs = new Fur(x, y, d, c);
  
 
  GumBall(float xi, float yi, float di, color ci) { 
    x = homeX = xi;
    y = homeY = yi;
    d = di;
    c = ci;
    furs.start();
  }
 
  void display() {    
    noStroke();
    fill(c);
    ellipseMode(CENTER);
    ellipse(x, y, d, d);
    fill(alpha(c));
    ellipse(x, y, d/75, d/75);
  }
 
  void jitter() {
    if ((mouseX < x+100) && (mouseX > x-100)) {
      if ((mouseY < y+100) && (mouseY > y-100)) {
        x += (noise(-speed, speed))*3;
        y += (noise(-speed, speed))*3;
      }
    }
    else {
      x += random(-linger, linger);
      y += random(-linger, linger);
    }
  }
 
  void scatter() {
    float easing = 0.05;
    float targetX = x;
    float targetY = y;
    if (mousePressed) {
      x += (targetX - (random(-d, width+d))) * easing;
      y += (targetY - (random(-d, height+d))) * easing;
    }
    else {
      float easingBack = 0.08;
      x += (homeX - x) * easingBack;
      y += (homeY - y) * easingBack;
    }
  }
}

//// subclass Fur, which inherits GumBall ////

class Fur extends GumBall {
  
  // Constructor for Fur class inheriting variables from GumBall superclass
  Fur(float x, float y, float d, color c) {
    super(x, y, d, c);
  }
 
  void start() {
      strokeWeight(0);
      stroke(alpha(c));
      pushMatrix();
      translate(x, y);
      for (int deg = 0; deg < 360; deg += 10) {
        line(0, 0, cos(radians(deg)) * (d/2), sin(radians(deg)) * (d/2));
      }
      popMatrix();
  }
}

/*
What I'm trying to do here is to "embed" the Fur objects inside the GumBall objects so that when GumBall objects
 are called, the Fur objects are contained inside them and inherit their behaviors (or methods).
I've tried several methods and in one method the processing rendered erratically, while with this code it just did not run at all with the following error message:

"StackOverflowError: This sketch is attempting too many recursions"

Please help me on this, thanks so much.

Nokjao

*/

Hi y' all,

I'm coding a bunch of Pacmen which are supposed to "munch" while bouncing back and forth in the display window.  The problem is most of them munch way to fast, while a few munch slower to very slow.  Here's my code:

// Code starts here

Pacman[] pac = new Pacman[50];

void setup() {
  size(400, 200);
  smooth();
  for(int i = 0; i < pac.length; i++) {
    pac[i] = new Pacman();
  }
}

void draw() {
  background(0);
  for(int i = 0; i < pac.length; i++) {
    pac[i].display();
    pac[i].go();
    pac[i].munch();
  }
} 

// Pacman class block starts here

class Pacman {   
  float x;
  float y;
  float radius;
  float speed;
  color col;
  int direction;
 
  Pacman() {
    radius = random(10, 30);
    x = random(radius, width-radius);                                
    y = random(height);
    speed = random(1.0, 4.0);
    colorMode(HSB, 360, 100, 100);
    col = color(random(20, 120), 100, random(80, 100));
    direction = 1;
  }
 
  void display() {
    noStroke();
    fill(col);
    ellipseMode(RADIUS);
  }
 
  void go() {
    x += speed * direction;
    if ((x > width - radius) || (x < radius)) {
      direction = -direction;
    }
  }

  // I know the problem lies in here, just what did I miss?

  void munch() {
    int n = int(x);                                                                  // Cast float x to int n
    if (direction == 1) {                                                          // If pacman is going to the right,
      if (n%2 == 0) {                                                              //  and that n%2 is 0,
        ellipse(x, y, radius, radius);                                          // draw a pacman with mouth closed
      }
      else {
        arc(x, y, radius, radius, radians(35), radians(325));         // Else, draw a pacman with mouth open to the right.
      }
    }
    if (direction == -1) {                                                         // If pacman is going back to the left,
      if (n%2 == 0) {                                                              // and that n%2 == 0,
        ellipse(x, y, radius, radius);                                          // draw a pacman with mouth closed.
      }
      else {
        arc(x, y, radius, radius, radians(215), radians(505));       // Else, draw a pacman with mouth open to the left.
      }
    }
  }
}

// This code ends here

Your kind help would be very much appreciated!  Thanks in advance.

Hi y'all.  Here's my code: