1. 首页
  2. three.js

在中使用json数据实现字体纹理图集three.js

大家好。我有一个json文件,其中包含关于字体的数据,该字体本质上是一个包含所有字母的.png文件。json中的数据如下所示:n{\”kerning\”: 2,\”height\”: 21,\”baseline\”: 4,\”glyphs\”: {\”A\”: [0, 2, 17, 14, 0],…}n字形中的数据格式如下:字母:[x,y,宽度,高度,基线偏移](所有这些数据都表示像素值)。n我想知道的是,我有没有办法利用这些信息three.js渲染该部分纹理,以便我可以有效地使用该.png文件作为字体?我已经调查过texture.offset,但不知道如何将其转化为我目前的状况。感谢您的帮助,谢谢!n由ad044在post#2中解决我设法在某种程度上使用=…n我设法在某种程度上使用以下=LineyOffset[getLineNum]来解决它(道具信)]-letterData[4]/136;n其中letterData是为每个图示符提供的数组。剩下要计算的是y偏移量,我暂时使用手工拾取的值n Implementing font texture atlas with json data in three.jsn

在中使用json数据实现字体纹理图集three.js 为WP2原创文章,链接:https://www.wp2.cn/three-js/%e5%9c%a8%e4%b8%ad%e4%bd%bf%e7%94%a8json%e6%95%b0%e6%8d%ae%e5%ae%9e%e7%8e%b0%e5%ad%97%e4%bd%93%e7%ba%b9%e7%90%86%e5%9b%be%e9%9b%86three-js/