[发明专利]一种用于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为显示区域。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于绿漫科技有限公司,未经绿漫科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201910794420.4/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top