phaser-examples - Contains hundreds of source code examples and related media for the Phaser HTML5 Game Framework

  •        198

Looking for Phaser 3 Examples? They are in their own repo. Phaser v2 is a fast, free and fun open source HTML5 game framework. It uses Pixi.js for WebGL and Canvas rendering across desktop and mobile web browsers. Games can be compiled to iOS and Android apps via 3rd party tools.

http://phaser.io
https://github.com/photonstorm/phaser-examples

Tags
Implementation
License
Platform

   




Related Projects

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

Phaser is a fast, free, and fun open source HTML5 game framework that offers WebGL and Canvas rendering across desktop and mobile web browsers. Games can be compiled to iOS, Android and native apps by using 3rd party tools. You can use JavaScript or TypeScript for development. Phaser is available in two versions: Phaser 3 and Phaser CE - The Community Edition. Phaser CE is a community-lead continuation of the Phaser 2 codebase and is hosted on a separate repo. Phaser 3 is the next generation of Phaser.

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

Phaser is a fast, free, and fun open source HTML5 game framework. It uses a custom build of Pixi.js for WebGL and Canvas rendering, and supports desktop and mobile web browsers. Games can be compiled to iOS, Android and native desktop apps via 3rd party tools. You can use JavaScript or TypeScript for development. Years after release, Phaser is still one of the most starred game frameworks on GitHub. Thousands of developers worldwide use Phaser. From indies and multi-national digital agencies, to schools and Universities. Each creating their own incredible games.

qiciengine - A free JavaScript game engine library with a web-based comprehensive suite of toolset for making HTML5 games

  •    

QICI Engine is a free and open source JavaScript game engine library with a web-based comprehensive suite of toolset for making HTML5 games. QICI Engine is based on the free and open source HTML5 game framework Phaser, which uses Pixi.js for WebGL and Canvas rendering across desktop and mobile web browsers.

generator-phaser - A yeoman generator for phaser games

  •    Javascript

A Yeoman generator to create HTML5 games with Phaser. This generator allows for the creation of Phaser games with best practices. The main generator (yo phaser) outputs a basic Phaser game. You can also generate new prefabs (yo phaser:prefab) or states (yo phaser:state) to add to your project. You can view your game in the browser by running npm start from the project's root directory and the web page will refresh as you save your files.

freeciv-web - Freeciv-web is an Open Source strategy game implemented in HTML5 and WebGL, which can be played online against other players, or in single player mode against AI opponents

  •    Javascript

Freeciv-web is an open-source turn-based strategy game. It can be played in any HTML5 capable web-browser and features in-depth game-play and a wide variety of game modes and options. Your goal is to build cities, collect resources, organize your government, and build an army, with the ultimate goal of creating the best civilization. You can play online against other players (multiplayer) or play by yourself against the computer. There is both a HTML5 2D version with isometric graphics and a 3D WebGL version of Freeciv-web. Freeciv-web is free and open source software. The Freeciv C server is released under the GNU General Public License, while the Freeciv-web client is released under the GNU Affero General Public License. See License for the full license document.


AncientBeast - 🐺 Turn Based Strategy Game. Master your beasts!

  •    Javascript

The project is developed with the use of free open source cross platform applications and freeware services. Mega comes in very handy when working on the game assets collaboratively, while GitHub handles the code part and stores the final assets. Art contributions can be made as well in our deviantArt group. Drop by our Discord chat and be a part of the community! Blender is being used for creating most of the assets, such as combat locations, creatures and their own animations, which are rendered into sprites that are usually made into sprite-sheets using our Spritify add-on, as well as for many other tasks. Krita, Gimp and MyPaint are useful for concept art, while Inkscape is useful for creating the vector creature ability icons.

phaser-tiled - A tilemap implementation for phaser focusing on large complex maps built with the Tiled Editor

  •    Javascript

This is a replacement for the tilemap implementation in the Phaser game framework. The purpose of this plugin is to optimize the tilemaps for large complex maps built with the Tiled Map Editor. This plugin optimizes the rendering of large scrolling tilemaps. It also adds support for many more Tiled features and lots of advanced functionality. You can read Why use this plugin? below for more details.

stage.js - 2D HTML5 rendering engine for game development

  •    Javascript

Stage.js is a 2D HTML5 JavaScript library for cross-platform game development, it is lightweight, fast and open-source. Canvas is the graphic component of HTML5 game development, but it only has a drawing API and there is no data model like DOM to compose your application. You need to manually draw your application and manage rendering cycles to play it. Moreover, mouse events are only available at entire Canvas level and they also need to be processed manually.

planck.js - 2D JavaScript Physics Engine

  •    Javascript

Check out Car example on JS Bin to try it in practice. Also see example directory for more testbed usage examples. To receive updates about changes and progress follow @piqnt on twitter.

matter-js - a 2D rigid body physics engine for the web ▲● ■

  •    Javascript

You can also install using the package managers Bower and NPM. Visit the Getting started wiki page for a minimal usage example which should work in both browsers and Node.js. Also see the Running and Rendering wiki pages, which show how to use your own game and rendering loops.

GDevelop - :video_game: GDevelop is an open source HTML5 and native game creator requiring no coding skills

  •    C++

GDevelop is a full featured, open source game development software, allowing to create HTML5 and native games without any knowledge in a specific programming language. All the game logic is made thanks to an intuitive and powerful event based system. A pre-generated documentation of the Core library, C++ and JS game engines is available here.

phaser-multiplayer-game - :video_game: Simple real-time multiplayer phaser game example which uses node and websockets

  •    Javascript

Simple real-time multiplayer phaser game which uses node and websockets. And derived from the Phaser's tanks example game.

lycheeJS - Cross-Platform JavaScript Game library (HTML5 Canvas, V8GL, WebGL, native OpenGL, NodeJS)

  •    Javascript

Cross-Platform JavaScript Game library (HTML5 Canvas, V8GL, WebGL, native OpenGL, NodeJS)

Hilo - A Cross-end HTML5 Game development solution developed by Alibaba Group

  •    Javascript

Hilo is a Cross-end HTML5 Game development solution developed by Alibaba Group. It could help developers build HTML5 games conveniently in minutes.

jaws - Jaws - HTML5 canvas javascript 2D Game Framework

  •    Javascript

Jaws - HTML5 canvas javascript 2D Game Framework

phaser-es6-webpack - A bootstrap project for create games with Phaser + ES6 + Webpack.

  •    Javascript

You'll need to install a few things before you have a working copy of the project. Navigate into your workspace directory.

phaser-menu-system - Boilerplate menu system for phaser

  •    Javascript

When finishing this chapter we'll create a cool splash screen with a preloading progress bar. We're also going to leverage phaser's asset loading system to grab scripts, a custom font, images, and music files so the engine loads up real quick and the progress bar will update as assets are cached. Additionally, we'll touch the surface of the game state management system. My directory structure follows a kind-of hybrid of scaffolds I've used in the past for web application development as well as game development with different engines. I am not saying it's the best one, but please follow it this time so you can easily follow the tutorial. If you get stuck at any time the source code is available to you on this github page.

awesome-canvas - A curated list of awesome HTML5 Canvas with examples, related articles and posts.

  •    

A curated list of awesome Canvas examples, related articles and posts. Inspired by awesome-python. Please take a quick gander at the contribution guidelines first.

flambe - Rapidly cook up games for HTML5, Flash, Android, and iOS.

  •    Haxe

Written in Haxe, games are compiled to HTML5 and Flash, with support for mobile browsers. The HTML5 renderer uses WebGL, with fallback to canvas. Rendering in Flash uses Stage3D. Native Android and iOS apps are packaged using Adobe AIR. On top of being high performance and cross-platform, Flambe recognizes that assets and workflow are critical to game development. It includes battle-tested support for importing Flash animations, bitmap fonts, and particle systems. Live asset swapping lets you modify an asset and see the change in your game automatically, with no recompile or refresh. When you need to make a code change, Flambe recompiles and automatically refreshes your browser tab, all in under 2 seconds.

phaser3-typescript-project-template - A quick-start project template that uses Phaser 3, TypeScript and Rollup for bundling

  •    Javascript

This quick-start project template combines Phaser 3.50 with TypeScript 4 and uses Rollup for bundling. Node.js is required to install dependencies and run scripts via npm.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.