第一章 游戏显示

1. 定义变量

var 变量名;
var 变量名 = 值;

2. 变量命名规则

1、变量由字母、数字、下划线、美元符号组成
2、不能以数字开头
3、不能使用JavaScript的关键字和保留字
4、变量名区分大小

注意：1.JavaScript代码区分大小
2.每句代码写完后，必须添加一个分号

3. 变量可以存储那些数据？（数据类型，变量类型）

1.数字（数字类型）
2.文本（字符串类型）
3.布尔（布尔类型：true、false）
4.对象（对象类型）
var app = new PIXI.Application();
var plane = new PIXI.Sprite.fromImage(“路径”);
var score = new PIXI.Text(“内容”);
特点：
1）都是通过new关键字来创建
2）对象都有自己的属性方法

4. 操作显示元素属性

1、设置属性值
显示元素变量.属性名 = 值;
2、获得属性值
var 变量 = 显示元素变量.属性名;

5. 图片路径分类

1、绝对路径
2、相对路径

例子

//1、应用程序【只能有一个】
var app = new PIXI.Application(宽,高);
document.body.appendChild(app.view);
//2、图片显示元素【可以有多个】
var plane = new PIXI.Sprite.fromImage("路径");
app.stage.addChild(plane);
//3、文本显示元素【可以有多个】
var score = new PIXI.Text("文本内容");
app.stage.addChild(score);

6. 显示元素常用属性

总结

1. 变量：存储数据
2. 代码执行顺序：顺序结构，分支结构，循环结构