dill pixel

Tangy HTML game framework

A well-seasoned approach to game development using PixiJS

dill pixel jar

State management

Seamlessly handles your game state and complex transitions between states.

Spine

Support for using Spine animations in your games.

Layout and Flex container

Anchored positioning and an HTML-inspired flexbox container makes creating responsive UI layouts a snap.

Physics

Optionally use Matter or Rapier to incorporate physics in your 2D game.

Copy manager

Manage all of your game's content and copy in .json files, including support for multiple languages.

Input manager

Handle mouse, touch, and keyboard input – including sophisticated support for creating tab orders or finding the nearest interactive element for arrow key navigation.

Audio

Configure multiple audio channels and queue audio files as they are triggered – optionally based on assigned priorities.

Asset map

Define which assets belong to which game state for automated loading and unloading during game transitions.

Web events

Ensures your game can respond to visibility changes or resize events from the browser window.

// let's do it!
import { Application } from '@/Application';
import { create } from 'dill-pixel';

create(Application, {
  useSpine: true,
  antialias: false,
});

Dill-ightfully easy to use

Read the docs or jump right into the example project showing off many of the core features

Production ready

The team behind dill pixel has built web games that have been played by tens of millions of people from ages 3 to 99 – from early childhood education to just plain 'ol silly fun!

Why dill pixel ?

PixiJS is a great 2D rendering engine but it is not a game engine. It offers no guidance on project structure and does not provide any common game development tools. This framework is designed to fill that gap – it is Relish's opinionated approach to developing games using PixiJS.

Over the course of many years of building libraries and plugins for Phaser , we developed our own (nameless) in-house framework that supported our way of working and the kinds of games we were making. We felt like there might be others who want to work in a similar way and decided to share our framework.

dill pixel jar

dill pixel was born!

What’s cooking?

Coming soon

v8

Support for PixiJS v8, a custom physics engine, and an updated project structure.

React

Working on adding optional support for ReactPixi.

Let’s do this

Give dill pixel a spin and take your HTML games to infinity and beyond

dill pixel

dill pixel is an open source game framework using PixiJS as its rendering engine. It’s been used widely in production for many years and is maintained by the development team at Relish Studios .

Stay updated

Demo game