Help With What to Use When Creating a Minigame: HTML vs Canvas

• pixi-react

  9 2,130 6.2 JavaScript

  Write PIXI apps using React declarative style

  

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.

• PixiJS

  116 42,496 9.9 TypeScript

  The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.

  

You can use something like Pixi.js, or Phaser if you'd like a game engine. That'll give you WebGL with a Canvas fallback, with a decent abstraction on top. This is much faster than Canvas directly.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Phaser

  182 35,792 9.6 JavaScript

  Discontinued 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] (by photonstorm)

  

You can use something like Pixi.js, or Phaser if you'd like a game engine. That'll give you WebGL with a Canvas fallback, with a decent abstraction on top. This is much faster than Canvas directly.

Suggest a related project