HTML5 Game Development
   
  • HOME
  • News
  • Tutorials
  • Engines
  • Demos
  • Tools
  • Partners
  • Mobile HTML Game
  • Guess The Celebrity

Phaser Game Design Tutorial Videos

We feature the work of Kris Occhipinti, who created eight Phaser game design tutorial videos. He starts with introducing you to the basics of the wonderful world of HTML5 game design using Phaser, then proceeds to teaching everything from basic physics, to player controls, to adding sound and music and more.

You can find his github repository for a minimal setup for Phaser 2D HTML5 games here. Below is a compilation of all 8 videos.

Part 1 – Introduction

 

Part 2 – Physics

 

Part 3 – Player Controls

 

Part 4 – Adding a Floor

 

Part 5 – Player Jump Controls

 

Part 6 – Custom Player Values

 

Part 7 – Sounds and Music

 

Part 8 – Full Screen Mode

Share List
Share List

You might also find this interesting:


  1. FB Instant Games Tutorial Phaser can be integrated when creating Messenger games, and you can learn it through an FB Instant Games Tutorial. The process will require developers to create a new app, even...

  2. CodePlayer Tutorial: Make a snake game using HTML5 and jQuery The folks over at TheCodePlayer.com have written an interactive coding tutorial that walks you through the code for making a snake-game in HTML5. The tutorial walks you through the code...

  3. Phaser Game Tutorial – Smart Box Since there’s a brand new version of Phaser out now, it’s natural that more people would be interested in this particular framework. It seems that the guy over at the...

  4. Phaser 3 Modular Game World Tutorial If you want to learn more about game development, check out this Phaser 3 Modular Game World tutorial. This is the first of a series of blogs and it talks...

  5. Phaser Tutorial: Creating a Simple Card Game You can find a number of tutorials online on how to make card games. This latest one focuses on HTML5 deck of cards management with Phaser. The tutorial says that you...

GitHub, Phaser
HTML5 Game Dev Tutorials



License HTML5 Games

Are you a company looking to license HTML5 games? We recommend MarketJS.com, a B2B platform for licensing games.

MarketJS has over 300 HTML5 games for licensing. They also provide additional services such as game reskin, custom development, and white label portals.

Facebook Messenger Games in HTML5

We've created a website to to review new HTML5 games launched on Facebook Messenger ( a.k.a Facebook Instant Games).

Introducing FBmessengergames.com, a website to track the emergence and growth of this new platform.

With the rise of HTML5 technology, large platforms such as Facebook have used it to power their games system within Facebook Messenger. This allows developers to create interesting content to reach massive audiences.


Html5 Game Development


Follow @GameDevHTML5



WHAT’S NEW

  • Benefits of HTML5 Playable Ads

  • HTML5 Playable Ads for Brands

  • ThreeJS Geometric Shapes Tutorial

  • Branded Game for Marketing in the Automotive Industry

  • HTML5 Games For Senior and Elderly Care




NEW DEMOS

  • Slice Physics Bodies with Matter.js and Phaser

  • HTML5 Game Reskins with YoutTube Influencers

  • Aphrodite Starter Kit – 3D Editor

  • Procedurally-Generated Planet

  • Dungeon Dash – Game Development Experiment


ENGINES

  • Building Simulated 3D HTML5 Games With Phaser

    Phaser is commonly used as a 2D game engine for creating HTML5 desktop and mobile games. However, with the help of three.js and Phaser 3D library, you could render your …Read more

  • Egretia Blockchain HTML5 Game Engine

    Egretia is an up and coming HTML5 game development platform that is powered by blockchain. The blockchain technology is like a digital ledger wherein finances or transactions involving value are …Read more

  • Phaser 3.4 Release

    Phaser 3.4 has just been launched, bringing new and better features for HTML5 game development. This updated version now has support for Game Object Containers. Although it’s still in beta …Read more

SEARCH OUR ARCHIVES

CONNECT

rss twitter meetup

HTML5 Game Development is Proudly built in Boston

GOT NEWS?

Send new engines, demos, information and tips to hello@html5gamedevelopment.com

MONTHLY MEETUP

In boston? Join us for the Monthly HTML5 Game Development meetup.

BOOKS

We're in the process of writing a few books about game development. Coming soon!

Copyright HTML5gamedevelopment.com