sprite character canvas tutorial code example

Example 1: how do you make a sprite with javascript

let objectId = {};
objectId.x = 0;
objectId.y = 0;

//change positions
function updatePosition() {
  document.objectId.style.left = objectId.x;
  document.objectId.style.top = objectId.y;
}
//moving it
function move() {
  objectId.x++;
  objectId.y++;
  updatePositions();
}

Example 2: setting up a sprite sheet in js

context.drawImage(img, sx, sy, swidth, sheight, x, y, width, height)