npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

verf

v0.2.5

Published

a modular and extendible html5 canvas 2d game framework

Downloads

3

Readme

Verf

a modular and extendible html5 canvas 2d game framework

Usage

npm i verf
import {VerfGame} from 'verf';
const game = new VerfGame(config);

See VerfGame class documentation on how to use the config.

Features

  • A state machine with scenes
  • A camera object
  • An asset loader
  • Unified touch and mouse controls
  • Unified keyboard and gamepad controls
  • A plugin system
  • An api for playing back sound files with WebAudio and HTML5 audio fallback
  • A simple physics engine
  • Sprite animations
  • Bitmapfonts and regular text

Built around the canvas 2d context

This framework is built for games that heavily make use of the canvas 2d context. Mixing the canvas 2d context and webgl is not always good for performance. That's why the decision was made to stick to the canvas 2d context and leverage that instead.

If you are looking for a 2d webgl framework, i recommend Phaser.

Small footprint

Depending on which modules and classes you import the impact on your codebase is 3 to 7 kilobytes when minified and zipped.

Examples

Check the examples to learn how to use things.

Documentation

All modules and classes are documented.

License

MIT