Atlassian uses cookies to improve your browsing experience, perform analytics and research, and conduct advertising. Accept all cookies to indicate that you agree to our use of cookies on your device. Atlassian cookies and tracking notice, (opens new window)
Confluence
For you

Programming
Results will update as you type.
  • Tiling and Repetition
    • Arrays and lists for visual grids
    • Exercises
    • Modifying distribution along width and height
    • Modifying rotation by distribution
    • Modifying scale with distribution
  • Reactors
  • Programming Basics: Parametric and Generative Graphic Design 2016
  • Archive
  • High Scores
  • Artificial Neural Network
  • Alternatives to the Processing IDE
  • p5.js Programming
  • Programming in Processing (java)

/
Modifying distribution along width and height

Modifying distribution along width and height

Nov 07, 2017

 

 

int gridW = 10;
int gridH = 10;
int border = 100;
int stepX = 40;
int stepY = 40;
float distModifier = 1.05;
int graphicSize = 30;
 
void setup()
{
size(800,800);
background(255);
noStroke();
fill(0);
 
 
float distX = stepX;
float distY = stepY;
translate(border,border);
println(pow(distModifier,gridW));
for(int i=0;i < gridH;i++)
{
for(int j = 0;j < gridW;j++)
{
rect(j * distX, i * distY, graphicSize, graphicSize);
distX *= distModifier;
}
distX = stepX;
distY *= distModifier;
}
}
, multiple selections available,
Related content
Modifying scale with distribution
Modifying scale with distribution
Luke Franzke
Modifying rotation by distribution
Modifying rotation by distribution
Luke Franzke
p5.js Tiling and Repetition
p5.js Tiling and Repetition
Luke Franzke
(Extra) Curve Reactor
(Extra) Curve Reactor
Luke Franzke
Simple Collision Detection
Simple Collision Detection
Luke Franzke
Lesson 2.4 - Exercises
Lesson 2.4 - Exercises
Luke Franzke
{"serverDuration": 15, "requestCorrelationId": "4dd405f72ac24e51b0da494657c4b22a"}