2022-11-21
2956
#html#vanilla javascript
Solomon Eseme
24817
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:

7 TUI Libraries For Creating Interactive Terminal Apps

7 TUI libraries for creating interactive terminal apps

When writing applications, a good user interface is just as important as the actual app’s functionality. A good user interface […]

Yashodhan Joshi
Jun 14, 2024 ⋅ 18 min read
Expo Router Adoption Guide Overview Examples And Alternatives

Expo Router adoption guide: Overview, examples, and alternatives

Expo Router provides an excellent file-based routing solution with crucial features such as deep linking and native support.

Marie Starck
Jun 13, 2024 ⋅ 8 min read
Superglue Vs. Hotwire For Modern Frontend Development

Superglue vs. Hotwire for modern frontend development

Explore how Superglue and Hotwire revolutionize frontend development with HTML over the wire, enhancing performance, flexibility, and ease of use.

Frank Joseph
Jun 12, 2024 ⋅ 7 min read
Using Pocketbase To Build A Full Stack Application

Using PocketBase to build a full-stack application

PocketBase is a performant Go-based tool that comes with essential features like user auth, file uploads, access control rules, and more.

Rahul Padalkar
Jun 11, 2024 ⋅ 18 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:

    http://frigame.org/

    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