Функция съемки в Javascript не работает и изображение не отображается - PullRequest
Новая
       72

Функция съемки в Javascript не работает и изображение не отображается

0 голосов
/ 09 ноября 2019

У меня есть этот код. 

var scene;

function start() {
  scene = $('a-scene')[0];
  console.log("The scene is ready", scene);
}


AFRAME.registerComponent("start-game", {
  init: start
});

function fire(bullet, aim) {
  var newBullet = $(bullet).clone();
  newBullet.attr('visible', 'true');

  var bulletPos = $(bullet).attr('position');
  var target = aim.x + ' ' + bulletPos.y + ' ' + aim.z;

  newBullet.attr('animation', 'property:position; to:' + target + '; dur:5000');
  $(scene).append(newBullet);
}

function shoot() {
  var bullet = this.data;
  $(this.el).on('click', function(evt) {
    var aim = evt.detail.intersection.point;
    fire(bullet, aim);
  });
}

AFRAME.registerComponent("shoot", {
  schema: {
    type: "selector"
  },
  init: shoot
});
<html>

<head>
  <title>Plants vs Zombies</title>
  <script src="https://aframe.io/releases/0.9.1/aframe.min.js"></script>
  <script src="https://unpkg.com/aframe-environment-component@1.1.0/dist/aframe-environment-component.min.js"></script>
  <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  <script src="game.js"></script>
</head>

<body>
  <a-scene start-game>
    <a-sky color='skyblue'>
    </a-sky>
    <a-obj-model src="TennisCourt.obj" mtl="TennisCourt.mtl" position="1 2 -6">
    </a-obj-model>


    <a-obj-model class='.tennisBall' src="Tennis_Ball.obj" mtl="Tennis_Ball.mtl" scale="0.4 0.4 0.4" position="8 4 -6" animation="property:position; from:8 4 -6; to:-8 4 -6; dur:1500; loop:true;"></a-obj-model>
    <a-camera position="9 4.2 -6">
      <a-cursor shoot=".tennisBall"></a-cursor>
    </a-camera>
  </a-scene>
</body>

</html>

Имеющиеся у меня файлы

Как это исправить, поскольку теннисный мяч отображается черным без файла изображенияна нем, а также функция съемки не работает. Это изображение. Я действительно не уверен, что случилось с этим, и любой, кто может сказать мне, что пошло не так, был бы большой помощью. введите описание изображения здесь

...