Pixi

PixiJS 提供一个适用于所有设备的快速轻量级2D库。 PixiJS 渲染器允许每个人在不事先了解WebGL的情况下享受硬件加速的强大功能。 而且它很快、真的很快,适合创建丰富的交互式图形,跨平台应用程序和游戏。 PixiJS具有完整的WebGL支持,并且可以无缝地回退到 HTML5 的画布。 作为一个框架,PixiJS是用于创作交互式内容的绝佳工具,尤其是近年来远离Adobe Flash。 将它用于图形丰富的交互式网站,应用程序和HTML5游戏。 开箱即用...

相关文章

加载中

[博客] pixi(入门)

https://my.oschina.net/u/4315114/blog/3914713

Pixi教程 基于官方教程翻译;水平有限,如有错误欢迎提PR,转载请注明出处。翻译者为htkz(完成了用 Pixi 绘制几何图形 和 显示文本 章节)和zainking(完成了其他所有章节) 另感谢htkz、Nea...

2018/07/05 00:00

[软件] pixi-action - Pixi.js 动画插件

https://www.oschina.net/p/pixi-action

pixi-action,一个类似 cocos2d-x 使用方法的 Pixi.js 动画插件。 var renderer = new PIXI.autoDetectRenderer(800,600);document.body.appendChild(renderer.view);var stage = new PIXI....

[博客] 动画开发之PIXI开发

https://my.oschina.net/u/4342638/blog/3608278

简单的移动小游戏只要引入pixi.min.js就可以, 如果要用spine动画(龙骨也支持导出spine格式的)就要引入pixi-spine.js 如果还有声音的支持引入pixi-sound.js 学习网址: - 官网http://www.pixi...

2019/03/18 00:00

[软件] Pixi Paint - 像素编辑器

https://www.oschina.net/p/pixi-paint

Pixi Paint(Pixel Editor) 是非常简单易用的像素编辑器。Pixi Paint 主要是为初学者和专家提供比有限调色板更多的像素编辑功能。 功能 提供刷子和形状 颜色选择 线条工具 支持总面板控制 支持...

[博客] pixi小游戏开发(vue+typescript)

https://my.oschina.net/u/4408924/blog/3408833

一直以来都觉得typescript是以后前端发展的趋势,一些大厂的前端项目都已经在用ts来替代js了。 正好最近刚开始准备用pixi写个小游戏,因为刚开工没多久,于是今天就将之前的功能用ts去实现了...

2019/09/02 00:00

[博客] PIXI 宝物猎人(7)

https://my.oschina.net/u/4376405/blog/3886499

介绍 ,本实例来自官网 代码结构 打开 文件,你将会看到所有的代码都在一个大的文件里。下面是一个关于如何组织所有代码的概览: //Setup Pixi and load the texture atlas files - call the...

2018/07/30 00:00

[博客] pixi与lottie-web的benchmark测试

https://my.oschina.net/u/4395907/blog/3356326

生产版本 讲座项目对资源做对比 ps:测试网络环境:fast 3g 库 gzip大小 打包使用的资源 资源数 加载方式 绘制 FP onload pixi&pixi-spine 34.08+77.04 = 121.12kb 147kb 4 xhr webGL/canvas ...

2019/11/01 00:00

[博客] PIXI 太空玉兔游戏(6)

https://my.oschina.net/u/4406323/blog/3894336

想法来源 出于练习看到这篇文章 没有什么难度 效果如下,接下来会用pixijs讲解如何实现 创建应用及舞台 HTML部分只创建标签引入 pixi.min.js 即可: javascript: let app = new PIXI.Applica...

2018/07/23 00:00

[博客] pixi中使用你的自定义着色器

https://my.oschina.net/u/4410490/blog/3583301

通过几天的学习,对openGL、shader有了一个大致的了解。 回到学习的初衷吧,在基于pixi.js重构D3项目的时候,因为精灵层级的问题,我得按照一定的先后顺序将不同类别的精灵添加到场景中去。 ...

2019/04/07 00:00

[博客] PIXI 下落文字消除(3)

https://my.oschina.net/u/4370258/blog/3900299

图片示例,简陋的图,记录下落过程, 1、创建应用实例并添加到DOM元素上。 (会看到一个黑色画布,没有任何元素,接下来会在画布上创建文字) 2、创建 TextStyle 用来设置要显示字体样式 3、...

2018/07/18 00:00

[博客] PIXI如何绘制离屏canvas到舞台上

https://my.oschina.net/u/4408243/blog/3978806

有个方法是toDataURL(),原生的,先转换成图片再绘制。 但是pixi提供了一个BaseTexture,其构造函数的参数可以是一个canvas 因此可以直接使用如下代码绘制canvas //微信共享canvaslet openD...

2018/05/10 00:00

[问答] pixi,js重大发现

https://www.oschina.net/question/3420276_2237981

有没有朋友懂pixi,js渲染引擎,有的话这边有一份新的工作机会您可以考虑,地点上海,年薪13-34万左右,有意向的朋友短信联系我18048557283

2017/04/11 00:00

[博客] PIXI AnimatedSprite 及打字爆炸动画(5)

https://my.oschina.net/u/4350015/blog/3896198

效果 : 消除字母 当前位置出现爆炸效果 这里使用到了AnimatedSprite 动画 Members An AnimatedSprite is a simple way to display an animation depicted by a list of textures. let alie...

2018/07/22 00:00

[博客] pixi之加载纹理贴图和精灵类的使用

https://my.oschina.net/u/4307176/blog/3596800

因为之前看过three.js的缘故,所以pixi学习起来也是很快的,主要就是熟悉pixi的API,所以,在这里记录一下pixi常用API,废话不多说,下面上干货。 一、为你的PIXI场景添加图片(精灵类) 注:...

2019/03/27 00:00

[博客] 用事件队列来处理pixi中的场景元素入场

https://my.oschina.net/u/4293959/blog/3410004

pixi中,添加一个精灵元素,你可能需要,先将贴图load进来,然后才能添加到场景中去,所以一般会这么操作 Loader.add("tree","static/images/tree.png").load(function(){ 不难看出,上述代...

2019/08/31 00:00

[博客] PIXI 写一个字及图片保存(2)

https://my.oschina.net/u/4358820/blog/3907567

pixi

2018/07/12 00:00

[博客] 初识PIXI.js

https://my.oschina.net/u/4411233/blog/3524256

由于项目需要接触到PIXI这个框架,故开始了一顿打头操作 由于目前PIXI的文档还是很少,而且大多数是英文文档这里提供几个PIXI的demo和文档 demo: http://47.99.120.179/pixi/v4/#/demos-bas...

2019/05/25 00:00

[博客] pixi.js 微信小游戏 入手

https://my.oschina.net/u/4311919/blog/3889699

pixi是什么?一款h5游戏引擎 优点:简单简洁性能第一 缺点:大多数用的国产三大引擎,pixi资料少,工具少, 为什么学,学习老外的先进处理方式。对比国内的三大框架,你就知道和老外的差距不是一丁点...

2018/07/27 00:00

[博客] PIXIJS性能优化之图集加载

https://my.oschina.net/u/4331414/blog/4322615

介绍 使用pixi去开发一个稍微复杂的项目的时候就会涉及到各种类型的图片加载成为纹理,之后GPU去渲染,但是在图片数量较多但尺寸较小时,分开去加载还是比较消耗性能的,因为浏览器的并行下载...

06/25 00:00

[软件] GNU patch

https://www.oschina.net/p/gnu-patch

Gnu Patch 补丁(Pre,Pre Plus,Pre2,Pre3,Veer,Touchpad专用) 安装主题包的必备补丁,注意此补丁只适合armv7架构的机器,即只能给Pre,Pre Plus,Pre2,Pre3,Veer,Touchpad安装,Pix...

返回顶部
顶部