Question

在Shetchfab.com中，您可以为3d对象添加3d background environment。

我正在制作此页面，使用x3dom在标记框架中显示.x3d对象。

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

如何在旋转环境中添加Sketchfab等背景？有人可以帮我解决这个问题吗？

Answer 1

旋转背景通常被称为＆＃34;立方体贴图＆＃34; （尽管该名称可用于两者，纹理的类型以及在3D中使用/可视化的方式）。

在X3DOM中，你应该可以使用这样的背景（在Scene元素中）：

<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节点用于集成这样的纹理贴图以获得反射材料，它被称为＆＃34; ComposedCubeMapTexture＆＃34;： 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

添加像Sketchfab.com这样的3D背景

1 个答案: