• Stars
    star
    1,529
  • Rank 30,628 (Top 0.7 %)
  • Language
    JavaScript
  • Created almost 8 years ago
  • Updated about 1 month 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
37,025
star
2

phaser-ce-examples

Contains hundreds of source code examples and related media for the Phaser HTML5 Game Framework.
JavaScript
1,764
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,348
star
4

template-webpack

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

phaser-ce-plugins

For Phaser related Plugins
JavaScript
206
star
6

phaser-ce-coding-tips

Phaser Coding Tips
HTML
146
star
7

template-vite-ts

A Phaser 3 project template that uses TypeScript and Vite for bundling
TypeScript
99
star
8

custom-build

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

template-vite

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

template-react

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

template-react-ts

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

template-vue

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

template-nextjs

A Phaser TypeScript project template that uses Next.js
TypeScript
52
star
14

facebook-instant-games

Phaser 3 Facebook Instant Games Examples
JavaScript
48
star
15

phaser-by-example

The source code to the games that go with the Phaser by Example book
JavaScript
47
star
16

template-svelte

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

plugin-template

A base plugin template for Phaser 3
JavaScript
40
star
18

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
19

template-vue-ts

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

create-game

Easily create a Phaser project with our official template CLI tool
JavaScript
32
star
21

web-monetization-plugin

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

template-angular

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

discord-multiplayer-template

A quickstart Phaser template for creating multiplayer Discord Activities
TypeScript
20
star
24

template-parcel

A Phaser 3 project template that uses Parcel 2 for bundling
JavaScript
17
star
25

template-webpack-ts

A Phaser 3 project template that uses TypeScript and Webpack for bundling
JavaScript
17
star
26

warp-post-fx

Phaser 3 Warp Post FX Pack
TypeScript
16
star
27

discord-template

A quickstart Phaser template for creating playable Discord Activities
JavaScript
15
star
28

template-solid

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

template-esbuild

A Phaser 3 project template that uses ESBuild for bundling
JavaScript
13
star
30

template-bun

A Phaser 3 project template that uses Bun for bundling
TypeScript
13
star
31

beam-archive

Phaser Beam
JavaScript
11
star
32

template-esbuild-ts

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

template-remix

A Phaser TypeScript project template that uses Remix
TypeScript
9
star
34

rapier-connector

Easily use the Rapier physics library with Phaser 3
TypeScript
9
star
35

template-rollup-ts

A Phaser 3 project template that uses TypeScript and Rollup for bundling
TypeScript
7
star
36

template-rollup

A Phaser 3 project template that uses Rollup for bundling
JavaScript
7
star
37

template-parcel-ts

A Phaser 3 project template that uses TypeScript and Parcel for bundling
TypeScript
6
star
38

template-rapier

A Rapier Physics and Phaser Project Template
JavaScript
6
star
39

template-importmap

A Phaser 3 project template that uses Import Maps instead of a bundler
JavaScript
5
star
40

template-twitch-extension

A Phaser 3 Project Template to create Twitch Overlay Extensions with.
JavaScript
4
star
41

phaser-ce-wip-archive

Archived Phaser wip files
TypeScript
4
star
42

vscode-examples-plugin

TypeScript
3
star
43

template-youtube-playables

A Phaser 3 sample game that demonstrates all aspects of the YouTube Playables SDK
JavaScript
3
star
44

wip-archive

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

starshake-capacitor-tutorial

Mobile version of Starshake Phaser game
JavaScript
2
star
46

game-keys

Easily add arrow key support to a test
TypeScript
2
star
47

phaser-editor-template-nextjs

A Phaser Editor 4 TypeScript project template that uses Next.js
TypeScript
2
star
48

editor-example-volcano

An example of a platformer game my with Phaser Editor v4.
TypeScript
2
star
49

tests

Phaser 4 Unit Tests
HTML
1
star
50

.github

1
star
51

phaser-editor-template-angular

A Phaser Editor 4 TypeScript project template that uses the Angular framework and Vite for bundling
TypeScript
1
star
52

phaser-editor-template-esbuild-ts

A Phaser Editor 4 project template that uses TypeScript and ESBuild for bundling
TypeScript
1
star
53

phaser-editor-template-react

A Phaser Editor 4 project template that demonstrates React communication and uses Vite for bundling
JavaScript
1
star
54

phaser-editor-template-webpack

A Phaser Editor 4 project template that uses Webpack for bundling
JavaScript
1
star
55

editor-example-flappy-chicken-scripts-demo

A Phaser Editor v4 example of a a flappy chicken, full of script-nodes.
TypeScript
1
star
56

editor-example-a-day-in-the-beach

A day in the beach, an example game for Phaser Editor v4.
TypeScript
1
star
57

editor-starter-template-capacitorjs

A Phaser Editor v4 template for building native wrappers for your games, with the CapacitorJS framework.
TypeScript
1
star