Нужна помощь в заполнении фигуры изображением (JavaScript / CoffeeScript)

Question

Я взламываю чью-то игру на CodePen для удовольствия, но, к сожалению, застрял на чем-то столь же простом, как замена прямоугольника со сплошной заливкой изображением.

В любом случае, вот оригинальный фрагмент кода, который я пытаюсь изменить, который рисуется в виде простого прямоугольника (представляющего врага в игре):

drawShape = (width=64, height=64, color='#ff0000')->
    bmd = game.add.bitmapData(width, height)
    bmd.ctx.beginPath()
    bmd.ctx.rect 0, 0, width, height
    bmd.ctx.fillStyle = color
    bmd.ctx.fill()
    return bmd

И вот моя неудачная попытка изменить его:

var ant = new Image()
ant.src = "https://avatars1.githubusercontent.com/u/1749548?v=4&s=64"
drawShape = (width=64, height=64)->
    bmd = game.add.bitmapData(width, height)
    bmd.ctx.beginPath()
    bmd.ctx.drawImage ant, 0, 0, width, height
    bmd.ctx.fill()
    return bmd

Любой совет? Большое спасибо за ваше время заранее.