Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Three.js中的实体上添加文本?_Javascript_Three.js - Fatal编程技术网

Javascript 如何在Three.js中的实体上添加文本?

Javascript 如何在Three.js中的实体上添加文本?,javascript,three.js,Javascript,Three.js,我正在做一个项目,在这个项目中,我必须将文本垂直放置在实体上,尤其是圆柱体上。我刚开始为这个项目学习三个.js。 完成后,我想用一个.obj文件替换圆柱体,我想知道是否有更聪明的方法来获得最终结果,即对象文件上的垂直文本 我在Three.js文档中搜索了如何在实体上放置文本,但没有找到任何内容 身体{ 保证金:0; } 帆布{ 宽度:100%; 身高:100%; } 试验 var scene=new THREE.scene(); var摄像机=新的三透视摄像机(75,window.inner

我正在做一个项目,在这个项目中,我必须将文本垂直放置在实体上,尤其是圆柱体上。我刚开始为这个项目学习三个.js。 完成后,我想用一个.obj文件替换圆柱体,我想知道是否有更聪明的方法来获得最终结果,即对象文件上的垂直文本

我在Three.js文档中搜索了如何在实体上放置文本,但没有找到任何内容


身体{
保证金:0;
}
帆布{
宽度:100%;
身高:100%;
}
试验
var scene=new THREE.scene();
var摄像机=新的三透视摄像机(75,window.innerWidth/window.innerHeight,0.11000);
var renderer=new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth、window.innerHeight);
document.body.appendChild(renderer.doElement);
addEventListener('resize',function()){
变量宽度=window.innerWidth;
var height=window.innerHeight;
设置大小(宽度、高度);
camera.aspect=宽度/高度;
camera.updateProjectMatrix();
});
控件=新的三个.轨道控件(摄影机、渲染器.doElement);
var几何=新的三圆柱几何(1,1,5,64,64);
var material=new THREE.MeshPhongMaterial({color:0x00f9ff,side:THREE.DoubleSide,线框:true});
var cone=新的三个网格(几何体、材质);
场景。添加(圆锥体);
//创建点光源
var pointLight=新的三点光源(0xFFFFFF);
//定位
点光源位置x=10;
点光源位置y=50;
点光源位置z=130;
//添加到场景中
场景。添加(点光源);
摄像机位置z=3;
var render=函数(){
请求动画帧(渲染);
//圆锥旋转y+=0.01;
渲染器。渲染(场景、摄影机);
};
render();

这可能是一个需要解决的复杂问题。想到一个可能的解决方案,检查这个例子:你考虑过把文本作为纹理吗?是的,它仍然不起作用。也许,我没有用正确的方式编写它,因为我刚刚接触Three.js。我甚至尝试过使用贴花几何(感谢您的帮助,@ScieCode btw)。我最终使用TextGeometry实现了它。虽然不太好看,但它正在工作。这可能是一个需要解决的复杂问题。想到一个可能的解决方案,检查这个例子:你考虑过把文本作为纹理吗?是的,它仍然不起作用。也许,我没有用正确的方式编写它,因为我刚刚接触Three.js。我甚至尝试过使用贴花几何(感谢您的帮助,@ScieCode btw)。我最终使用TextGeometry实现了它。虽然不太好看,但很有效。