PIXI
PIXI基础笔记
「已注销」
一个爱写注释的敲代码的小能手
展开
-
PIXI_碰撞检测
碰撞检测二级目录二级目录原创 2020-05-12 17:44:04 · 906 阅读 · 0 评论 -
PIXI_逻辑控制&纹理动画
PIXI_逻辑控制&纹理动画编程套路数据计数变量纹理动画效果图编程套路遍历数组:获取数组中所有的数据获取数组长度:数组名.length数组中有几个元素,数组名.length就是几 for (var i = 0; i < 数组名.length; i++) { 数组名[i] }数据添加元素:数据名.push(数据)获取元素:数组名[下标],下标是数组为每个数据设置的...原创 2020-05-07 14:56:35 · 719 阅读 · 0 评论 -
PIXI_动画基础
PIXI_动画基础动画效果的实现原理代码效果图动画效果的实现原理由多张连续的图片以超快的速度(肉眼无法察觉)切换看到的一种视觉效果 一、概念 1、帧 影像/动画中的单幅画面,构成影像或画面的一种最小单元 一帧就是一副静止的图片,连续的帧就形成了动画 2、帧频 每秒钟播放的帧数 扩展知识 1、FPS:每秒传输的帧数 {显卡图形计算(FPS:显卡算力)-显示...原创 2020-05-05 16:46:21 · 1067 阅读 · 0 评论 -
PIXI_锚点&图片位控
PIXI_锚点&图片位控锚点锚点概念:元素与坐标所对齐的位置,应用中所有元素默认的锚点为左上角修改锚点 1、元素.anchor.x=x方向锚点元素.anchor.y=y方向锚点2、元素.anchor.set(x,y)同时设置锚点锚点取值范围:0~1之间,默认为x=0,y=0 //设置舞台 var app=new PIXI.Application(800,600)...原创 2020-04-29 13:33:27 · 2252 阅读 · 0 评论 -
PIXI_函数&事件处理
PIXI_函数&事件处理事件处理鼠标常用事件移动端常用事件【兼用鼠标】监听事件获取鼠标坐标事件处理基础代码 // 设置舞台 var app = new PIXI.Application(500, 700); // 添加舞台 document.body.appendChild(app.view); // 创建自定义事件处理函数 function f1() { ...原创 2020-04-23 10:16:00 · 2466 阅读 · 3 评论 -
PIXI_环境搭建&游戏显示
PIXI基础环境搭建游戏显示功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入环境搭建 // 1.创建应用窗口 //...原创 2020-04-21 23:10:20 · 580 阅读 · 0 评论