Javascript图像旋转显示，但在画布中消失

Question

我正在尝试使用javascript中的canvas元素制作游戏。除了“游戏”部分，我一切正常。我试图使图像旋转到一定程度并在框架上渲染。我的问题是，无论何时我玩，图像渲染约2-3秒并消失。渲染图像的功能：

function shipImage(num){
  var coolIm = document.getElementById(""+num);
  if(coolIm == null){
    var im = document.createElement("img");
    im.id = ""+num;
    im.style = "display:none;";
    im.src = skin[num];
    document.body.appendChild(im);
  }
  coolIm.src = skin[num];

  return document.getElementById(""+num);
}

shipImage功能：

testOptions {
    unitTests {
        includeAndroidResources = true
    }
}

以下是完整代码：https://jsfiddle.net/2thx78z0/27/