three.js: 显示中文文字

1. 生成文字的json文件:https://gero3.github.io/facetype.js/,选择任意一个中文字体的ttf文件,然后点击生成即可。我生成的是微软雅黑。文章末尾有我生成的json文件的百度网盘。

2. 直接将下面代码放在引入了three.jshtml文件中,就生成了中文文字了。

var loader = new THREE.FontLoader();
loader.load( 'Microsoft YaHei_Regular.json', function ( font ) {
	var geometry = new THREE.TextGeometry( '小明', {
		font: font,
		size: 5,
		height: 0.2,	//文字厚度
		curveSegments: 12,
		bevelEnabled: true, 	//是否开启斜角,默认为false。
		bevelThickness: 0.2, 	//斜角厚度,与文字厚度的作用差不多
		bevelSize: 0.1, 		//值越小字的笔画越细
		bevelSegments: 5		//斜角分段数
	} );
	var text = new THREE.Mesh( geometry, new THREE.MeshLambertMaterial({color: 0xff0000}) );
	text.position.set( 6, 50, 0 )
	scene.add(text);
} );

3.效果

 

附件:Microsoft YaHei_Regular.json
提取码:todo 

©️2020 CSDN 皮肤主题: 像素格子 设计师:CSDN官方博客 返回首页