You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修改Three.js中TextGeometry的挤出厚度?

解决Three.js TextGeometry挤出厚度修改问题

嘿,这问题我熟!你之所以用amount参数没效果,是因为Three.js的TextGeometry早就把控制挤出厚度的参数统一成height了,amount是旧版本里的参数,现在已经被废弃,不再生效啦。

你看官方文档里的TextGeometry选项,只有height是用来设置文字挤出的深度(厚度)的,你之前设置的height: 8就是当前的厚度值,所以只要调整这个参数就能达到你想要的效果,完全不需要加amount。

给你改好的代码示例:

var loader = new THREE.FontLoader(); 
loader.load( 'fonts/font.json', function ( font ) { 
  var textGeometry = new THREE.TextGeometry( 'WELCOME', { 
    font: font, 
    size: 4, 
    height: 2, // 这里改成你想要的厚度值就行
    // 删掉没用的amount参数
  });
});

简单说就是:直接调整height的值,把多余的amount去掉就OK啦,试试把height改成2或者其他你觉得合适的数值,就能得到预期的厚度了。

内容的提问来源于stack exchange,提问作者glaemart

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.28 09:27:51