threejs字体加载(threejs版本85左右)
来源:互联网 发布:数据库关系模式例子 编辑:程序博客网 时间:2024/05/21 07:04
前段时间,我写过一个threejs旧版本(56)的字体加载(http://blog.csdn.net/qq_29026209/article/details/73431442),但是因为更新需要,所以重新更博。
其实也很简单,导入的变成JSON格式的字体。
var loader1 = new THREE.FontLoader();
loader1.load( 'fonts/FangSong_Regular.typeface.json', function (font) {
text = createText(new THREE.TextGeometry( "电梯1", {
font: font,
size: 2,
height: 1,
curveSegments: 1
}));
text.rotation.x =0.5*Math.PI;
text.position.x = 20;
text.position.y = -76;
text.position.z = 5;
scene.add(text);
});
function createText( geom ) {
geom.computeBoundingBox();
var materials = [
new THREE.MeshBasicMaterial( { color: Math.random() * 0xffffff, overdraw: 0.5 } ),
new THREE.MeshBasicMaterial( { color: 0x000000, overdraw: 0.5 } )
];
var mesh = new THREE.Mesh( geom, materials );
return mesh;
}
注意:
其实也很简单,导入的变成JSON格式的字体。
var loader1 = new THREE.FontLoader();
loader1.load( 'fonts/FangSong_Regular.typeface.json', function (font) {
text = createText(new THREE.TextGeometry( "电梯1", {
font: font,
size: 2,
height: 1,
curveSegments: 1
}));
text.rotation.x =0.5*Math.PI;
text.position.x = 20;
text.position.y = -76;
text.position.z = 5;
scene.add(text);
});
function createText( geom ) {
geom.computeBoundingBox();
var materials = [
new THREE.MeshBasicMaterial( { color: Math.random() * 0xffffff, overdraw: 0.5 } ),
new THREE.MeshBasicMaterial( { color: 0x000000, overdraw: 0.5 } )
];
var mesh = new THREE.Mesh( geom, materials );
return mesh;
}
注意:
1.将字体文件转化成js的,请使用facetype.js(请去github搜索下载),由于转化结果是js的,咱们需要转成如下的JSON格式:
下面这张是js格式的,红线已经标出:只要将这段代码,以及最后面的)去掉并保存为json,例如:FangSong_Regular.typeface.json即可。
阅读全文
0 0
- threejs字体加载(threejs版本85左右)
- threejs
- threejs加载图片需创站与 如何写出字体
- THREEJS(版本85)实现鼠标点击的高亮显示(如颜色变化)
- threejs学习随记(一)
- threejs加载3D模型例子
- threejs截屏
- ThreeJS阴影
- threejs概览
- threejs纹理
- threejs路径
- ThreeJS 入门教程
- threejs概览
- threejs第五篇【一条龙测试之三 threejs加载 obj 格式模型】
- Threejs 官网 - 入门指南(Getting Started)
- 使用Threejs开发WebGL(一)
- ThreeJS学习之旅(1)
- ThreeJS学习之旅(2)
- 网页上传图片js+java
- 欢迎使用CSDN-markdown编辑器
- sql(Oracle)读取json_list数据和多层嵌套的json数据
- spring mvc中拦截器的配置和使用
- 可视化情报分析平台
- threejs字体加载(threejs版本85左右)
- 字符串统计字或词 Count数量
- 关于html中的meta标签
- LeetCode
- 折叠式答题样式
- Ubuntu16.04+tensorflow1.2+anaconda2安装配置
- 深夜的你—开心编程之深夜体会
- Gradle在Android Studio中的应用技巧
- UITableView的全部属性、方法以及代理方法执行顺序