YoVDO

2D Breakout Game in JavaScript

Offered By: Code with Ania Kubów via YouTube

Tags

Javascript Courses Computer Science Courses Game Development Courses HTML Courses Collision Detection Courses

Course Description

Overview

Learn to build a 2D Breakout game using HTML, CSS, and JavaScript in this comprehensive tutorial video. Create blocks, implement grid styling, add user controls, design ball movement and collision detection, and set up the game board. Follow step-by-step instructions to develop the game's core mechanics, including user interactions and dynamic ball behavior. By the end of the tutorial, deploy your finished game to a website and share it with friends. Gain practical experience in game development while enhancing your web programming skills.

Syllabus

Intro
Setup
Making Blocks
Grid Style
Block
First Item
Collisions
User
Move User
Create Ball
Start Ball
Move Ball
Change Direction
Board Height
Block Collisions
All Blocks


Taught by

Code with Ania Kubów

Related Courses

Video Game Design and Development: Introduction to Game Programming
Abertay University via FutureLearn Computer Science for Game Development
Harvard University via edX Practical Game Development in Unity 4: Level 1
Udemy Game Development for beginners with Python
Udemy Code Your First Game: Arcade Classic in JavaScript on Canvas
Udemy