[フレーム]

50,000+ Free Udemy Courses to Start Today

View Courses

Coursesity is supported by learner community. We may earn affiliate commission when you make purchase via links on Coursesity.

HTML5 Game Development with Phaser

Learn how to use the fun, fast, and free Phaser framework to build both desktop and mobile games using HTML5 and JavaScript.

96.1K

total enrollments

Free Trial

Description

In this course, you will learn:

  • How to put Phaser to work: creating a multistate game that can be played on both desktop browsers and mobile devices.
  • A new game project with the Brackets code editor, create a basic preloader and menu states, and then start building game entities and layering in functionality with Phaser's sprites, groups, animations, tweens, emitters, and physics.

Syllabus:

  • Introduction
  • What you should know before watching this course
  • The final product
  • Using the exercise files

1. Setting Up Phaser

  • Downloading the Phaser framework
  • Choosing a code editor
  • Image assets
  • Preparing fonts
  • Music and sound effects

2. Configuring Loaders and States

  • Creating your Phaser project
  • Bootloader setup
  • Building the preloader
  • Building the menu state
  • Setting up the game state

3. Populating the World

  • Building the world
  • Generating bunnies
  • Bunny movement
  • Spawning enemies
  • Dealing with offscreen entities

4. Functionality

  • Particles and emitters
  • Handling emitter collisions
  • Group-versus-group collisions
  • Friendly fire
  • Bunny death

5. Wrapping Things Up

  • Detecting game-over
  • Adding countdown text
  • Adding "Game Over" text
  • Adding sound effects
  • Preparing for mobile

Course Features

Enrollment options

  • 1-month free trial (Free Trial)
  • Unlimited access to 16,000+ courses
  • Interactive Quizzes
  • Exercise files
  • Certification of completion
  • Course Matirial
  • LinkedIn Premium access
  • 20ドル/month - Annual Plan (33% saving)
  • 30ドル/month - Monthly Plan
(追記) (追記ここまで)
Go to Course

AltStyle によって変換されたページ (->オリジナル) /