PIXI_逻辑控制&纹理动画

最新推荐文章于 2024-06-24 10:51:20 发布

「已注销」

最新推荐文章于 2024-06-24 10:51:20 发布

阅读量707

点赞数

分类专栏： PIXI 文章标签： javascript js

本文链接：https://blog.csdn.net/sttk111/article/details/105935311

版权

本文介绍了使用JavaScript库PIXI进行逻辑控制和纹理动画的方法。主要内容包括编程套路、数据处理、计数变量的运用，以及重点讲解了纹理播放器的特效图、关键属性如animationSpeed、texture和loop，以及play和stop等控制方法。

摘要由CSDN通过智能技术生成

PIXI_逻辑控制&纹理动画

编程套路

遍历数组：获取数组中所有的数据
获取数组长度：数组名.length
数组中有几个元素，数组名.length就是几
 for (var i = 0; i < 数组名.length; i++) {
	数组名[i]
 }

数据

添加元素：数据名.push(数据)
获取元素：数组名[下标]，下标是数组为每个数据设置的编号从0开始到长度
遍历数组：获取数组中的所有元素
数组长度：数组中元素的个数，使用 数组名.length 获取数组长度
修改元素：a数组名[下标]=新数据;
删除元素：数组名.splice(起始下标，数量);

计数变量

// 计数变量:记录帧频函数的执行次数
	 var count = 0;
	 //自定义帧频函数没1秒钟调用60次（看电脑Hz）
	 //
	 function animate() {
	 	//敌机向下
	 	//每秒执行一次
	 	if (count==60) {
	 		enemy.y += 10;
	 		count=0;
	 	}
	 	count++;
	 }

纹理播放器

		//设置舞台
		var app = new PIXI.Application(500, 700);
		document.body.appendChild(app.view);
		
		//纹理播放器：按照某个固定的时间周期反复的切换纹理，实现动画效果
		
		//1、准备一个存放所有纹理