西瓜君✔

发表文章数:330

热门标签

, ,

一、帧频

概念

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

示例代码

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)

评论 抢沙发

评论前必须登录!

  注册