Position Display Objects in a Grid Layout


 / Published in: ActionScript 3
 

URL: http://enva.to/e4ig6z

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.

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.

  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. }

Report this snippet  

You need to login to post a comment.