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 [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
Add Style and Elements HTML
HTML source code
CSS source Code
Play the Game JavaScript
Create a Tank CSS
JavaScript Math CSS transform explained
Move along with Mouse
JavaScript Move Turret
Source Code
Shooter Bullets Create Elements JavaScript
Remove elements from document JavaScript
Source Code
Setup Bad Guys JavaScript
Source Code
Moving Elements JavaScript Game
Source Code
JavaScript Element Collision detection
Detect Collision with Player and Enemy
Source Code
Update Stats Dashboard values Element manipulation
Game Over Function JavaScript
Source Code
Color the elements randomly JavaScript
Blast the Bad Guys JavaScript Collision detection between two elements
Final Game Tweaks and bug fixes
Source Code Game Review
Final JavaScript Source
Source Code and Resources
  • Fundamental JavaScript concepts
  • Access to computer
  • Use of editor to write code
  • HTML and CSS knowledge

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