Position Display Objects in a Grid Layout

/ Published in: ActionScript 3
Save to your folder(s)

<p>This is a short way of positioning display objects in a grid layout. It makes use of the modulo operator (%) to position each display object along the x axis and the floor method of the Math class for the y position.</p>

<p>This example creates 20 instances of a custom display object called MyDisplayObject positioning each instance in a grid 5 columns wide. As you may have guessed, the two 5's in the snippet represent the number of columns in the grid.</p>

Copy this code and paste it in your HTML
  1. for (var i:uint = 0; i < 20; i++)
  2. {
  3. var displayObject:MyDisplayObject = new MyDisplayObject();
  4. displayObject.x = displayObject.width * ( i % 5 );
  5. displayObject.y = displayObject.height * Math.floor( i / 5 );
  6. addChild(displayObject);
  7. }

URL: http://enva.to/e4ig6z

Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.