[obelisk.js] demo - Brick

HTML

<script src="http://nosir.github.io/obelisk.js/dist/obelisk.min.1.0.2.js"></script>
<canvas id="canvas-demo" width="1500" height="300"></canvas>

CSS

#canvas-demo {
    background-color: #F4F4F4;
}

JavaScript

var canvas = document.getElementById('canvas-demo');

// create pixel view container in point
var point = new obelisk.Point(270, 40);
var pixelView = new obelisk.PixelView(canvas, point);

// create brick
var color = new obelisk.SideColor().getByInnerColor(obelisk.ColorPattern.PINK);
var dimension = new obelisk.BrickDimension(180, 240);
var brick = new obelisk.Brick(dimension, color, false);

// render in view
pixelView.renderObject(brick);