Preview lessons, content and tests

Computer Science & Programming solved. All in one platform.

1. To trial the platform and take tests, please take a few seconds to SIGN UP and SET UP FREE.

2. Searching for something specific? See our text overview of all tests. Scroll right for levels, and lists.

3. Student and Teacher User Guides |  Schemes of Work |   Real Teacher use Videos |


Join 36000+ teachers and students using TTIO.

Completing our game

In this lesson we complete our mini game (with HTML, CSS and JavaScript), adding our own sources, images, backgrounds and evaluating and implementing more sophisticated collision detection. 

Video Lesson 3

GitHub Repository

To download the code for this lesson, click on the link below, maximise the page. Search for "Code" and select "download zip". Once you extract the zip file, you'll see all the relevant html, css and JavaScript files for this lesson.

https://github.com/gamedesigntestandtrack/battle3.git

Key Concepts

1. getComputedstyle
2. parseInt
3. getBoundingClientRect()
4. Use of images on the web (in HTML pages)

www.teachyourselfpython.com