#html#vanilla javascript
Solomon Eseme
Nov 21, 2022 ⋅ 10 min read

Top 6 JavaScript and HTML5 game engines

Solomon Eseme I am a software developer who is geared toward building high-performing and innovative products following best practices and industry standards. I also love writing about it at masteringbackend.com. Follow me on Twitter @kaperskyguru, on Facebook, onLinkedIn, and on About.Me at Solomon Eseme." Follow me: Twitter, Facebook, LinkedIn, about.me

Recent posts:

Using Llama Index To Add Personal Data To Large Language Models

Using LlamaIndex to add personal data to LLMs

LlamaIndex provides tools for ingesting, processing, and implementing complex query workflows that combine data access with LLM prompting.

Ukeje Goodness
Jul 23, 2024 ⋅ 5 min read
JavaScript logo on top of violet background

Exploring essential DOM methods for frontend development

Learn four groups of DOM methods and their uses to create responsive and dynamic webpages. A helpful DOM reference table is also included.

Chimezie Innocent
Jul 23, 2024 ⋅ 12 min read
Playwright Adoption Guide: Overview, Examples, And Alternatives

Playwright adoption guide: Overview, examples, and alternatives

Playwright has become one of the leading technologies for writing end-to-end tests for modern web apps thanks to its rich and intuitive API.

Antonello Zanini
Jul 22, 2024 ⋅ 15 min read
Exploring The Javascript Registry For Javascript Module Management

Exploring JSR for JavaScript module management

JSR is designed to serve as a registry for both JavaScript and TypeScript packages, and an upgrade to the features provided by npm.

Oyinkansola Awosan
Jul 19, 2024 ⋅ 8 min read
View all posts

9 Replies to "Top 6 JavaScript and HTML5 game engines"

  1. Nice!

    Check out the lib I made. It combines Phaser and Three.js and adds 3D physics to it.

    (I plan to support PixiJS as well in the future.)

    It is called enable3d.io 🙂

  2. I’ve used Isogenic Game Engine (IGE) a few times.
    It’s a 2.5d engine with scenegraph-based rendering pipeline and a ton of other features.
    Free and open source irrelon/ige on github

  3. First you say
    “Since Three.js is based on JavaScript, it’s relatively easy to add any interactivity between 3D objects and user interfaces, such as keyboard and mouse. This makes the library perfectly suitable for making 3D games on the web.”

    Then you say
    “Cons – Not a game engine: If you’re looking for features beyond rendering – you won’t find many here”

    Which is it then lol

  4. I made the friGame engine, back in 2011, you can check it out here:


    It’s very mature and stable, as it has nearly 10 years of development behind it.
    It focuses on compatibility (it’s the only engine that I know of that still supports IE6, other than gameQuery), without sacrificing speed or features.
    It’s geared towards 2D games, and all the Cownado ( http://cownado.com ) games are built using friGame.

  5. You can make a text game with plain html, a visual novel or click adventure with just html and graphics, etc. Three.js could make a simple game like this, but with no support for collision detection, it can’t even make pong.

    1. It can, collision detection logic can be created by you, just need some mathematical formulas calculating distance between objects.

      I created a ping-pong game with Pygame(2d game engine) which is base on Python.Most of the hardwork was done by me because Pygame lacks alot of features.

      Collision Detection can varies with objects like circle, squares or point(Xaxis and Yaxis)

      But the Formula you used depends on the game world(2d or 3d).

      distance = √(x2-x1)² + (y2 – y1)²

      X2 – object A “x” position
      X1 – object B “x” position

      Y2 – object A “y” position
      Y1 – object B “x” position

      This will work in a 2d game but haven’t tried it on a 3d game.I used Threejs but It is better of for animations.

      3d games are based on X, Y and Z axis.

      so the formula should become

      distance =
      √(x2 – x1)² + (y2 – y1)² + (z2 – z1)²

      This Formula for the 3d detection hasn’t be tried by me but I saw it in a text book that has to do with Vectors.This Formula will work when you calculating distances between Points. Other Programmers I know tend to draw a shape around each object and apply a detection formula to it.

  6. Thank you for compiling this comprehensive list of the best JavaScript and HTML5 game engines! Your article is a valuable resource for game developers looking to explore their options and create engaging experiences. I appreciate the effort you put into researching and sharing insights about these game engines. Keep up the excellent work in the game development community!

Leave a Reply