hb_zhouyj的博客

简介Pixi.js是一个快速的轻量级的2D动画渲染引擎，可以在浏览器里创建出丰富的交互式图形、动画和跨平台的游戏及应用程序等，主打支持硬件GPU渲染的WebGL API，如若浏览器不支持WebGL，Pixi则会回退使用Canvas来进行渲染。PixiJS的官网地址是：http://www.pixijs.com/PixiJS的开源地址是：https://github.com/pixi

根据 H5 2D渲染引擎—Pixi.js 渲染器、舞台和精灵的创建，创建精灵（不做其他设置）并添加到渲染器后，精灵默认的位置是在渲染器的左上角（x=0，y=0），大小为原图片大小。定位可以通过改变精灵的x、y的属性值来调整它的位置。sun.x = 200;sun.y = 100;或者sun.position.set(200, 100);效果：大

此文章的思路：1️⃣ 创建渲染器 在页面上创建动画的第一步就是创建渲染器，也就是动画播放的区域，Pixi中的 renderer函数 或者 application类 会自动创建canvas画布来显示图像：① renderer函数var renderer = PIXI.autoDetectRenderer(256, 256);document.body