Pixalo 2D Game Engine For Javascript

Your game is 80% ready, just run it with Pixalo

What is Pixalo?

Pixalo is a lightweight but powerful 2D engine that you can easily use to implement your ideas in the game world. Numerous commands are available for convenience and creation, from entity management to physics and 3D sound playback. All these commands are ready to make it easy for you to create a game.

High Performance

πŸš€

Optimized 2D rendering engine for maximum frame rates and smooth visuals.

Physics

πŸ’₯

Realistic 2D physics powered by the Box2D engine for accurate simulations.

Spatial Audio

🎡

Built-in audio engine with spatial sound and dynamic playback controls.

Grid

πŸ“

Flexible grid with adjustable size, spacing, and snapping for accurate placement.

TileMap

πŸ—ΊοΈ

Create levels using a powerful tilemap editor with layering and auto-tiling.

Screenshot

πŸ“Έ

Capture game frames at runtime with a single command for debugging or sharing.

Camera

πŸ“Ή

Dynamic camera system with zoom, rotation, and cinematic presets.

Quality Control

🎚️

Easily adjust render quality and scale for different performance needs.

Background Layers

🎨

Manage multi-layered backgrounds with parallax and depth control.

Sprite Sheets

πŸ”„

Import, slice, and manage sprite sheets and assets with ease.

Particles

πŸŽ†

Customizable particle emitter system for effects like fire, smoke, and magic.

Debugger

🐞

Integrated debugging tools to inspect entities, performance, and collisions.

Installation Methods

Choose the flavour that fits your stack

🎯 Bundled

Drop-in script tag for instant browser fun.

<script src="pixalo.bundle.js"></script>

πŸ“¦ ES Module

Modern bundlers & Vite-friendly.

import Pixalo from 'pixalo.esm.js';

🌍 UMD

Works with AMD, CommonJS, or script tag.

import Pixalo from 'pixalo.umd.js';
<script src="pixalo.umd.js"></script>

⬇️ NPM

Latest stable release.

npm install pixalo
JSDelivr CDN

Bundle

<script src="https://cdn.jsdelivr.net/gh/pixalo/pixalo@master/dist/pixalo.bundle.js"></script>

ESM

import Pixalo from 'https://cdn.jsdelivr.net/gh/pixalo/pixalo@master/dist/pixalo.esm.js';

UMD

import Pixalo from 'https://cdn.jsdelivr.net/gh/pixalo/pixalo@master/dist/pixalo.umd.js';
<script src="https://cdn.jsdelivr.net/gh/pixalo/pixalo@master/dist/pixalo.umd.js"></script>