买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

申请/专利权人：上海新迪数字技术有限公司

摘要：本发明涉及一种基于WebGL的大批量三维文字高效显示的方法，包括下述步骤：1遍历模型中的所有文字对象，构建字符hash表；2采用Canvas绘制hash表中每个字符，并计算SDF信息，生成SDF纹理图片，记录每个字符的纹理坐标值；3创建着色器材质对象，在片元着色器里实现基于SDF的着色，SDF图片作为输入纹理；4依据文字的几何位置、大小和颜色构建geometry对象，每个字符用两个三角面片构成的矩形表示；5合并材质相同的geometry对象创建显示mesh对象，加入到场景树中进行绘制。本发明不仅能高效绘制大批量文字，在缩放时保持清晰的文字效果，而且可以满足各种字体显示需求。

主权项：1.一种基于WebGL的大批量三维文字高效显示的方法，其特征在于包括下述步骤：（1）遍历模型中的所有文字对象，构建字符hash表；（2）采用Canvas绘制hash表中每个字符，并计算SDF信息，生成SDF图片，记录每个字符的纹理坐标值；（3）创建着色器材质对象，在片元着色器里实现基于SDF的着色，SDF图片作为输入纹理；（4）依据文字的几何位置、大小和颜色构建geometry对象，每个字符用两个三角面片构成的矩形表示；（5）合并材质相同的geometry对象创建显示mesh对象，加入到场景树中进行绘制；其中，步骤（2）具体为：（2-1）根据hash表中字符的个数计算SDF图片的大小，并创建一张图片；（2-2）遍历每个字符：（i）根据hash表类型和字符字体，设置canvas画笔样式，绘制字符到canvas；（ii）从canvas获取字符位图像素值，采用Felzenszwalb等提出的欧式距离转换算法计算每个像素的SDF值；（iii）计算当前字符在SDF图片中的位置，拷贝字符每个像素的SDF值到SDF图片中，SDF值只保存在图片的alpha分量中；（iv）记录字符矩形四个角点在SDF图片中的纹理坐标值，作为字符对应的hash值存到hash表中；（2-3）每个hash表对应生成一张SDF图片，最多生成四张SDF图片，分别对应正常、加粗、斜体、斜体加粗四种字符表，如果某个hash表的大小为0则不生成SDF图片；步骤（3）具体为：（3-1）根据SDF图片的数量创建相应数量的着色器材质对象，每个材质绑定相应的SDF图片，作为输入纹理对象；（3-2）在片元着色器里对每个像素获取距离值，通过光滑插值在边缘处做平滑处理，消除字体边缘处的锯齿问题。

全文数据：

权利要求：

百度查询： 上海新迪数字技术有限公司 基于WebGL的大批量三维文字高效显示的方法