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.
http://phaser.ioTags | phaser phaserjs html5-game-development webgl game-frameworks game-development 2d html5 canvas game physics tweens typescript web-audio |
Implementation | Javascript |
License | MIT |
Platform | OS-Independent |
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.
phaser canvas webgl html5-game-development 2d html5 game physics tweens typescript web-audioLooking 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.
phaser html5-game canvas webgl particles physics html5 game 2d web-audio tweens typescriptA 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.
yeoman phaserjs gamedev yeoman-generator phaser es2015Stage.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.
html5 html5-game-development game game-2d rendering engine 2d canvas mobileQICI 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.
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.
game strategy-game sprites strategy nodejs multiplayer multiplayer-strategy-game multiplayer-browser-game multiplayer-game chess pokemon 3d-printing 2d-game socket-io phaser-game esports turn-based-strategy strategy-game-engine html5-game phaserFreeciv-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.
webgl freeciv html5 canvas blenderGDevelop 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.
game gamedev game-development game-engine html5 gamemaker 2d-game 2d-game-engine c-plus-plus web-app gdevelop html5-game-engineThis 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.
phaser html5 tilemap tile map 2d tiledHilo is a Cross-end HTML5 Game development solution developed by Alibaba Group. It could help developers build HTML5 games conveniently in minutes.
canvas webgl game hiloCheck 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.
game-development physics-engine box2d html5 2d rigid-bodies canvas game physics engine mobileWhen 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.
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.
game c-plus-plus game-2d gamedev game-development game-engine html5 gamemakerThis is free 2d game development framework(Java Game Engine), support JavaSE/Android/IOS/WP7/HTML5/PSM/Linux/MAC/Windows and Default support Ripple protocol
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.
physics rigid-bodies game-engine web canvas physics-engine html5 rigid-body-physicsNote that due to the cross-origin request policy implemented in most browsers (that prevents from accessing local files), you will need to either disable this security check (see the tutorial), or better use a "personal" local web server like the grunt connect task that is used for building melonJS (see below for building melonJS).
melonjs game-engine webgl webaudio html5 chrome webkit firefox edge ejecta cocoon-js es6 electron gamedev game-development canvas canvas2dWritten 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.
The Atomic Game Engine is powerful native technology with a consistent API and tooling available in C++, C#, Typescript and JavaScript. The Atomic Editor is installed in over 75 countries and has hit “critical mass” with production in multiple industries. Atomic can also be used as a library in existing projects with a C++ SDK, C# NuGet, and JavaScript npm package in development.
game-engine game-development typescript cplusplus android ios webglSimple real-time multiplayer phaser game which uses node and websockets. And derived from the Phaser's tanks example game.
Libgdx is a Java game development framework that provides a unified API that works across all supported platforms. The framework provides an environment for rapid prototyping and fast iterations. Instead of deploying to Android/iOS/Javascript after each code change, you can run and debug your game on the desktop, natively. Desktop JVM features like code hotswapping reduce your iteration times considerably.
game game-framework webgl opengl
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.