一、帧频

概念

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

示例代码

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;
}

二、帧频函数

帧频函数:被程序自动反复调用 ,每秒被调用60次

核心代码

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

三、if语句

作用:根据某个条件,选择执行部分代码

语法

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

示例代码

var a = 30;
var b = 20;
//如果b大于a则在console窗口中输出b>a,否则不输出
if( b>a ){
	console.log("b>a");
}
注意:如果if语句中只有一行代码可以省略{ }

未经允许不得转载:作者:西瓜君✔, 转载或复制请以 超链接形式 并注明出处
原文地址:《chap8_动画基础了解》 发布于2020-03-27

分享到:
赞(0) 打赏

评论 抢沙发

评论前必须登录!

  注册



觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册