Creating a classic game using HTML & Javascript – Part 1 (Hindi/Urdu)

Hello everyone I received a lot of requests related to HTML and javascript. So in this series we will create a classic game using HTML5 and javascript. And this is a game that you’ve already played, most likely on at least one device So.. let’s start! First of all, you can find the slides on […]

Snake Game web app Tutorial part2

Hello everyone and welcome in Source Code Planet this is the second episode of making Snake Game web app Let’s add a moving method to the snake object the head of the snake is the last item in its segments array and the first one is the tail shift the tail change it’s position to […]

Snake Game web app Tutorial part4

Hello everyone and welcome in Source Code Planet this is the fourth episode of making Snake Game web app We need to prevent the food from being generated inside the body of the snake so each time food’s position matches a sgement’s position a new food should be generated instead Now we need to give […]

Snake Game web app Tutorial part3

Hello everyone and welcome in Source Code Planet this is the third episode of making Snake Game web app Now we need to make the snake appears from the left side of the canvas when its head reaches the end of the canvas from the four sides Ok, let’s test it several times to make […]

Snake Game Tutorial – Episode 2: Canvas

Hey guys! Welcome back, this is Frank, and welcome to the second episode of Snake Game Tutorial with Frank. In the last episode, we talked about the user interface of the snake game, and some main elements and steps of the game. And today we’ll be focusing on the actual coding part. So what we […]

Snake Game web app Tutorial last part

Hello everyone and welcome in Source Code Planet , this is the last episode of making Snake Game web app Sorry add some styles to the button to make it attractive Add some effects when the user clicks on it Now we need to wrap the starting code of the game in one function let’s […]

Snake Game web app Tutorial part5

Hello everyone and welcome in Source Code Planet this is the fifth episode of making Snake Game web app Ok when the user collides the head of the snake with another segment the game should end So we stop moving and drawing Cool add a div with an id ‘game-container’ add some styles Style the […]

Snake Game Tutorial – Episode 3: Snake (with Bonus Content!)

Hey guys! Welcome back, this is Frank, and welcome to the third episode of Snake Game Tutorial with Frank! In the last episode, we already focused on the canvas element, so I’ll just cross it up here. In this episode, we will be focusing on the snake element itself. So a thing to notice here […]

Snake Game Tutorial – Episode 1: Introduction

Hey guys! What is up? This is Frank. Welcome to the first episode of – Snake Game Tutorial with Frank! In this tutorial, we will create a snake game that is entirely based on JavaScript, CSS and HTML. So after you finish this tutorial, you will get a webpage that looks something like this. This […]