[发明专利]一种用于web页面3D动态展示文字的方法在审
申请号: | 201910794420.4 | 申请日: | 2019-08-27 |
公开(公告)号: | CN110598150A | 公开(公告)日: | 2019-12-20 |
发明(设计)人: | 张福军;鲍碧波;陈浩;刘福林;罗豪 | 申请(专利权)人: | 绿漫科技有限公司 |
主分类号: | G06F16/958 | 分类号: | G06F16/958;G06F16/957;G06F9/451 |
代理公司: | 33230 杭州赛科专利代理事务所(普通合伙) | 代理人: | 付建中 |
地址: | 310012 浙江省杭州市西湖区*** | 国省代码: | 浙江;33 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 文本 文本语句 中心点 设计技术领域 动态展示 控制显示 视觉效果 显示内容 显示位置 旋转整体 正常显示 中心设定 开始点 速率和 渐变 移动 视点 透视 透明 配置 保证 | ||
1.一种用于web页面3D动态展示文字的方法,其特征在于:其步骤为:
(1)在指定区域内,以指定点为中心设定指定距离为透视距离:
(2)为每一个需要显示的文本语句计算其以设定好的中心点的显示位置;
(3)以正对面的反面的中心点为开始点,径向的向外设置文本的透明渐变值;
(4)以设定好的旋转角度和旋转速度旋转整体显示内容;
(5)在整个过程中,需要控制显示文本的长度及大小以保证文本语句在区域内的正常显示并清晰可见。
2.根据权利要求1所述的一种用于web页面3D动态展示文字的方法,其特征在于:根据步骤(3),以避免正面的文本语句与反面的文本语句发生重叠影响视觉效果。
3.根据权利要求1所述的一种用于web页面3D动态展示文字的方法,其特征在于:根据步骤(4),在旋转的过程中需要实时重新计算处于反面的文本语句的透明渐变值。
4.根据权利要求1所述的一种用于web页面3D动态展示文字的方法,其特征在于:根据步骤(5),使用translate3D技术调用GPU计算渲染来保证动画的流畅性。
5.根据权利要求1所述的一种用于web页面3D动态展示文字的方法,其特征在于:文本语句的显示位子需要根据设定好的文本大小和文本语句的设定间距来计算。
6.根据权利要求5所述的一种用于web页面3D动态展示文字的方法,其特征在于:位置计算公式:
单个文本的三维坐标:
x=radius*Math.cos(theta)*Math.sin(phi);
y=radius*Math.sin(theta)*Math.sin(phi);
z=radius*Math.cos(phi);
其中radius为半径,theta和phi为处理过的随机值。
7.根据权利要求6所述的一种用于web页面3D动态展示文字的方法,其特征在于:单个文本的相对显示区域左上角的位置:
left=item.x+area.offsetWidth/2-item.offsetWidth/2+'px';
top=item.y+area.offsetHeight/2-item.offsetHeight/2+'px';
其中item为单个文本,area为显示区域。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于绿漫科技有限公司,未经绿漫科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201910794420.4/1.html,转载请声明来源钻瓜专利网。
- 上一篇:网页访问方法、装置和存储介质
- 下一篇:一种判定新闻传播效果的方法及系统