HTML5 Game from scratch step by step learning JavaScript Premium class

Laurence Svekis, Web technology Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
22 Videos (2h 18m)
    • Promo video

      1:13
    • HTML5 Game Course Introduction

      3:39
    • Setup HTML5 Game template

      3:01
    • HTML5 Game connect canvas to Javascript

      5:10
    • HTML5 Game Use JavaScript to create canvas

      3:26
    • Setup GameBoard HTML5

      10:40
    • HTML5 drawimage selecting image pieces

      9:44
    • HTML5 Draw Text setup dynamic variables

      8:03
    • HTML5 Game setting event listeners

      6:40
    • HTML5 Game active keyboard

      5:50
    • HTML5 Game movement

      5:48
    • HTML5 Game create an enemy

      6:54
    • HTML5 Game random enemy creation

      6:02
    • HTML5 Game enemy moving

      9:24
    • HTML5 Game calculation adjustments

      3:05
    • HTML5 Game adding powerup pill

      9:01
    • HTML5 Game collision detection

      10:00
    • HTML5 Game powerup functions

      6:50
    • HTML5 Game runaway ghost

      1:59
    • HTML5 Game hit test ghost

      8:41
    • HTML5 Game tweaking the game

      4:32
    • HTML5 Game add a second enemy

      8:39

About This Class

Learn how to create HTML5 and JavaScript games from scratch Step by step tutorials with real HTML5 code examples

Crash course to learn how to create an HTML5 game from scratch for beginners.

Core HTML5 training using canvas and setting a gameboard. Adding text and dynamic variables. Using event listeners to determine keyboard actions and create movement. Create a random enemy and have it move around. Interacting with game items like a power up pill. Collision detection to determine multiple reactions to object interactions on the game board. Tweaking and fine tuning game interactions for better game play.

This course is designed for anyone who wants to better understand how to create their own HTML5, within this course we show you how to make a basic HTML5 game from scratch. You can reuse and practice with the sample code in the course.

We start with a blank document, add in html and then JavaScript to create the game.

The game we create in the course is a pacman type game with a pacman character that can be moved around the screen. There are also 2 ghosts which move towards the player or away if the pacman is powered up.

We walk you through step by step with detailed explanations of code and more.

  • quick lessons get right to the point
  • fully covered topics with real world examples
  • challenges and lessons and code samples
  • code snippets
  • Links to top resources to save time
  • new course material added regularly
  • trusted name in education since 2002
  • full HD easy to read source coding
  • quick response support to students
  • regular discussions

We teach you the latest techniques and tools to use in order to create html5 canvas animations and content. Everything you need to know is included in this course. Learn at your own pace, lifetime access to this course.

338

Students

--

Projects

Laurence Svekis

Web technology Instructor

Providing Smart digital solutions online since 2001. I am considered a true web technology expert. Having professional experience in a wide range of digital areas. Everything from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

Understanding how users flow through the web and learning what drives users to interact online has been the cornerstone of what I do. The more seamless the process the better the user experience and the more likely they are to interact again and share their experiences.

After launching my first websites I quickly realized that to get traffic on your site you need to be able to market online. Research and using personal experimentation as to what are the most successful ways to effectively drive traffic to my websites, I was able to successfully build multiple success eCommerce sites. I used my expertise to provide Search Engine Marketing Services SEO to 100's of clients.

In the advent of Social Media in 2006, I had identified it as an excellent opportunity to drive traffic and connect with users. I created many successful sites that integrated with Myspace and then later into Facebook. I was able to monitize the traffic on several platforms, driving in some cases 10K+ clicks daily to the various platforms. I continued to perfect the art of Internet marketing and adapt to new technology and changes.

In 2008 I created my first YouTube video, and channel. Realizing that there was another great opportunity with video I have been experimenting with video marketing and video monization. Youtube being the second largest search engine has a very bright future. As technology progresses the trend has always been quicker, easier means of delivering content always wins out. Images beat out text as they are easier and quicker for us to process, videos beat out images being the most efficient means of getting content to users. As bandwidth increases, and more platforms that can even easier deliver videos become available videos will be the trend for the future.

Understanding technology provides a means to better connect with users.

Applications I've created have entertained, informed and engaged tens of millions of people. I have over billions of page views on various platforms, and have sent millions of click through visitors.

I have developed hundreds of web applications, from micro sites to enterprise level platforms.