- 1 hour on-demand video
- 13 articles
- 4 downloadable resources
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Get your team access to 4,000+ top Udemy courses anytime, anywhere.Try Udemy for Business
- How to create elements dynamically
- Access to computer
- Use of editor to write code
- HTML and CSS knowledge
Element selection using querySelector
Adding addEventListener Keyboard events
Getting Key press values
Setup of global variables and objects for gameplay
Element creation on the fly createElement() method
Adding new elements to the page appendChild()
Setting of element attributes setAttribute()
Adding animation of content requestAnimationFrame()
Updating element position depending on key press
Updating element style values
Tracking element position within data objects
Using offset values of element to get position X,Y
Adding classes to elements classList()
Applying scoring and game logic for gameplay functionality
Creating dynamic values that can scale with game
Updating element content innerHTML
Applying logic and game concepts.
Adding enemy target to gameplay
Moving targets and document element with gameplay
Adding elements to the page and tracking movement
Dynamically creating elements
Automation of movement for non player elements
Checking element position and determining element overlap
Collision Detection between two elements on the page
Getting element details getBoundingClientRect()
Returning the size of an element and its position relative to the viewport.
Debugging and game checking
Code review and adjustments
Step by step learning with all steps included.
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!!!!
- Web developers