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:

How To Integrate WunderGraph With Your Frontend Application

How to integrate WunderGraph with your frontend application

Unify and simplify APIs using WunderGraph to integrate REST, GraphQL, and databases in a single endpoint.

Boemo Mmopelwa
May 17, 2024 ⋅ 5 min read
Understanding The Latest Webkit Features In Safari 17.4

Understanding the latest Webkit features in Safari 17.4

The Safari 17.4 update brought in many modern features and bug fixes. Explore the major development-specific updates you should be aware of.

Rahul Chhodde
May 16, 2024 ⋅ 10 min read
Using Webrtc To Implement Peer To Peer Video Streaming In A Node Js Project

Using WebRTC to implement P2P video streaming

Explore one of WebRTC’s major use cases in this step-by-step tutorial: live peer-to-peer audio and video streaming between systems.

Oduah Chigozie
May 16, 2024 ⋅ 18 min read
Htmx Vs React

htmx vs. React: Choosing the right library for your project

Both htmx and React provide powerful tools for building web apps, but in different ways that are suited to different types of projects.

Temitope Oyedele
May 15, 2024 ⋅ 9 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