react-canvas
phaser
Our great sponsors
react-canvas | phaser | |
---|---|---|
7 | 5 | |
13,126 | 36,286 | |
0.2% | 99.1% | |
0.0 | 9.8 | |
over 1 year ago | 6 days ago | |
JavaScript | JavaScript | |
BSD 3-clause "New" or "Revised" 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.
react-canvas
-
Interview with Senior JavaScript Developer 2024 [video]
> Building an accessible canvas-based UI with a React-like API would make a lot more sense for SPAs
https://github.com/Flipboard/react-canvas
React is the Simpsons of web tech.
-
Shadow: New browser engine made almost in JavaScript
Flipboard's react-canvas
https://github.com/Flipboard/react-canvas
-
How can I use Fabric.js with React?
There seems to be also a canvas library for React, called react-canvas, but it seems lacking a lot of features compared to Fabric.js.
-
Google Docs will move to canvas based rendering instead of DOM
I remember Flipboard using canvas to render their UI before using react, which has the same idea, you can look at the repo and their post about it:
https://github.com/Flipboard/react-canvas
-
Using KonvaJS as canvas with React
React Canvas
-
Is it possible on react native ???
You can also try using Canvas element in react https://github.com/Flipboard/react-canvas
-
Any js game library where I can use react ?
I'm confused, there is react-canvas. Does it just not work very good?
phaser
-
Gamedev.js Jam 2024 start and theme announcement!
Gold : GitHub, Phaser Studio, Arcadia
-
Introduction to JavaScript: Empowering Web Development with Interactivity
Versatility: JavaScript is not limited to web browsers. It's used in a variety of environments, including mobile app development (using frameworks like React Native), game development (using libraries like Phaser), and even serverless computing (using platforms like AWS Lambda).
-
A developer portfolio as a 2D top-down walking simulator
This reminds me of my first real dev job, 10y ago, making small facebook games with https://phaser.io it was actually kind of fun now that I think back.
-
Aftermath of switching from VSCode to Neovim
Is it worth it? I think while attempting to create a game engine with the Canvas API and vanilla JavaScript. (I quickly ditched that idea and started using PhaserJS)
-
Phaser: A fast, fun and free open source HTML5 game framework
I didn't try to build anything with Phaser, but I evaluated it a bit when trying to pick a game engine for a 2D web game.
The tech didn't impress me that much, but it also seemed like the most mature 2D game engine available in JS.
Notably, Phaser 4 was announced ~four years ago and was an attempt to get the project written natively in TypeScript. It looks pretty dead in the water - https://github.com/phaserjs/phaser and having a "best effort" TypeScript experience layered onto Phaser 3 didn't excite me.
Additionally, with browsers gaining support for WebGPU, I expect any game engine worth their snuff to begin rapidly adopting support for WebGPU. As best I can tell, any hope of Phaser supporting WebGPU is lumped into Phaser 4, so... not much to say there.
Overall, it was a little tough for me to tell if I was being overly critical and viewing a mature product as a ghost town, but that's the impression I took away from it.
As far as I can tell, BabylonJS is king in town for a TypeScript game engine, but its focus is 3D experiences. I didn't find an especially compelling 2D game engine. I ended up making a prototype using React + PixiJS + React-Pixi, but that was hardly an engine and had significant performance issues.
Now I am building in Rust with Bevy. It's slow going, creating UI elements sucks right now, but the underlying tech is super solid and I feel good about what I write and what I learn even if I'm dismayed at the pace in which I am creating.
What are some alternatives?
PixiJS - The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
kaboom.js - 💥 JavaScript game library
Konva - Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
Excalibur - 🎮 Your friendly TypeScript 2D game engine for the web 🗡️
React Konva - React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.
cocos-engine - Cocos simplifies game creation and distribution with Cocos Creator, a free, open-source, cross-platform game engine. Empowering millions of developers to create high-performance, engaging 2D/3D games and instant web entertainment.
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
Godot - Godot Engine – Multi-platform 2D and 3D game engine
JsBarcode - Barcode generation library written in JavaScript that works in both the browser and on Node.js
A-Frame - :a: Web framework for building virtual reality experiences.
x-spreadsheet - The project has been migrated to @wolf-table/table https://github.com/wolf-table/table
melonJS - a fresh, modern & lightweight HTML5 game engine