闹钟练习

var gameType = 0;
var app = new PIXI.Application(500,800);
document.body.appendChild(app.view);
var bg = new PIXI.Sprite.fromImage("res/lianxi/findFace/bg.png");
app.stage.addChild(bg);
//进度条
var tiaoBg = new PIXI.Sprite.fromImage("res/lianxi/findFace/tiaoBg.png");
app.stage.addChild(tiaoBg);
tiaoBg.x = 45;
tiaoBg.y = 70;
var tiao = new PIXI.Sprite.fromImage("res/lianxi/findFace/tiao.png");
tiaoBg.addChild(tiao);
tiao.x = 2;
tiao.y = 2;
//时钟
var tiaoIcon = new PIXI.Sprite.fromImage("res/lianxi/findFace/tiaoIcon.png");
tiaoBg.addChild(tiaoIcon);
tiaoIcon.anchor.x = 0.5;
tiaoIcon.x = 380;
tiaoIcon.y = -30;
var tiaoAllTime = 60 * 60;//固定 60秒 * 60帧
var tiaoTime = 60 * 60;//当前
//文本样式
var style = {
    font : '20px 微软雅黑',//加粗 倾斜 字号 字体名称
    fill : '#F7EDCA',//颜色
    stroke : '#4a1850',//描边颜色
    strokeThickness : 3,//描边宽度
    dropShadow : true,//开启阴影
    dropShadowColor : '#000000',//阴影颜色
    dropShadowAngle : Math.PI / 6,//阴影角度
    dropShadowDistance : 2,//投影距离
};
//文本
var str = "Time: "+tiaoTime/60;
//创建文本
var timeTxt = new PIXI.Text(str,style);
app.stage.addChild(timeTxt);
timeTxt.x = 380;
timeTxt.y = 10;
//开始按钮
var startBtn = new PIXI.Sprite.fromImage("res/lianxi/findFace/start.png");
startBtn.x = 129;
startBtn.y = 450;
app.stage.addChild(startBtn);