JavaScript Exercise - Tank Shooter Game from Scratch
4.5 (10 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,210 students enrolled

JavaScript Exercise - Tank Shooter Game from Scratch

Build a JavaScript Game from scratch using only JavaScript no libraries no canvas - DOM manipulation Practice exercise
4.5 (10 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,210 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto-generated]
Current price: $129.99 Original price: $199.99 Discount: 35% off
12 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2 hours on-demand video
  • 11 articles
  • 13 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Apply JavaScript and move elements within a page using JavaScript
  • Run animations within JavaScript
  • Create elements within the DOM
  • Manipulate HTML elements using JavaScript
Course content
Expand all 33 lectures 02:25:27
+ Introduction to building a game with JavaScript
32 lectures 02:24:13
HTML CSS page Setup
02:41
Add Style and Elements HTML
13:37
HTML source code
00:16
CSS source Code
00:45
Play the Game JavaScript
03:40
Create a Tank CSS
04:22
JavaScript Math CSS transform explained
03:55
Move along with Mouse
07:40
JavaScript Move Turret
03:38
Source Code
00:26
Shooter Bullets Create Elements JavaScript
10:10
Remove elements from document JavaScript
03:43
Source Code
00:41
Setup Bad Guys JavaScript
17:29
Source Code
01:11
Moving Elements JavaScript Game
07:23
Source Code
01:18
JavaScript Element Collision detection
08:01
Detect Collision with Player and Enemy
04:49
Source Code
01:33
Update Stats Dashboard values Element manipulation
03:21
Game Over Function JavaScript
05:48
Source Code
01:45
Color the elements randomly JavaScript
03:42
Blast the Bad Guys JavaScript Collision detection between two elements
04:53
Final Game Tweaks and bug fixes
02:41
Source Code Game Review
10:26
Final JavaScript Source
01:50
Source Code and Resources
00:13
Requirements
  • Fundamental JavaScript concepts
  • Access to computer
  • Use of editor to write code
  • HTML and CSS knowledge
Description

Practice and learn more about JavaScript while building a fun interactive tank shooting game from scratch.  Prefect course for beginners to learn JavaScript!!! Step by step learning with all steps includedNo libraries, no shortcuts just learning JavaScript!

Learn how you can use JavaScript to create, manipulate and make interactive HTML page elements.  Using JavaScript scripting you can create a fully interactive dynamic game from scratch.  Source code is included to get you started quickly.

This course is designed to help you practice JavaScript, you should have a functional understanding of the JavaScript language before taking this course. Please note that the course covers only JavaScript relevant to the building of the game.   Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused.  

Course covers

  • Learn how to setup your gameplay area using HTML and CSS
  • Setup page elements and prepare variables.  
  • Create interaction with JavaScript event listeners to invoke functions on mouse actions
  • Run animationframe to change HTML elements style attributes and calculate positions of shots and enemies
  • Calculate angles for the turret to follow the mouse movements and shot in the angled direction of where the mouse is.
  • Create elements using JavaScript and add/remove them from the page
  • Setup start game functionality with values to create game play
  • Access the JavaScript Document Object Model to manipulate element properties
  • Setup a dashboard to output variables for the user like score and life left
  • Setup helper functions to reuse within the game play
  • Check for element overlap and detect collisions which is essential for any game.  

All this is included and a whole lot more.  

Along with friendly support in the Q&A to help you learn and answer any questions you may have.

Try it now you have nothing to lose, comes with a 30 day money back guarantee.  

Start building your own version of the game today!!!!

See what you can build while you practice JavaScript!


Who this course is for:
  • Beginners to JavaScript
  • Anyone who wants to practice writing JavaScript
  • Anyone who wants to learn to make a JavaScript game without any libraries
  • Web developers
  • Webmasters