Вы можете отрегулировать размер в A-Frame для WebXR? - PullRequest
Новая
       99

Вы можете отрегулировать размер в A-Frame для WebXR?

0 голосов
/ 20 февраля 2020

Я пытаюсь уменьшить размер a-сцены в A-Frame без необходимости изменять размеры того, что находится внутри a-сцены. В этом конкретном примере я показываю код в браузере Magio c Leap One's Helio. Есть ли способ просто уменьшить размер a-сцены и всего, что находится внутри? 

<!DOCTYPE html>
<html lang="en" class="a-html">
  <head>
  <title>3D WebXR Space Test</title>
    <link rel="stylesheet" href="./style.css">


  <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="transparent-background" />

    <!-- Aframe Scripts -->
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.4.1/d3.min.js"></script>


    <!-- import Helio WebXR and WebVR polyfill -->
    <script src="https://threejs.org/examples/js/vr/HelioWebXRPolyfill.js"></script>


</head>
<body class="a-body a-grabbing">
    <a-scene>
      <a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9"></a-box>
      <a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
      <a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder>


<a-light type="directional" color="#ffffff" intensity="1" position="-1 1 1"></a-light>
<a-light type="ambient" color="#444444"></a-light>
<a-light type="point" intensity="1" position="2 4 4"></a-light>

</a-scene>

</body>
</html>
...