Pixi.js 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Pixi.js 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Pixi.js 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开源组织
地区 不详
投 递 者 红薯
适用人群 未知
收录时间 2013-03-16

软件简介

PixiJS 提供一个适用于所有设备的快速轻量级2D库。 PixiJS 渲染器允许每个人在不事先了解WebGL的情况下享受硬件加速的强大功能。 而且它很快、真的很快,适合创建丰富的交互式图形,跨平台应用程序和游戏。

PixiJS具有完整的WebGL支持,并且可以无缝地回退到 HTML5 的画布。 作为一个框架,PixiJS是用于创作交互式内容的绝佳工具,尤其是近年来远离Adobe Flash。 将它用于图形丰富的交互式网站,应用程序和HTML5游戏。 开箱即用的跨平台兼容性和优雅的降级意味着您可以减少工作量并享受更多乐趣! 如果你想要相对快速地创建精美和精致的体验,而不是深入研究密集的低级代码,同时避免浏览器不一致的麻烦,那么请将你的下一个项目用一些PixiJS魔法!

基本使用示例:

// The application will create a renderer using WebGL, if possible,
// with a fallback to a canvas render. It will also setup the ticker
// and the root stage PIXI.Container
const app = new PIXI.Application();

// The application will create a canvas element for you that you
// can then insert into the DOM
document.body.appendChild(app.view);

// load the texture we need
app.loader.add('bunny', 'bunny.png').load((loader, resources) => {
    // This creates a texture from a 'bunny.png' image
    const bunny = new PIXI.Sprite(resources.bunny.texture);

    // Setup the position of the bunny
    bunny.x = app.renderer.width / 2;
    bunny.y = app.renderer.height / 2;

    // Rotate around the center
    bunny.anchor.x = 0.5;
    bunny.anchor.y = 0.5;

    // Add the bunny to the scene we are building
    app.stage.addChild(bunny);

    // Listen for frame updates
    app.ticker.add(() => {
         // each frame we spin the bunny around a bit
        bunny.rotation += 0.01;
    });
});

下面是一些在线的演示:

更多实例请看 http://pixijs.github.io/examples/

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击加入讨论🔥(2) 发布并加入讨论🔥
发表于大前端专区
2019/05/16 14:53

PixiJS v5.0.2 发布,超快的 HTML5 2D 渲染引擎

PixiJS 5.0.2 发布了,PixiJS 提供一个适用于所有设备的快速轻量级2D库。 PixiJS 渲染器允许每个人在不事先了解WebGL的情况下享受硬件加速的强大功能。 而且它很快、真的很快,适合创建丰富的交互式图形,跨平台应用程序和游戏。 下载地址: Development Build: https://pixijs.download/v5.0.2/pixi.js https://pixijs.download/v5.0.2/pixi.js.map Production Build: https://pixijs.download/v5.0.2/pixi.min.js https://pi...

2
19
发表于大前端专区
2018/12/24 07:28

Pixi.js 4.8.4 发布,超快的 HTML5 2D 渲染引擎

Pixi.js 是一个超快的 HTML5 2D 渲染引擎,目标是提供一个快速的、轻量级而且是兼任所有设备的 2D 库。 Pixi.js 提供无缝 Canvas 回退,支持主流浏览器,包括桌面和移动。 Pixi 渲染器可以开发者享受到硬件加速,但并不需要了解 WebGL。 Pixi.js 4.8.4 主要更新内容: 重命名参数以方便用户使用 修复 ismobilejs 中的漏洞 Bumps earcut to 2.1.4 升级 resource-loader 以支持 cross-origin 详情查看发行日志 开发构建: https:...

2
21
发表了资讯
2017/04/04 07:32

Pixi.js 4.4.4 发布,超快的 HTML5 2D 渲染引擎

Pixi.js 是一个超快的 HTML5 2D 渲染引擎,目标是提供一个快速的、轻量级而且是兼任所有设备的 2D 库。 Pixi.js 提供无缝 Canvas 回退,支持主流浏览器,包括桌面和移动。 Pixi 渲染器可以开发者享受到硬件加速,但并不需要了解 WebGL。 Pixi.js 4.4.4 修复了以下问题: WHITE 和 EMPTY 的基础 Textures 没有被真正的保护 进一步修复与嵌套和显示 tree positioning 相关的交互问题 将 autoFit 属性添加到 Filter 以禁用过滤器大...

1
33
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
2 评论
118 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部