1.帧频函数介绍及特点

介绍

帧频函数是new PIXI.Application()提供的功能，用于实现补间动画的效果。

特点

1、帧频函数添加后，由系统自动调用
2、帧频函数每秒钟被调用60次

使用方法

var app = new PIXI.Application(500,700);    
document.body.appendChild(app.view);    
app.ticker.add(帧频函数名); //给应用程序添加帧频函数    
function 帧频函数名(){    
相关代码;    
}

1.帧频函数的使用

示例

var app = new PIXI.Application(500,700);
document.body.appendChild(app.view);
var plane = new PIXI.Sprite.fromImage("res/plane/main/img_plane_enemy_04.png");
app.stage.addChild(plane);
app.ticker.add(animate);
function animate() {
    plane.y += 1;
}

代码讲解

1、添加帧频函数

app.ticker.add(animate);
指定animate函数为帧频函数
app.ticker.add()：给应用程序添加帧频函数
animate：帧频函数的名称

2、定义animate函数，实现补间动画

function animate() {
plane.y += 1;
}
通过animate函数，控制飞机plane图片的 y 坐标加1
注意：帧频函数中不仅可以控制显示元素x、y坐标的变化，也可以控制显示元素的大小、透明度、显示内容等的变化。

驼峰命名规则

1、大驼峰：如果名字由多个单词组成的话，那么每一个单词的首字母必须大写
MovePlane 、UserName、Person
2、小驼峰：如果名字由多个单词组成的话，从第二个单词开始，每个单词的首字母必须大写
movePlane、userName、person

大驼峰：类名
小驼峰：变量名、函数名、数组名、属性名、方法名
全部大写：常量名