chap8_动画基础了解

一、帧频

概念

帧： 就是影像动画中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头。 一帧就是一幅静止的画面，连续的帧就形成动画，如电视图象等。 帧频： 是指每秒钟放映或显示的帧或图像的数量

示例代码

var app = new PIXI.Application(500,500);
document.body.appendChild(app.view);
			
var bg = new PIXI.Sprite.fromImage("img/bg.jpg");
app.stage.addChild(bg);
			
var plane = new PIXI.Sprite.fromImage("img/plane1.png");
app.stage.addChild(plane);
plane.y = 300;
			
bg.interactive = true;
bg.on("click", move);
			
function move(){
	//元素向上移动
	plane.y -=3;
}

二、帧频函数

[wm_notice]帧频函数：被程序自动反复调用 ，每秒被调用60次[/wm_notice]

核心代码

//自定义帧频函数（自动被程序每秒调用60次）
function 帧频函数名(){    
  //每一帧要完成的工作   
}   
//给应用程序添加帧频函数
应用窗口(app).ticker.add(帧频函数名);

三、if语句

[wm_notice]作用：根据某个条件，选择执行部分代码[/wm_notice]

语法

if( 执行条件 ){
	//当满足执行条件时执行的代码
}

示例代码

var a = 30;
var b = 20;
//如果b大于a则在console窗口中输出b>a，否则不输出
if( b>a ){
	console.log("b>a");
}

[wm_tips]注意：如果if语句中只有一行代码可以省略{ }[/wm_tips]