This site works A LOT better with JavaScript enabled!
This is the beta version of this site! Some things may not be working.

Simple GridSizer

Run
var game = new tine.Game(null, { preload: function() { game.load.image('placeholder', 'assets/placeholder.png'); }, create: function() { var image = game.load.get('placeholder'); // Create flexible bitmaps to fill the sizer area var obj01 = new tine.FlexBitmap(image, tine.STRETCH); var obj02 = new tine.FlexBitmap(image, tine.STRETCH); var obj03 = new tine.FlexBitmap(image, tine.STRETCH); var obj04 = new tine.FlexBitmap(image, tine.STRETCH); var obj05 = new tine.FlexBitmap(image, tine.STRETCH); var obj06 = new tine.FlexBitmap(image, tine.STRETCH); var obj07 = new tine.FlexBitmap(image, tine.STRETCH); var obj08 = new tine.FlexBitmap(image, tine.STRETCH); var obj09 = new tine.FlexBitmap(image, tine.STRETCH); // Set Up the the sizer var area = new createjs.Rectangle(0, 0, game.canvas.width, game.canvas.height); var grid = new tine.GridSizer(3, 3, area); grid.add(obj01); grid.add(obj02); grid.add(obj03); grid.add(obj04); grid.add(obj05); grid.add(obj06); grid.add(obj07); grid.add(obj08); grid.add(obj09); grid.layout(); // Add bitmaps to stage game.stage.addChild(obj01); game.stage.addChild(obj02); game.stage.addChild(obj03); game.stage.addChild(obj04); game.stage.addChild(obj05); game.stage.addChild(obj06); game.stage.addChild(obj07); game.stage.addChild(obj08); game.stage.addChild(obj09); } });