• Stars
    star
    1,478
  • Rank 30,702 (Top 0.7 %)
  • Language
    JavaScript
  • Created over 7 years ago
  • Updated 15 days ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Phaser 3 Examples

Phaser 3 Examples

All of the code in this repo can be browsed at https://labs.phaser.io. The labs site is a mirror of this repo and changes made in the repo are synced to the site within minutes.

You can also clone this repo to have the code locally for testing, which can be really useful while developing with Phaser 3.

Dev Version vs. Release Version

By default the examples site is configured to serve the latest dev version of Phaser 3. We are continuously working on it, which means new builds are pushed often several times per day. Use the drop-down menu below the example to run it against any previous release version. You should see the URL change to reflect the version within it.

Requirements

If you want to run our scripts then you need Node.js installed.

To show the example browser run these commands in your terminal:

Command Description
npm install Install dependencies and launch browser with examples.
npm start Launch browser to show the examples.
Press Ctrl + c to kill http-server process.
npm run update To build a new examples.json file if you add a new example.

Alternatively, if you have your own local web server installed, you could configure it to serve the /public folder from the repo and you will get access to the examples interface.

License

The source code in this repo is released under the MIT license.

The assets are not.

Lots of the assets in this repo come from old classic arcade / computer games or open and stock art sites. As such, you cannot use them in your own commercial games, or for any games that carry advertising.

More Repositories

1

phaser

Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.
JavaScript
36,414
star
2

phaser-ce-examples

Contains hundreds of source code examples and related media for the Phaser HTML5 Game Framework.
JavaScript
1,751
star
3

phaser-ce

Phaser CE is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.
JavaScript
1,331
star
4

template-webpack

A Phaser 3 project template that uses Webpack 5 for bundling
JavaScript
1,136
star
5

template-rollup-typescript

A quick-start project template that uses Phaser 3, TypeScript and Rollup for bundling
JavaScript
478
star
6

phaser-ce-plugins

For Phaser related Plugins
JavaScript
205
star
7

phaser-ce-coding-tips

Phaser Coding Tips
HTML
145
star
8

custom-build

Create your own custom Phaser 3 builds and shave hundreds of KB off your bundle size.
JavaScript
79
star
9

template-vite

A Phaser 3 project template that uses Vite for bundling
JavaScript
63
star
10

template-vite-ts

A Phaser 3 project template that uses TypeScript and Vite for bundling
TypeScript
50
star
11

facebook-instant-games

Phaser 3 Facebook Instant Games Examples
JavaScript
46
star
12

template-react

A Phaser 3 project template that demonstrates React communication and uses Vite for bundling
JavaScript
46
star
13

dev

The Phaser 4 R&D Repo. This is ground-zero, where we test new features before making official examples from them.
JavaScript
40
star
14

plugin-template

A base plugin template for Phaser 3
JavaScript
39
star
15

template-react-ts

A Phaser 3 TypeScript project template that demonstrates React communication and uses Vite for bundling
TypeScript
34
star
16

template-svelte

A Phaser 3 project template that combine Svelte with TypeScript and uses Vite for bundling
TypeScript
30
star
17

web-monetization-plugin

An easy-to-use Web Monetization Plugin for HTML5 game frameworks, including Phaser and Pixi.
HTML
29
star
18

template-vue

A Phaser 3 project template that demonstrates Vue communication and uses Vite for bundling
JavaScript
28
star
19

template-vue-ts

A Phaser 3 TypeScript project template that demonstrates Vue communication and uses Vite for bundling
Vue
28
star
20

template-nextjs

A Phaser TypeScript project template that uses Next.js
TypeScript
28
star
21

create-game

Easily create a Phaser project with our official template CLI tool
JavaScript
17
star
22

warp-post-fx

Phaser 3 Warp Post FX Pack
TypeScript
16
star
23

template-parcel

A Phaser 3 project template that uses Parcel 2 for bundling
JavaScript
16
star
24

template-angular

A Phaser 3 TypeScript project template that uses the Angular framework and Vite for bundling
TypeScript
14
star
25

beam-archive

Phaser Beam
JavaScript
11
star
26

template-esbuild

A Phaser 3 project template that uses ESBuild for bundling
JavaScript
10
star
27

template-webpack-ts

A Phaser 3 project template that uses TypeScript and Webpack for bundling
TypeScript
10
star
28

template-solid

A Phaser 3 project template that combines SolidJS, TypeScript and uses Vite for bundling
TypeScript
9
star
29

phaser-by-example

The source code to the games that go with the Phaser by Example book
JavaScript
8
star
30

discord-template

A quickstart Phaser template for creating playable Discord Activities
JavaScript
6
star
31

template-rollup

A Phaser 3 project template that uses Rollup for bundling
JavaScript
6
star
32

template-esbuild-ts

A Phaser 3 project template that uses TypeScript and ESBuild for bundling
TypeScript
5
star
33

template-parcel-ts

A Phaser 3 project template that uses TypeScript and Parcel for bundling
TypeScript
5
star
34

template-importmap

A Phaser 3 project template that uses Import Maps instead of a bundler
JavaScript
4
star
35

phaser-ce-wip-archive

Archived Phaser wip files
TypeScript
4
star
36

template-rollup-ts

A Phaser 3 project template that uses TypeScript and Rollup for bundling
TypeScript
4
star
37

vscode-examples-plugin

TypeScript
3
star
38

wip-archive

A home for our temporary and wip dev files
JavaScript
2
star
39

tests

Phaser 4 Unit Tests
HTML
1
star
40

.github

1
star