如何嵌入一個AFRAME場景到一個div

我試圖嵌入一個.OBJ模型轉換成一個元素，使其限制在一個特定的寬度和高度，而不是一整頁的畫布。我試圖複製「場景」嵌入到https://sketchfab.com/頭。我想在我的場景相機平移輪模型的中心軸（就像在例子）。如何嵌入一個AFRAME場景到一個div

我在完成這個麻煩......到目前爲止，我能夠成功加載afame現場到我的瀏覽器執行以下操作：

<a-scene> 
    <a-box color="#6173F4" width="4" height="10" depth="2"></a-box> 
</a-scene>

但我不能讓被調整現場並侷限在一個div或一個畫布內（我認爲畫布會更好？）。

我想：
1.巢的一個場景到一個div和大小在CSS股利

<div class="aframebox"><a-scene></a-scene></div>
2.我也試過下面，我想是不再一部分版本0.3.0？
<a-scene canvas="height: 50; width: 50"></a-scene> 0.2.0 information

如果有人可以請讓我知道如何做到這一點，我真的很感激，
謝謝。

來源

2016-12-01 AlextheTryhard

A型架的embedded組件旨在去除全屏的風格，讓你的風格/大小畫布需要。

<a-scene embedded></a-scene>

更多細節在這裏：https://aframe.io/docs/0.3.0/components/embedded.html

來源

2016-12-01 15:30:07

唐麥柯迪，謝謝你指着我在正確的方向。我終於能夠改變場景窗口大小。
這是完成此操作的代碼。

HTML：

<a-scene class="aframebox" embedded> 

    <a-sphere position="0 1.25 -1" radius="1.25" color="#EF2D5E"></a-sphere> 
    <a-box position="-1 0.5 1" rotation="0 45 0" width="1" height="1" depth="1" color="#4CC3D9"></a-box> 
    <a-cylinder position="1 0.75 1" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder> 
    <a-plane rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane> 

    <a-sky color="#ECECEC"></a-sky> 
    <a-entity position="0 0 3.8"> 
     <a-camera></a-camera> 
    </a-entity> 
</a-scene>

CSS：

.aframebox { 
height: 500px; 
width: 500px; 
}

來源

2016-12-01 23:35:22 AlextheTryhard

如何嵌入一個AFRAME場景到一個div

回答

相關問題