Aframe 只有一侧深度的帧图像

Aframe 只有一侧深度的帧图像,aframe,Aframe,我想展示一个带边框的图像。使用可以得到一个带有图像的平面。 我不知道你是否可以用一个框架(我不这么认为),但你可以用三个JS来做,制作一个包含每个长方体面的材质的材质数组,并将其应用到长方体网格 const loadManager = new THREE.LoadingManager(); const loader = new THREE.TextureLoader(loadManager); const materials = [ new THREE.MeshBasicMaterial(

我想展示一个带边框的图像。使用
可以得到一个带有图像的平面。
我不知道你是否可以用一个框架(我不这么认为),但你可以用三个JS来做,制作一个包含每个长方体面的材质的材质数组,并将其应用到长方体网格

const loadManager = new THREE.LoadingManager();
const loader = new THREE.TextureLoader(loadManager);

const materials = [
  new THREE.MeshBasicMaterial({map: loader.load('resources/images/flower-1.jpg')}),
  new THREE.MeshBasicMaterial({map: loader.load('resources/images/flower-2.jpg')}),
  new THREE.MeshBasicMaterial({map: loader.load('resources/images/flower-3.jpg')}),
  new THREE.MeshBasicMaterial({map: loader.load('resources/images/flower-4.jpg')}),
  new THREE.MeshBasicMaterial({map: loader.load('resources/images/flower-5.jpg')}),
  new THREE.MeshBasicMaterial({map: loader.load('resources/images/flower-6.jpg')}),
];

loadManager.onLoad = () => {
  const cube = new THREE.Mesh(geometry, materials);
  scene.add(cube);
  cubes.push(cube);  // add to our list of cubes to rotate
};
可以将此代码放置在附加到立方体几何体的自定义构件内。
上面的代码取自三个基本要素。

另一种方法是在3d应用程序(即blender)中制作网格和材质,并在GLTFhank you导出,这正是我要找的。对于未来的读者,您可以在带有实体的框架中包含网格。setObject3D(“网格”,立方体)是否愿意分享一个简单的故障,说明如何在框架中实现此功能?给未来的学习者?很好的一个!我添加了动态观察控件,以便更容易地看到效果。