Stone River Elearning – JavaScript Breakout Game from scratch with only JavaScript
Learn more about JavaScript and Document Object Model interaction, updating and moving elements dynamically using JavaScript. Move the ball around the screen by hitting it with your paddle, if the ball hits a break it is removed and your score increases. This is all JavaScript and possible with common JavaScript code. Perfect way to practice learn JavaScript and have FUN doing it. By the end of the course you will be able to produce your own version of the game, make it even better enhance and more. This course is perfect as a practice application that can be used as starter code for even more.
Course Covers
- Game Setup prepare to make the game HTML
- Create Elements using JavaScript
- Add style to elements
- Event handling Key Presses
- Game variables
- Create the gameboard dynamically
- Setup Bricks and elements
- Moving elements on the page DOM style update
- Animation frame
- Get element position check collision Detection
- Check if ball hit brick take action
- Beginners to JavaScript
- Anyone who wants to practice writing JavaScript
- Web developers
- Core JavaScript Knowledge
- HTML and CSS knowledge
- Prior JavaScript experience
- Fundamental JavaScript concepts
Course Curriculum
- Introduction Brick Breaker Game (2:15)
- Game Setup (4:10)
- Create Elements (10:05)
- Keypresses Interaction (7:47)
- Game Setup (4:08)
- Game Setup1 (3:35)
- Setup Bricks (5:22)
- Create Brick dynamically (6:24)
- Quick Fix for elements (2:27)
- Bouncing Ball moving elements (6:17)
- Setup collision Detection (10:50)
- Brick Breaker check (3:46)
- Tweaks and Adjustments (2:23)
- Tweaks and Adjustments 1 (7:40)
- Tweaks and Adjustments 2 (7:25)
- Tweaks and Adjustments 3 (4:56)
- Code Review (11:30)
Sale Page: https://stoneriverelearning.com/p/javascript-breakout-game-from-scratch-with-only-javascript
Archive: https://archive.ph/wip/eBM2R
Reviews
There are no reviews yet.