Mô tả

What is Phaser?

Phaser is a framework for creating HTML-based games in Javascript. It’s very simple to use and get started with. It provides a full set of features to create professional games ready to be published on different platforms. Such as Facebook Instant Games, IOS, or Android platforms.


What is in the course?

During this course, you will acquire hands-on experience in developing three games entirely from scratch. The games include a clone of Flappy Bird, a well-known Dino game from Google Chrome, and a custom Platformer game. No shortcuts will be taken throughout the course, ensuring a comprehensive understanding of the development process. The curriculum encompasses JavaScript, with an added section dedicated to creating a game using TypeScript.


This course is designed to teach you how to create your own games from scratch using Javascript and the Phaser framework. Through a series of practical exercises, you will learn how to develop games that are engaging, challenging, and fun. By the end of the course, you will have created your own games that can be published on Facebook Instant Games.


The course will cover a range of important concepts in game development, including how to initialize the Phaser Game, manipulate physical concepts like gravity and velocity, create and recycle game objects, and use multiple scenes like menu, score, pause, and play. You will also learn how to create difficulty systems and keep track of scores.


In addition to these foundational concepts, the course will also teach you how to create more complex games like platformers. You will learn how to use the Tiled editor to design maps and levels, create different types of attacks like melee and projectile attacks, and animate game objects like characters and enemies. We will also cover advanced concepts like Raycasting, which will allow you to detect enemies and traps, and create a health system that triggers game over when health reaches zero.


The final project of the course will be to create a multi-level platformer game. You will learn how to unlock levels and display credits once the player reaches the end of the game. Throughout the course, you will gain valuable experience that can be applied to other game development platforms like Unity or Unreal Engine.


In conclusion, this course offers an extensive and practical introduction to game development with Javascript and the Phaser framework. Whether you're a beginner or an experienced developer, you will gain valuable insights and skills that will enable you to create your own engaging and fun games.

Bạn sẽ học được gì

Learn developing games by creating the games

Core concepts of game development

Use Javascript/Typescript to develop games for Facebook

Publish your own game on Facebook Instant Games

Yêu cầu

  • Minimal Javascript or other programming language knowledge

Nội dung khoá học

16 sections

Introduction

3 lectures
Introduction
02:24
New game, new section
01:13
How to resolve issues
09:43

Flappy Bird Clone

54 lectures
Section Intro
01:38
Init Project Tips
00:27
Init Project
06:30
Inspect App
06:26
Creating Phaser App
09:47
Displaying image
06:39
Origin Points
09:56
Create Sprite
06:51
Velocity
09:42
Gravity
07:18
Note for the next lecture
00:08
Moving back and forth
09:35
Flapping feature
08:31
Restarting the game
07:03
Credit the authors
03:51
Place Pipes
10:01
Pipe Vertical Distance
05:04
Pipe vertical position
07:52
Render Multiple Pipes
08:02
Place pipe refactor
05:20
Pipe Group
04:36
Get right most pipe
09:49
Recycle pipes
09:29
Moving all code to play scene
07:34
Shared Config
10:52
Play Scene
11:25
More refactoring
04:17
Add collider
05:06
Pause game physics
05:29
World bound colliders
03:52
Restart the game
05:40
Keep Score
06:33
Keep Best Score
09:55
Pause button
04:52
Pausing the game
05:49
Menu Scene
04:06
Preload Scene
03:39
Optimization in Scenes
03:08
Base Scene
07:16
Menu items
13:15
Setup menu events
08:00
Navigate to correct scene
03:32
Best Score
05:19
Back button
05:07
Pause Scene
06:00
Resume the game
05:59
Resume event
07:23
Count down
06:25
Fixing the flap
02:27
Adding difficulties
06:53
Increase difficulty
04:27
Bird Spritesheet
08:32
Play bird animation
11:20
Game finished
05:14

Dino Game Clone

51 lectures
Section Intro
01:49
Init project
04:46
Add and inspect assets
04:14
Create more scenes
07:50
Add parts of the ground
08:31
Game height and types
09:28
Create Player
05:08
Types and modules
21:19
Make Dino Jump + Namespace
14:18
Adds gravity to player
04:31
Trigger contact
06:30
Player class
08:11
Update loop
08:46
Player Jump Done
09:02
Move Trigger Down
06:38
Roll out the ground
09:51
Push player to the front
05:21
Play run animation
12:07
Set texture while jumping
04:31
Is game running check
04:29
Game scene type
08:14
Fix first jump display
02:52
Spawn obstacle prep
06:03
Spawn obstacle
09:37
Preload config
04:11
Add obstacle speed
03:30
Remove obstacles after passing bounds
04:47
Move the ground
05:15
Collide with obstacle
04:32
Handle dino loose
04:21
Display Game over text
08:20
Display game over container
02:06
Handle Restart Click
01:49
Code cleanup
04:59
Restart the game
03:30
Get dino down
07:39
Play down animation
02:18
Spawn enemy birds
12:00
Enemy anims + Small improvements
07:20
Display clouds
07:59
Display score text
04:49
Keep score value
04:56
Display score value
08:29
Game speed modifier
02:47
Increase game speed
04:23
Create highscore text
06:54
Compute high score
11:51
Add tween to score text
02:21
Jump sound
04:53
Hit sound
02:21
Progress Sound and game done
03:26

Platformer game intro

10 lectures
Section Intro
01:22
Important! Tiled Version
00:36
Init Platformer Game
06:11
Tiled Explanations
18:41
Create your first map
12:00
Add map to the game
10:43
Layer Refactor
05:54
Add Player
04:55
Platform as the layer collider
06:01
Adds Collidable layer
08:53

Create a player

19 lectures
Section Intro
01:06
Handle Player Movements
05:15
Create player class
06:20
Player class preUpdate
08:16
Player Update Event
04:04
Running animation
11:27
Idle animation
04:22
Switching the animations
03:49
Jumping
05:55
Double Jump
08:00
Play Jump Animations
05:13
Mixins
06:44
Function to init player colliders
03:34
Map offset
07:22
Setup camera
09:42
Player Zones
04:49
Player Spawn Point
08:02
Create end zone
06:00
End zone overlap
05:08

Enemies

8 lectures
Section Introduction
00:39
Creates a enemy
07:33
Enemy body size
09:38
Player body size
02:03
Create multiple enemies
07:48
Enemy super class
09:59
Enemies group
08:39
Birdman anims
08:10

Raycasting

13 lectures
Section Introduction
01:01
Draw the line
11:25
Draw the line in real time
05:17
Check tile hits
08:04
Colliding tile color
07:21
Add raycast on the enemy
13:43
Detect the platform in raycast
09:16
Optimize performance in raycasting
14:07
Turn with the enemy
08:29
Fixing direction
03:53
Max patrol distance
03:30
Small Refactor of patrol
02:57
Add Steepnes to raycast
06:52

Player takes a hit

7 lectures
Section Introduction
00:18
Player takes a hit
03:50
Bounce off
07:15
Set timeout to set velocity
02:57
Timed Event
02:14
Delay call + Debug
04:21
Animation tween
07:26

Healthbar

9 lectures
Section Introduction
00:28
Starting Health Bar
09:03
Display Health Bar
03:59
Drawing Correct Position
15:36
Display healthbar on correct position
07:40
Display White Background
05:39
Display Green Health
04:00
Decrease the health
06:48
Healthbar scaling
07:00

Projectiles

10 lectures
Section Introduction
00:25
Projectile
08:08
Destroy Projectile
02:55
Projectiles Group
08:00
Fix the projectile
05:40
Correct direction of projectile
03:34
Centering the projectile
04:46
Projectile Cooldown
06:21
Throw anim
08:17
Projectile collides with enemy
07:35

Collide Effects

10 lectures
Section Introduction
00:27
Delivers hit
05:07
Sprite Effect
13:13
Destroy the effect
03:42
Place Effect on update
02:27
Effect Manager
04:43
Correct effect position
07:42
Play enemy hurt effect
05:53
Terminate the enemy
04:10
Cleanup enemy instance after terminate
05:06

Melee Weapon

9 lectures
Section Introduction
00:33
Melee Weapon
10:26
Sword anim
04:17
Hide the animation
03:09
Update hit position
05:45
Delivers melee hit
11:47
Delay the attack
04:01
Create new enemy
07:07
Adjusting enemy body
02:51

Enemy Projectiles & Sliding

9 lectures
Section Introduction
00:29
Shoot projectiles with enemy
11:30
Direction of enemy
02:13
Projectiles animations
06:01
Get hit by enemy projectile
05:52
Delivers hit when player hit
02:50
Sliding feature
10:30
Getting sliding done
07:34
Fix deliver hit
03:21

Collectables & Traps

16 lectures
Section Introduction
00:56
Collectables
12:07
Adds overlap on diamond
04:30
Diamond Shine anim
04:41
Diamond tween
11:42
Collectable group
06:51
Get layer properties
13:24
Get object properties
10:10
Keep track of the score
03:15
Creates Hud
10:43
Add more items to Hud
04:02
Add image to container
10:37
Updates the score
05:55
Add Traps
03:53
Deal damage with trap
08:34
Correct bounce off
03:52

Sound Effects + More scenes

14 lectures
Section Introduction
01:38
Event emitter
06:26
Restart the game
08:02
Restart when falling
03:34
Create BG
13:11
Sky Image + Tileset
10:28
Parallax Effect
03:36
Load multiple levels
12:03
Switch between levels
07:01
Menu Scene
08:06
Levels Scene
07:56
Back button in play
05:30
Credits Scene
07:04
Add theme music
05:59

Publishing the app

8 lectures
Section Introduction
01:39
Sound effect
06:50
Running sound
06:36
Create FB App
09:54
Start game in FB env + Loader
10:35
Set FB env variable
07:10
Deploying the app
12:43
App done & Course End
16:37

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.