robolucha tank

by hamiltonlima

HTML

<canvas id="c" width="400" height="400"></canvas>

JavaScript

var stage = new createjs.Stage("c");
var colorBase = "#000000";
var colorBody = "#bab5a3";
var colorMotor = "#a59d85";
var colorCanhao = "#a59d85";
var colorBorder = "#746f61";
var speed = 5;

var size = 50;
var baseBorder = 10;
var miolo = size - (2*baseBorder);
var motorW = 8;
var motorH = 20;
var motorY = baseBorder + ((miolo-motorH)/2);
var curve = 4;
var nameBorder = 5;

var canhaoRaio = 10;
var cannonH = 10;
var cannonW = 34;
var cannonCurve = 4;
var container = new createjs.Container();

var colorBullet = "rgb(200,100,100)";
var bulletRaio = 6;

var base = new createjs.Shape();
base.regX = base.regY = size /2;
// fundo
base.graphics.beginFill(colorBase).drawRoundRect(0, 0, size, size, curve);

// miolo colorido
base.graphics.beginFill(colorBody).drawRect(0, baseBorder, size, size-(baseBorder*2));

//motor na parte de tras
base.graphics.beginFill(colorMotor).drawRect(0, motorY, motorW, motorH);

var gun = new createjs.Shape();
// base do canhao 
gun.graphics.beginFill(colorCanhao).drawRoundRect(0, -cannonH/2, cannonW, cannonH, cannonCurve);
gun.graphics.beginStroke(colorBase).drawRoundRect(0, -cannonH/2, cannonW, cannonH, cannonCurve);

gun.graphics.beginFill(colorCanhao).drawCircle(0, 0, canhaoRaio);
gun.graphics.beginStroke(colorBase).drawCircle(0, 0, canhaoRaio);
// canhao
gun.regX = gun.regY = 0;
gun.x = gun.y = 0; 

var text = new createjs.Text("me myself and I", "bold 14px Arial", "#000000");
var b = text.getBounds();
text.y = - (size/2 + b.height+ nameBorder);
text.x = - (b.width/2);

container.addChild(base);
container.addChild(gun);
container.addChild(text);
var direction =1;

container.x = container.y = 100;
stage.addChild(container);

var bullet = new createjs.Shape();

function shoot(){
	bullet.graphics.beginFill(colorBullet).drawCircle(0, 0,  bulletRaio);
	bullet.x = container.x + size/2;
	bullet.y = container.y;
	stage.addChild(bullet);
}

createjs.Ticker.on("tick", tick);

function tick(event) {
  //base.rotation += speed;
  // gun.rotation...