JavaScript Game Development with Kontra.js – Match 3
Course
Online
Description
-
Type
Course
-
Methodology
Online
-
Start date
Different dates available
Learn to build your own browser-based tile-matching game using the power of HTML5 and JavaScript. Through this course, you will explore game development with Kontra.js, a lightweight, memory-efficient library that makes implementing basic game structure incredibly simple. As you explore the library, you will develop a match-3 game from scratch for your personal portfolio, all while learning vital skills that can be applied to even more game projects.
You will learn how to:
Set up a project with Kontra.js
Add custom sprites for tiles
Implement a grid structure for tiles
Develop logic for applicable moves
Create matching logic for tile chains
Drop new tiles onto the board
… and more!
Frameworks and tools covered: JavaScript ES6, Kontra.js 6.9.1
Your Courses, Your Way
All of our project-based courses are designed to be flexible – you can access courses 24/7 to fit them around your schedule, and choose the learning materials that suit you best.
You can even download your course videos and watch them offline using the Zenva app, available on iOS and Android.
Learn from World-Class Instructors
Our course instructors participate in elite developer programs and have been recognized for their demonstrated excellence in development and teaching.
That way, you can be confident that you’re learning the most up-to-date content from industry experts.
Interactive Lessons with Codemurai
Our unlimited access package comes with free access to all of the courses in our mobile app, Codemurai!
Available on iOS and Android, it’s full of interactive programming lessons and exercises so you can continue your learning on the go.
Achieve Real Results
Our community of 1,000,000+ learners and developers have used the skills learned with us to publish their own games and websites, land their dream jobs, and even start their own businesses – and you have the potential to do the same!
Check out what our learners think below:
Facilities
Location
Start date
Start date
About this course
b
Why should I learn programming?
b
What will I achieve by taking these courses?
b
Technology changes quickly. What happens if the content becomes outdated?
b
I’m an absolute beginner who’s never coded before. Can I still do these courses?
b
What time commitment is needed?
b
Will these courses help me to change my career?
b
Can I watch the videos offline?
A solid understanding of JavaScript, CSS, and HTML are required
Reviews
This centre's achievements
All courses are up to date
The average rating is higher than 3.7
More than 50 reviews in the last 12 months
This centre has featured on Emagister for 3 years
Subjects
- Access
- Javascript training
- Javascript
- Logic
- Project
Course programme
Introduction 2:10
Introduction 2:10
2:10
Project Setup 3:58
Project Setup 3:58
3:58
JavaScript Modules 6:00
JavaScript Modules 6:00
6:00
Initialize Kontra 2:52
Initialize Kontra 2:52
2:52
Game Loop 2:53
Game Loop 2:53
2:53
Draw Sprites 5:31
Draw Sprites 5:31
5:31
Draw Image Sprite 5:03
Draw Image Sprite 5:03
5:03
Interact with Sprites 3:31
Interact with Sprites 3:31
3:31
Game Class 7:58
Game Class 7:58
7:58
Game Background 2:13
Game Background 2:13
2:13
Scaling 9:13
Scaling 9:13
9:13
Grid Class 6:24
Grid Class 6:24
6:24
Drawing the Grid 6:40
Drawing the Grid 6:40
6:40
Context Global Alpha 2:06
Context Global Alpha 2:06
2:06
Object Pools 5:42
Object Pools 5:42
5:42
Board Class 9:45
Board Class 9:45
9:45
Print Grid 2:34
Print Grid 2:34
2:34
Swap Blocks 5:47
Swap Blocks 5:47
5:47
Valid Moves 4:04
Valid Moves 4:04
4:04
Chains 6:41
Chains 6:41
6:41
Find All Chains 2:27
Find All Chains 2:27
2:27
Clear Chains 2:35
Clear Chains 2:35
2:35
Drop Block 3:40
Drop Block 3:40
3:40
Update Grid 6:45
Update Grid 6:45
6:45
Load Assets 4:02
Load Assets 4:02
4:02
Draw Blocks 8:14
Draw Blocks 8:14
8:14
Pick Blocks 8:23
Pick Blocks 8:23
8:23
Update Board 5:59
Update Board 5:59
5:59
Drop Blocks - Part 1 7:43
Drop Blocks - Part 1 7:43
7:43
Drop Blocks - Part 2 5:09
Drop Blocks - Part 2 5:09
5:09
Conclusion 1:25
Conclusion 1:25
1:25
Additional information
JavaScript Game Development with Kontra.js – Match 3