添加3D背景，如Sketchfab.com

Question

在Shetchfab.com中，您可以爲您的3D對象添加3d background environment。

Im使這個頁面在哪裏我使用x3dom在標記框架中顯示一個.x3d對象。

<x3d height='500px'> 
    <scene id="mainScene"> 
     <Inline id="inlineBox" nameSpaceName="dcm" url="juicecarton.x3d" /> 
    </scene>           
</x3d> 

如何添加像Sketchfab背景與旋轉的環境？ 有人可以幫我解決這個問題嗎？

Answer 1

旋轉背景通常被稱爲「立方體貼圖」（儘管該名稱可用於兩種紋理的種類以及在3D中使用/可視化的方式）。

在X3DOM，你應該能夠使用這樣的背景（場景元素中）：

<Background id='back1' 
     backUrl='"./ocean_3_back.jpg"' bottomUrl='"./ocean_3_bottom.jpg"' 
     frontUrl='"./ocean_3_front.jpg"' leftUrl='"./ocean_3_left.jpg"' 
     rightUrl='"./ocean_3_right.jpg"' topUrl='"./ocean_3_top.jpg"'> 
</Background> 

還有集成這樣的紋理貼圖，以獲得反射材料的X3DOM節點，這就是所謂的「 ComposedCubeMapTexture「： https://doc.x3dom.org/author/CubeMapTexturing/ComposedCubeMapTexture.html

我沒有找到一個在線直播的例子，但它應該很容易得到一個工作 - 這裏的一些代碼： https://github.com/x3dom/x3dom/blob/master/test/regression-suite/test/cases/cubemap/cubemap.html

結果應該是這樣的： http://testing.x3dom.org/test/reference/cubemap_0.png