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

phaser-examples-typescript

v0.0.3

Published

Contains TypeScript versions of code examples and related media for the Phaser HTML5 Game Framework.

Downloads

60

Readme

Phaser Logo

Phaser Examples

This is the Phaser Examples repository for TypeScript versios of all the Phasers examples at: Phaser Examples. If you're looking for the framework itself, please go here: https://github.com/photonstorm/phaser

Phaser is a fast, free and fun open source game framework for making desktop and mobile browser HTML5 games. It uses Pixi.js internally for fast 2D Canvas and WebGL rendering. This repository is specifically for all of the Examples we produce to go with it.

NOTE: I use the issues page heavily to follow what examples are converted and what's generally going on with the TypeScript examples :)

Learn By Example

Phaser comes with an ever growing suite of Examples. Personally we feel that you learn better by looking at small refined code examples. So we created over 250 of them, and create new ones to test nearly every feature added to Phaser. Inside this examples repo you'll find the current set. If you write a particularly good example then please send it to us.

The examples need to be run through a local web server (in order to avoid file access permission errors from your browser). You can use your own web server, or start the included web server using grunt.

Using a locally installed web server browse to the examples folder:

examples/index.html

Alternatively in order to start the included web server, after you've cloned the repo, run npm install to install all dependencies, then grunt connect to start a local server. After running this command you should be able to access your local webserver at http://127.0.0.1:8001. Then browse to the examples folder: http://127.0.0.1:8001/examples/index.html

There is a 'Side View' example viewer as well as the default. This loads all the examples into a left-hand frame for faster navigation.

You can also browse all Phaser Examples (JavaScript versions) online.

Contributing

  • If you find a bug in an example then please report it on GitHub Issues or Phasers support Forum.

  • You can issue Pull Requests for new examples or fixes to existing ones against the master branch.

  • If you have a feature request, or have written a game or demo that shows Phaser in use, then please get in touch. We'd love to hear from you! Either post to our forum or email: [email protected]

Bugs?

Please add them to the Issue Tracker with as much info as possible, especially source code demonstrating the issue.

About Phaser

Phaser is a fast, free and fun open source game framework for making desktop and mobile browser HTML5 games. It uses Pixi.js internally for fast 2D Canvas and WebGL rendering.

TypeScript examples by Mika Turunen

By Richard Davey, Photon Storm

License

Phaser and all examples are released under the MIT License. This does not include any assets (art, music, sounds)

Analytics