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:

Implementing Infinite Scroll In React Snap Carousel

Implementing infinite scroll in React with React Snap Carousel

Making carousels can be time-consuming, but it doesn’t have to be. Learn how to use React Snap Carousel to simplify the process.

David Omotayo
Dec 13, 2024 ⋅ 10 min read
React Libraries For Building Forms And Surveys

React libraries for building forms and surveys

Consider using a React form library to mitigate the challenges of building and managing forms and surveys.

Hussain Arif
Dec 11, 2024 ⋅ 7 min read
Hoppscotch Vs Postman: A Guide To API Testing

Hoppscotch vs. Postman: a guide to open source API testing

In this article, you’ll learn how to set up Hoppscotch and which APIs to test it with. Then we’ll discuss alternatives: OpenAPI DevTools and Postman.

Chigozie Oduah
Dec 10, 2024 ⋅ 5 min read
React Native logo over red background.

Implementing camera functionality in React Native

Learn to migrate from react-native-camera to VisionCamera, manage permissions, optimize performance, and implement advanced features.

Chimezie Innocent
Dec 9, 2024 ⋅ 13 min read
View all posts

10 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