PixiJS作为一个高性能的2D渲染引擎，凭借其强大且灵活的渲染系统，使开发者得以创造出色的图形和动画效果。在现代Web应用程序和游戏开发中，选择适当的渲染器和理解其工作原理是至关重要的。

要用Pixi.js实现一个可视化编辑器，需要先了解Pixi.js的基本概念和操作。Pixi.js是一个用于创建2D图形的JavaScript库，它可以高效地利用WebGL进行渲染。接下来，我将为您介绍

本文旨在分享一些前端常用的拖拽、旋转、缩放、框选等操作的实现方法，重心会放在核心思想上(当然也会有代码实现)。虽然项目采用pixijs实现，但是核心思想并不仅仅局限于pixijs，读者了解了核心...

使用 Pixi.js 做一个仿 Brotato 的小游戏，希望能对大家入门 Pixi 有所帮助，本篇作为开篇，主要关于 pixi 和整个项目的简单介绍，希望大家可以持续关注

首先回顾一下上期文章 从表情包来学canvas, 初步认识了canvas的基本用法，并且通过案例来实现了常见的2D图形类的写法。 本期进步深入canvas，认识canvas的绘图库，并且制作一款简易的lol走位小游戏(点击试玩)。如果你觉得碰撞单位有点丑，其实我是故意的，学会他…

PixiJS是一个轻量级的2D渲染引擎，它能自动侦测使用WebGL还是Canvas来创建图形。这个库经常被用来制作HTML5游戏以及有复杂交互的H5活动页。 页面上就出现了一个300*300的蓝色矩形，矩形是由pixi.js创建的canvas渲染的。 Application是p…

这个demo其实是之前学习phaser2的时候做的，现在用来改成phaser3，刚好可以接触一下新的API变动有多大。 按照游戏实现的逻辑顺序，下面捋一捋用到的Phaser3 API，同时也与Phaser2 API进行简单对比。 初始化画布参数，包括画布宽高，渲染方式，并将其插…

Phaser是一个开源的HTML5游戏框架，支持桌面和移动HTML5游戏，支持Canvas和WebGL渲染。官方文档齐全，上手也比较容易。 Phaser的功能主要还有预加载、物理引擎、图片精灵、群组、动画等。 更多详细内容可以查看Phaser官网，我的学习过程是主要是边看Pha…

fabric和konva主要是用于实现编辑器的场景，而Pixi则是一个高性能2D动画渲染库，通常用于一些H5的小游戏或可交互页面。 Pixi是一个基于WebGL Renderer的高性能跨平台渲染库。其中默认使用WebGL相关插件(回退使用CanvasRenderer)去渲染2…