Skip to main content

On Sale: GamesAssetsToolsTabletopComics
Indie game storeFree gamesFun gamesHorror games
Game developmentAssetsComics
SalesBundles
Jobs
TagsGame Engines
(+1)

Thanks for playing and for the interesting question! To be honest I wouldn't recommend using React at all, it's more of a self-imposed challenge. But if you really like the idea of declaring your game in a sort of html-ish way, it's pretty fun and there's a good pixi-react integration  with typescript support at https://reactpixi.org/ . In this game everything is a React app, but I had to write a ton of custom "framework" code to add support for basic things like loading/accessing spritesheets in a sane way,  camera/viewports, audio management, etc. I also integrated matter-js for physics that I didn't end up using in the end. Meanwhile the game logic is handled in redux and it works really well for things like game state as you can probably imagine. 

(3 edits)

thanks for explaining..

while back trying to use pixi for rendering and used html5 + css for ui..  started react for ui , but the project also went to hold

Is it possible to use pixi + matter.js  only for rendering and react for UI ?  may be like creating level editor with react only for UI

(+1)

Yes you can absolutely use React to create an overlay of UI while keeping the canvas on the background where you use just pixi + matter to run your game. You just need a layer of communications between the 2, nothing fancy, custom events would work fine for simple games

Thanks a lot  for explaining