Pixijs

Pixijs

超快的2D游戏渲染引擎框架 网站地址:www.pixijs.com 收录日期:2020-10-12 更新日期:2023-10-02 网站地址:进入网站

  PixiJS 是一个超快的2D渲染引擎。它自动侦测使用 WebGL 或者 canvas。开发者无需专门学习 WebGL 就能感受到强大的硬件加速的力量。

PixiJS

  PixiJS 会帮助你用 JavaScript 或者其他 HTML5 技术来显示媒体,创建动画或管理交互式图像,从而制作一个游戏或应用。它拥有语义化的,简洁的 API 接口并且加入了一些非常有用的特性。比如支持纹理贴图集和为精灵(交互式图像)提供了一个简单的动画系统。它也提供了一个完备的场景图,你可以在精灵图层里面创建另一个精灵,当然也可以让精灵响应你的鼠标或触摸事件。

  PixiJS的优势

  容器

  容器是用来装载多个显示对象的, 它可以用 PIXI.Container() 方法来创建,而我们创建的 Pixi 应用的 stage 属性就是一个容器对象,它被当作根容器使用,它将包裹所有你想用 Pixi 显示的东西。

  精灵

  精灵是可以放在容器里的特殊图像对象。精灵是你能用代码控制图像的基础。你能够控制他们的位置,大小,和许多其他有用的属性来产生交互和动画。

  创建一个精灵需要用 PIXI.Sprite() 方法。

  纹理

  因为 Pixi 用 WebGL 和 GPU 去渲染图像,所以图像需要转化成 GPU 可以处理的格式。可以被 GPU 处理的图像被称作 纹理 。在你让精灵显示图片之前,需要将普通的图片转化成 WebGL 纹理。为了让所有工作执行的快速有效率,Pixi使用 纹理缓存 来存储和引用所有你的精灵需要的纹理。纹理的名称字符串就是图像的地址。这意味着如果你有从“images/cat.png” 加载的图像,你可以在纹理缓存中这样找到他:

  要注意的是,虽然 PixiJS 非常适合制作游戏,但它并不是一个游戏引擎,它的核心本质是尽可能快速有效地在屏幕上移动物体。

相似网站

  • Uni-app
    Uni-app Vue.js前端开发应用框架
  • Wepy
    Wepy 腾讯小程序组件化开发框架
  • Iview
    Iview Vue.js高质量ViewUI组件库
  • Eggjs
    Eggjs 阿里开源企业级应用框架
  • Vue
    Vue Vuejs渐进式JavaScript框架
  • TentCSS
    TentCSS 构建网站基础结构的CSS框架
  • Ring-ui
    Ring-ui 基于JetBrains的Web UI组件集合
  • SemanticUI
    SemanticUI 语义化的前端界面开发框架
  • Tenz
    Tenz 韩国新生代网络游戏开发公司
  • Naddic Games
    Naddic Games 韩国网络游戏开发商
  • BioWare
    BioWare 加拿大游戏引擎和游戏开发
  • CoreCss
    CoreCss 轻量级响应式前端框架
  • KBEngine
    KBEngine 开源MMOG游戏服务端引擎框架
  • Bulma
    Bulma 基于Flexbox的免费开源CSS框架
  • Hilo
    Hilo 阿里巴巴HTML5跨终端游戏框架
  • SakuraCss
    SakuraCss 易于定制的极简CSS框架/主题
  • Shoelacecss
    Shoelacecss 轻量化且前瞻性CSS框架
  • VueMdl
    VueMdl Vue.js可复用的Material风格UI组件