Skip to content

CodeMahal

Menu
  • Home
  • Tutorials
    • Web design
      • HTML & CSS
      • JavaScript
      • PHP
    • Coding
      • HTML & CSS
      • JavaScript
      • C#
      • Xamarin and C#
      • Python
      • Arduino
      • PHP
    • Mobile app development
      • Xamarin and C#
    • Game design
      • Unity 2D and 3D Game Development
      • PlayCanvas
      • WoofJS
    • 3D Modelling & Animation
      • Maya 3D
    • Adobe design software
      • Adobe Illustrator
      • Adobe Photoshop
      • Adobe Flash
      • Adobe InDesign
      • Adobe Premiere
    • CAD (Computer Aided Design)
      • Onshape CAD Tutorials
    • Robotics
      • Arduino
    • More…
  • About
  • YouTube
  • Twitter

Tag: image

Artboard 1@2xd
WoofJS

How to flip the player to look in each direction (and change costumes) in WoofJS

This tutorial explains how to flip a player sprite to look in each direction when walking left or right (in WoofJS), as shown below. To achieve this, we just change the …

Artboard 1@2xd
WoofJS

Make an image follow the mouse in WoofJS

This tutorial explains how to make an object (such as an image, shape, or text) follow the movement of the mouse, as shown in the example below. Create a project …

Video / Xamarin & C#

Adding thumbnail images to list rows in the iOS List App with Xamarin

This tutorial will show you how to add a thumbnail image to each row of the Cities list in the iOS List app we made in the previous two tutorials. …

Illustrator / Video

Laser engraving a bitmap image using Illustrator

Do you have an image that you’d like to laser engrave on to the surface of a material such as timber or plastic? If it is an image that has …

HTML5 and CSS3 / Video

Automatic image slideshow

If you would like to display several images on a webpage, rather than making the user scroll down the page to see a lot of separate images, you can add …

Unity 3D / Video

How to apply materials, shaders and textures to objects in Unity

This video tutorial explains how to create materials in Unity so that you can change the colour of 3D objects. The video also explains how to use shaders and image textures …

Illustrator / Video

How to convert a bitmap image into a line drawing

This tutorial explains how to convert a bitmap image into a line drawing (or how to trace an image) using Adobe Illustrator. There is no video available for this tutorial, …

Maya 3D / Video

How to use an image file as a texture in Maya

This video explains how to use an image file (eg. a JPEG) as a texture for an object in Maya. You can use an image to texture an entire shape …

Flash / Video

Create a photo mask effect in Adobe Flash

This video tutorial explains how to create an animated photo mask effect in Adobe Flash. The mask effect uses a motion tween to reveal the colour image on a black …

HTML5 and CSS3 / Video

Background images and colours

This tutorial explains how to add a background image to divs and the body section of your web page. It also explains how to have fixed background images (that don’t …

HTML5 and CSS3 / Video

Adding images to a webpage

This tutorial explains how to add images to your web pages using the <img> tag in HTML code. You can specify a number of attributes for an image including the …

HTML5 Canvas / Video

Animating an image using JavaScript

This tutorial shows how to animate (move) an image across the screen. You can combine the code with other code from previous tutorials such as the one on timed image …

JavaScript / Video

Swapping images using an interval timer

In the previous tutorial, we were able to swap an image with another image every time we clicked on it. This time we will swap an image using an interval/timer, …

JavaScript / Video

Change an image using the Get Element By Id Method

In the previous tutorial, we changed the innerHTML of an element by using the getElementById() method. This allowed us to change the text in a paragraph when we clicked on …

Photoshop / Video

How to make a transparent background for an image in Photoshop CC

This video tutorial explains how to make a transparent background in Adobe Photoshop CC. You might have a shape or text in an image with a white background that you …

Recent Posts

  • Creating Gradients in Adobe Illustrator
  • Using the Shaper Tool in Adobe Illustrator
  • Working with Symbols in Adobe Illustrator
  • Using the getElementsByClassName() method in JavaScript
  • Measuring soil moisture with an Arduino

Categories

  • Arduino
  • Coding in C#
  • Computer Science
  • Flash
  • Guides
  • HTML & CSS
  • HTML5 and CSS3
  • HTML5 Canvas
  • ICT
  • Illustrator
  • InDesign
  • Java
  • JavaScript
  • JavaScript
  • Maya 3D
  • OnShape
  • Photoshop
  • PHP and MySQL
  • PlayCanvas
  • Premiere pro
  • Python
  • Responsive web design
  • Uncategorized
  • Unity 3D
  • Video
  • WoofJS
  • Xamarin & C#
Copyright © 2022 CodeMahal – OnePress theme by FameThemes
Privacy - Terms of Use