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(“网格”,立方体)是否愿意分享一个简单的故障,说明如何在框架中实现此功能?给未来的学习者?很好的一个!我添加了动态观察控件,以便更容易地看到效果。