With PixiJS, you have support for sprite sheets with features that include trimming and rotational packing. The following CodePen demo by Omar Shehata shows how you can create this smoky effect using PixiJS.

There are enough features in the library to make a compelling argument that you should give it at least one try. The library uses WebGL for rendering and automatically falls back to canvas on older platforms, so you don't have to worry about anything. PixiJS is one of the most popular libraries out there that you can use to create stunning graphics for your games. In this tutorial, we will introduce you to some of the best free and open-source JavaScript game engines and libraries that you can use in your own projects.

While browser-based games still can't compete head-on with natively developed games, we can run moderately complex games in a browser without requiring any installation.ĭeveloping a game is a huge task, but luckily there are a lot of JavaScript-based game engines and libraries around to help you cover the basics without needing to implement common features like collision detection yourself. When combined with all the features and processing power that now come with modern smartphones and computers, it is now possible for us to create games that can run directly inside a user's browser. The introduction of continually improving web standards and developers who implement them in a variety of browsers now allows us to do things directly inside browsers that were either not possible or very hard to achieve earlier. Web browsers have come a long way over the last two decades.

Game development with javascript