如何在我的JavaScript代码中添加滑动球

Question

我正在尝试添加一个在javascript中跳跃的人下面滑动的球。

我尝试使用画布创建一个球，但是它不起作用

这是跳跃者的来源

var loader = new THREE.FBXLoader();
loader.load('models/jump.fbx', function (object) {

  mixer = new THREE.AnimationMixer(object);
  var action = mixer.clipAction(object.animations[0]);
  action.play();

  object.traverse(function (child) {
  });
  scene.add(object);

  var context;
  var dx = 4;
  var dy = 4;
  var y = 150;
  var x = 10;

  function draw() {

    context = myCanvas.getContext('2d');
    context.clearRect(0, 0, 300, 300);
    context.beginPath();
    context.fillStyle = "#0000ff";
    context.arc(x, y, 20, 0, Math.PI * 2, true);
    context.closePath();
    context.fill();

    if (x < 0 || x > 300)
      dx = -dx;

    if (y < 0 || y > 300)
      dy = -dy;

    x += dx;
    y += dy;
  }

  setInterval(draw, 10);
}

我希望会创建一个球，该球将允许该球在跳跃的人下面滑动。