Skip to content

Latest commit

 

History

History
197 lines (104 loc) · 8.78 KB

README.zh-CN.md

File metadata and controls

197 lines (104 loc) · 8.78 KB

了不起的 pixi.js 工具

English | 简体中文

著名的 html5 渲染框架的有用 库/资源/工具 列表

网站和论坛

github 组织

github 主仓库

pixijs.com – 官网。

文档 – 最新版本的 pixi 的官方文档。

例子 – 官方例子列表。

slack – 官方 slack 频道。

html5gamedev 论坛板块 – 不言而喻。

goodboydigital twitter – 作者推特。

goodboydigital blog – 作者博客。

场景、纹理、精灵、其他增强物

pixi-richtext – SDF 文本插件。

pixi-display – 允许改变 pixi-v4 容器的渲染顺序,而不需要改变阶段和 z-index,以获得胜利。

pixi-picture – 对精灵进行最高质量的渲染,删除基本精灵中存在的任何人工痕迹。

pixi-tilemap – 瓦片地图,很容易就能做到。

pixi-sdf-text – 现在 Pixi 中为 WebGL 提供了最有效的文本渲染方法。

pixi-multistyle-text – 在 pixi.js 中添加了一个 MultiStyleText 对象,以方便使用不同的风格创建文本。

pixicam – 用于 Pixi 的 2d 相机。

pixi-super-atlas – 在你的运行时间中创建图片图集,支持 mipmaps。

pixi-heaven – 运行时地图集,精灵的双重色调,最快的 glsl 计算的精灵面具。

pixi-viewport – 一个高度可配置的视口/2D 相机,旨在与 pixi.js 一起工作。

canvas-latex – 在 pixi.js 中渲染 latex 公式。

yy-rendersheet - 为 pixi.js 实时生成精灵图(雪碧图)。

基本

ee3-timer – 除了 ee3 之外,还可以与 pixi > 4 一起工作。

调试

pixi-inspector – 适用于 chrome 的强大插件,可以直观地检查和修改你的场景图中的结点。

pixi-console - 添加一个显示控制台日志的容器。在移动设备上很有用。

gstatsjs - 显示几个与纹理相关的指标,如 drawcalls。可与 Pixi、Phaser 一起使用,也可以集成到自定义渲染器中。

动画

pixi-spine – 将 spine-ts的官方运行时移植到 pixi。

pixi-action – 以 Cocos2d-x 风格制作动画。

pixi-live2d – 日本动画工具 live2d 的插件。

pixi-tween – 萌新!

pixi-animate – Pixi.js 的插件,为使用 PixiAnimate Extension 的内容输出提供运行时。

pixi-ease - 使用 easing 函数的 pixi.js 动画库。

[pixi-animate-extension] – Adobe Animate CC(以前的 Adobe Flash CC)的自定义平台插件 - 为 Pixi.js 渲染器导出动画。

滤波器、着色器、VFX

pixi-filters – 一些官方滤波器。

neutrinoparticles.pixi - 允许你渲染中微子粒子的效果,如水流。

pixi-after-effects-pixi5 - 将Adobe AfterEffects动画作为JSON导入pixi.js中。

GUI 和交互

EZGUI – 在你的应用程序中使用一堆精心制作的 UI 元素。

gown.js – pixi.js 的 UI 系统,灵感来源于feathers-ui

dat.gui – 基于 DOM 的 GUI 可以作为 Pixi 上面的开发工具。

heatmap – 用于生物信息学和大数据的 WebGL 热图浏览器。

音频

pixi-sound – 官方的 WebAudio API 播放,没有任何 Flash 垫片或 HTML 音频回退。

sound.js – 一个微型库,用于加载、播放和生成游戏和互动应用程序的音效和音乐。

粒子

pixi-particles – 官方粒子插件。

pixi-particles-editor – 查看在线 demo

游戏引擎

chocolatier – ClojureScript 游戏/引擎使用 Pixi.js 进行渲染。

hexi – 带有 Pixi 渲染的极简主义游戏引擎。

pixi-engine - 为使用 PixiJS 开发游戏提供了一个类似引擎的最小结构

集成

pixi-haxehaxe 编译器的 externs。

react-pixi – 为 Facebook 的 react 框架进行整合。

pixi.scala.js – 用于 scala.js 编译器的 externs。

react-pixi-fiber – 与 react.js 框架的整合。

react-pixi – 另一个 react.js 集成,带有自定义渲染器、调和等功能。

RobotlegsJS-Pixi – RobotlegsJS 框架与 PixiJS 的整合。

书籍和学习

The Book of Shaders – ✨ 关于 glsl 的综合书籍,有javascript和在线 sandbox 的例子。

WebGL How it Works – ✨ 如果你的计算机图形知识为零,这组文章有助于你掌握 webgl api 和基础知识。

kittenattack – 关注这个人的 github 仓库,他们中的大多数人都无比适合学习。

learningPixi – 用 Pixi 开发游戏的权威指南。

Forks

gameofbombs – 定制的 Pixi 3.0,带有静态变换、2D 相机和 2.5D 变换。在 gameofbombs.com 的生产中使用。

工具

TexturePacker – PixiJS 的精灵图打包器,具有图形用户界面和命令行。优化精灵片,以达到最佳的渲染质量和低内存使用。

spritesheet.js – 是用 node.js 编写的命令行 spritesheet(又称Atlas 纹理)生成器。支持导出到 pixi.js。

SpriteIlluminator – 用于精灵的法线图生成器。允许创建非常棒的动态灯光效果。

游戏

polyball – 快速,多人参与,物理驱动的网球在两个维度。

bemuse – 基于 web 的在线节奏动作游戏。基于 HTML5 技术、React、Redux 和 Pixi.js。

breakout – 用 JavaScript 和 Pixi.js 制作的突围游戏。

duckhunt – DuckHunt 被移植到 JS 和 HTML5。

doom-lgs – 一款多人Node.js光枪射击游戏,灵感来自于《Doom》。

rockvomit – 布娃娃节奏游戏。

railways – 铁路游戏。

tetris – 俄罗斯方块。

wbwwb-ko

LegendOfMountainSea – 带有山海经传说的4X沙盒游戏。