pixi-ease
pixi-react
pixi-ease | pixi-react | |
---|---|---|
1 | 9 | |
95 | 2,145 | |
- | 2.2% | |
0.0 | 5.9 | |
almost 2 years ago | about 1 month ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
pixi-ease
-
Fun feature update
This work was done quite quickly - fortunately I found davidfig/pixi-ease on Github which made it much easier.
pixi-react
-
Picking a UI library for a web browser JavaScript game
There is https://reactpixi.org/
-
Use.GPU Goes Trad
The author's entire section on "Real Reactivity" hit quite close to home.
I recently played around with using https://reactpixi.org/ to build a simple ant farm simulation (https://meomix.github.io/antfarm/) and was left disappointed, but not surprised. It's really hard to get strong performance when stacking a declarative wrapper on an imperative base.
I was talking to my coworkers about the issue and one of them suggested trying to use react-three-fiber and just force it to render 2D, but, as the author notes, the problem feels intractable with competing layers of abstraction.
I'm really excited to learn about this library. I feel that I was between a rock and a place with my web-first, declarative graphics tooling. I was pushing myself to learn Rust, to use Bevvy, to have a well-supported, declarative framework, but I felt I would prototype quicker if I stuck with JavaScript. I considered A-Frame, but it's really not about 2D rendering at all with its VR-first approach.
There's really quite a desert of modern, active, declarative, web-first graphics rendering frameworks. Stoked for UseGPU to hit 1.0!
-
Making adaptive UI layout in Pixi.JS easy with DOM
First, take your class-based Pixi.JS code and throw it away, because if you wanna be mature HTML5 game developer you have to grow some balls and learn React. Libraries like react-pixi-fiber and react-pixi will help you with that.
-
Best declarative game engines for in-browser apps?
I just tried using React Pixi + PixiJS to have a very light 'engine' with a familiar, declarative style. I found performance to be excessively poor because of React's reconciler processing 35,000 elements and trying to implement culling that meaningfully addresses the bottleneck.
-
Tips on writing a functional wrapper for a mutable/OOP library?
Since my approach is highly similar to React, you may also be interested in https://reactpixi.org/ for inpirations.
-
SolidJS for Realtime Game?
Im thinking if ReactPixi is a thing then it should be good no?
-
Help With What to Use When Creating a Minigame: HTML vs Canvas
Pixi.js paired with a library like @inlet/react-pixi can give you amazing performance for your minigame while keeping a component architecture, so you can mix it in at will with your main game (HTML) without having to change programming styles. There might be something similar for Vue, but I haven't used it.
-
space invaders or space impact with react
and react-pixie for webgl https://reactpixi.org/
-
Deck the Halls With React Three Fiber
For 2D there is also https://github.com/inlet/react-pixi and https://github.com/michalochman/react-pixi-fiber check them both out. I prefer inlet's.
What are some alternatives?
bezier-easing - cubic-bezier implementation for your JavaScript animation easings – MIT License
react-pixi-fiber - Write PixiJS applications using React declarative style.
PrimeTween - PrimeTween is a high-performance, allocation-free animation library for Unity. Animate anything with just one line of code, tweak all animation properties directly from the Inspector, and create complex animation sequences. No runtime memory allocations, ever.
react-three-fiber - 🇨🇭 A React renderer for Three.js
free-tex-packer - Free texture packer
Phaser - Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering. [Moved to: https://github.com/phaserjs/phaser]
react-move - React Move | Beautiful, data-driven animations for React
PixiJS - The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
Ease - It's magic.
bevy - A refreshingly simple data-driven game engine built in Rust
d-zone - An ambient life simulation driven by user activity within a Discord server
react-pdf - 📄 Create PDF files using React