Welcome

Welcome to CodeMahal, the place where you can access a range of over 300 free tutorials and resources that will help you learn how to code, build websites, develop apps, program micro-controllers, design 2D and 3D games, animations, and graphics.

To get started, just select a topic that you are interested in. Select a topic below…

HTML5 & CSS3Design websites with
HTML & CSS
JavaScriptLearn to code
with JavaScript
Develop Android & iOS
apps with Xamarin
Unity_LogoDesign 2D and 3D
games with Unity
Learn to code in C# Unity_LogoLearn to code in Java
Adobe PhotoshopCreate and edit images
in Adobe Photoshop
Adobe IllustratorCreate your own graphics
in Adobe Illustrator
Adobe FlashCreate 2D animations
in Adobe Flash
Adobe InDesignMake publications
with Adobe InDesign
ArduinoProgram electronic devices
with Arduino
Maya 3DLearn 3D modelling and
animation with Maya 3D
PlayCanvasCode games in JavaScript
using PlayCanvas
Develop web apps
using PHP & MySQL
WoofJS TutorialsLearn how to make
games with WoofJS
More...+ more

FEATURED TUTORIALS

Create an emoji chase game with WoofJS

In this tutorial, you will learn how to create a game where the player is being chased and has to keep running for as long a possible without getting caught by the flying emoji. The smiley emoji has to avoid being caught by the ghost emoji. You can customise this game as much as you like with your own characters.

emojirun

ic_play_arrow_black_24dp_1x Read more

Code an apple catcher game with WoofJS

In this tutorial, you will learn how to create an apple catcher game using JavaScript code in WoofJS. The aim of the game is to catch as many falling apples as you can and beat the high score.

applegame

ic_play_arrow_black_24dp_1x Read more

Create a custom list in an Android app using Xamarin and C#

This tutorial will show you how to create a detailed list for an Android app using your own custom list design. For this project, we will create a list of cities and when the user taps a city from the list, the app will take them to another screen with more details about that city.

customlistandroid

ic_play_arrow_black_24dp_1x Read more

Build a 4WD autonomous car with Arduino

In this tutorial you will learn to make a 4WD robotic car with built-in obstacle avoidance. This project involves building a 4WD car with an ultrasonic sensor that can detect nearby objects and change its direction to avoid these objects. The ultrasonic sensor will be attached to a servo motor which is constantly scanning left and right looking for objects in its way.

4WD autonomous robotic car
4WD autonomous robotic car

You can extend this project by adding more sensors such as ultrasonic sensor to the rear so that the car doesn’t reverse into objects, speed detection sensors to determine speed, line following sensors, and LED brake lights. You could even add light sensors and LEDs to turn headlights on in low-light conditions or a Bluetooth connection to control the car through a mobile app.

ic_play_arrow_black_24dp_1x Read more

Advanced camera techniques in Unity

In this tutorial we will look at how to add cameras to objects, how to set up a split screen camera system, and how to add a picture-in-picture (PIP) effect to your game. Scroll down to watch the video.

Adding cameras to objects are particularly useful for when you want to add a camera view to a character or game object eg. first person view inside a car.

Split screen camera systems are great for multiplayer games because you can have one player using the top half of the screen and another player using the bottom half of the screen. You could set up two cameras or you could have four cameras taking up the screen if you have four players in the game. Take a look at the example below.

Two players using split screen camera system.
Two players using split screen camera system.

Picture-in-picture (PIP) effects are great for maps and rear-camera views. For example, you could use a camera to display a map in the top corner of the screen so the player knows where they are located in the game’s world. You could also use a PIP effect to display a rear-view mirror so that a player can see behind their car in a racing game. Take a look at the example below.

A picture-in-picture (PIP) effect with a second camera view.
A picture-in-picture (PIP) effect with a second camera view.

We will also look at how to handle errors that you might see related to multiple audio listeners.

ic_play_arrow_black_24dp_1x Read more