Как я могу добавить анимацию к моей сцене, используя Visual Inpsector для Aframe? - PullRequest
0 голосов
/ 25 июня 2019

Я пытаюсь добавить простую анимацию вращения с помощью визуального инспектора.Там не так много документации по использованию этого инструмента для редактирования и создания сцен.

Я попытался добавить html из примеров, приведенных в документации по анимации, которая по какой-то причине не работает.Кажется, у них есть возможность создавать HTML из визуального инспектора, который вы можете скопировать в индексный файл, но это, похоже, не работает.

<html>
<head>
<script src="https://aframe.io/releases/0.9.0/aframe.min.js"> . 
</script>
</head>
<body>
    <a-scene inspector="" keyboard-shortcuts="" screenshot="" vr-mode- 
ui="">
    <a-sphere src="https://cdn.glitch.com/7ae854de-3b2a-4348-b1f0- 
98ba9c8a0f57%2Fearth_texture.jpg?1557029468067" position="-2.94558 
0.57905 -1.03297" radius="1.25" geometry="">
    <a-animation attribute="rotation" fill="forward" to="0 180 0" 
repeat="indefinite" dur="10"></a-animation></a-sphere>
    <a-sphere src="https://cdn.glitch.com/7ae854de-3b2a-4348-b1f0- 
98ba9c8a0f57%2Fsun_texture.jpg?1557029624357" position="-1.70872 
1.25 -8.03299" radius="1.25" color="#EF2D5E" material="color: 
#e9ef2c" geometry="" scale="0.1 0.1 0.1"></a-sphere>
    <a-sky src="https://cdn.glitch.com/7ae854de-3b2a-4348-b1f0- 
98ba9c8a0f57%2Fstars.jpg?1555972451400" material="" geometry=""></a- 
sky>
    <div class="a-loader-title" style="display: none;"></div> 
    <div class="a-loader-title" style="display: none;"></div>
    <a-entity oculus-go-controls=""></a-entity>
    <a-entity text__title="align: center; value: FOSSweb VR" scale="8 8 
8" position="-0.8 0.42 -3" link="href: https://www.fossweb.com/"> . 
    </a-entity><div class="a-loader-title" style="display: none;"></div>
    </a-scene>
</body>
</html>

Я бы хотел, чтобы модель Земли вращаласьна ее оси, а затем, щелкнув по земле, создайте анимацию камеры, поворачивающейся ближе к земле.

1 Ответ

0 голосов
/ 25 июня 2019

a-animation был устарел с 0.9.0 . Используйте компонент анимации вместо

...