![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Pixi.js
向日葵
这个作者很懒,什么都没留下…
展开
-
H5 2D渲染引擎—Pixi.js简介及小demo
简介Pixi.js是一个快速的轻量级的2D动画渲染引擎,可以在浏览器里创建出丰富的交互式图形、动画和跨平台的游戏及应用程序等,主打支持硬件GPU渲染的WebGL API,如若浏览器不支持WebGL,Pixi则会回退使用Canvas来进行渲染。PixiJS的官网地址是:http://www.pixijs.com/PixiJS的开源地址是:https://github.com/pixi原创 2017-08-30 11:22:36 · 6232 阅读 · 1 评论 -
H5 2D渲染引擎—Pixi.js 精灵的位置、大小、旋转、移动
根据 H5 2D渲染引擎—Pixi.js 渲染器、舞台和精灵的创建,创建精灵(不做其他设置)并添加到渲染器后,精灵默认的位置是在渲染器的左上角(x=0,y=0),大小为原图片大小。定位可以通过改变精灵的x、y的属性值来调整它的位置。sun.x = 200;sun.y = 100;或者sun.position.set(200, 100);效果:大原创 2017-09-01 14:55:29 · 6430 阅读 · 0 评论 -
H5 2D渲染引擎—Pixi.js 渲染器、舞台和精灵的创建
此文章的思路:1️⃣ 创建渲染器 在页面上创建动画的第一步就是创建渲染器,也就是动画播放的区域,Pixi中的 renderer函数 或者 application类 会自动创建canvas画布来显示图像:① renderer函数var renderer = PIXI.autoDetectRenderer(256, 256);document.body原创 2017-08-31 11:32:01 · 4252 阅读 · 2 评论