一种快速切换的动态二维码制造技术

技术编号:38145246 阅读:10 留言:0更新日期:2023-07-08 10:02
本发明专利技术公开了一种快速切换的动态二维码,包括能够旋转的正六面体和贴附于正六面体的面上的若干二维码。能够旋转的正六面体采用Web三维容器实现,所述Web三维容器采用WebGL技术制作,多采用Web前端语言如JavaScript语言编程实现。所述正六面体四周还设有将其包裹限位的旋转球,通过所述旋转球来控制定位正六面体旋转和定位。本发明专利技术利用现有的二维码技术,将多源信息生成不同的二维码,然后将二维码图像贴附在可旋转展示的正方体的面上,当用户使用时,通过手指滑动移动终端屏幕使系统内的正方体旋转实现不同信息源二维码图像的切换,展示对应面上二维码图像给用户,实现多源信息的高效传递。信息的高效传递。信息的高效传递。

【技术实现步骤摘要】
一种快速切换的动态二维码


[0001]本专利技术属于信息编码领域,涉及一种二维码衍生技术,特别涉及一种快速切换的动态二维码。

技术介绍

[0002]1994 年,日本电装公司正式宣布公开首个QR Code,即二维码。随着iPhone、Android等智能手机软硬件平台的发展成熟,互联网巨头开始在二维码上投入巨额资源研发和推广手机识读的二维码并广泛出现在广告、网页、招牌、票据等载体上,手机“扫一扫”,实现移动获取信息。
[0003]目前,市场上的二维码主要展示形式是平面图像,通过移动终端扫描解析信息,信息的负载率有限。当需要展示多源信息时,需要每个信息源的信息依次展示不同的信息源生成的二维码,信息传递效率不高,尤其在人员流动较大的出入口,信息传递效率的高低决定了交通流量的疏解效率。以地铁站入口为例,在疫情管控期间,每个进入地铁的乘客都需要展示健康码、大数据行程码、地铁乘车码等信息,这些信息的归口管理属于不同的行政部门,所以在二维码程序开发过程中只是实现本部门的信息二维码展示,而在应用场景往往需要的多部门的综合信息,多源信息之间往往需要信息页面跳转,受网络信号的限制很容易出现信息传递不畅通导致的信息渲染显示问题,影响乘客的过检效率和用户体验。因此,需要提出一种能兼容现有二维码技术的,展示多源信息二维码的展示技术,实现高效便捷的二维码展示,提高信息传递效率和用户体验。

技术实现思路

[0004]为解决上述提出的问题,本专利技术提出一种快速切换的动态二维码,其基本原理是:利用现有的二维码技术,将多源信息生成不同的二维码,然后将二维码图像贴附在可旋转展示的正方体的面上,当用户使用时,通过手指滑动移动终端屏幕触发系统事件使系统内的正方体旋转实现不同信息源二维码图像的切换,展示对应面上二维码图像给用户,实现多源信息的高效传递。
[0005]为了解决上述技术问题,本专利技术采用的技术方案如下:一种快速切换的动态二维码,包括能够旋转的正六面体和贴附于正六面体的面上的若干二维码;能够旋转的正六面体采用Web三维容器实现,所述Web三维容器采用WebGL技术制作;所述正六面体四周还设有将其包裹限位的旋转球,通过所述旋转球来控制正六面体旋转和定位。
[0006]与现有技术相比,本专利技术有益效果如下:本专利技术可实现多源信息的动态展示,信息容载量大,页面空间占用小,特性适用于页面空间受限的商业网站。同时,本专利技术不同信息二维码图像切换效率高,信息传递效率高,用户体验好。本专利技术结合移动端数据预加载、异步加载和信息源数据动态推送等网络传输技术,在弱信号网络环境下适应性强。本专利技术依赖的二维码技术和Web三维技术成熟,编
码实现难度、开发成本均较低,有利于技术的推广应用。
附图说明
[0007]图1为本专利技术动态二维码示意图。
[0008]图2为本专利技术动态二维码在移动端效果示意。
[0009]图3为本专利技术动态二维码与传统二维码效果在移动端对比示意图。
[0010]图4为本专利技术没有旋转球的动态二维码示意图。
[0011]100

动态二维码,110

正六面体,120

二维码,130

旋转球,200

移动终端,300

二维码120。
具体实施方式
[0012]下面结合附图和实施例对本专利技术的实施方式作进一步详细描述。以下实施例用于说明本专利技术,但不能用来限制本专利技术的范围。
[0013]如图4所示,本专利技术提供一种动态二维码100,包括能够旋转的正六面体110和贴附于正六面体110的面上的若干二维码120。能够旋转的正六面体110采用Web三维容器实现,所述Web三维容器采用WebGL技术制作,一般采用Web前端语言如JavaScript语言编程实现,html页面需要引入对应的库如threeJS库。具体的实现需要支撑html浏览器的移动终端。
[0014]本专利技术利用现有技术生成多个二维码120,利用多个二维码120来记录大量信息,二维码120采用现有技术即可,码制为矩阵式二维码,所述矩阵式二维码为Code One、MaxiCode、QR Code、Data Matrix、Han Xin Code、Grid Matrix中的任意一种。
[0015]本专利技术利用现有的二维码技术,将多源信息生成不同的二维码120,然后将二维码120图像贴附在可旋转展示的正方体的面上,当用户使用时,通过手指滑动移动终端200屏幕使系统内的正方体旋转实现不同信息源的二维码120图像的切换,展示对应面上二维码120图像给用户,实现多源信息的高效传递。
[0016]作为一种优选实施例,如图1和图2所示,所述正六面体110四周还设有将其包裹限位的旋转球130,通过所述旋转球130来控制定位正六面体110旋转和定位,通过触发事件来触发旋转球130旋转,从而控制正六面体110旋转,采用这种控制方式的好处是:当采用触摸屏进行触发时,可以拖动固定位置,不会因为手指对正六面体110的遮挡而导致查看困难。
[0017]如图3所示,本专利技术动态二维码100在移动终端200上展示效果和现有技术中二维码300在移动终端200上展示效果对比示意图。
[0018]作为一种优选实施例,所述正六面体110在Web三维容器中实现方法如下:首先利用JavaScript语言代码编码实现定位正六面体110代码,然后嵌入html页面的“JavaScrip”标签内,通过渲染实现。
[0019]作为一种具体实施例,旋转球130的位置与定位正六面体110坐标绑定,实现同步旋转,旋转球130是定位正六面体110的外接球体。通过移动终端200屏幕上的手指滑动动作可激活旋转球130的旋转事件,实现定位正方体面上二维码120位置调整正面朝向屏幕。
[0020]作为一种优选实施例,所述二维码120的图像通过Web缓存技术和异步加载,动态监控技术实现数据的预加载和动态更新由发布源主动推送至移动终端200。使用时无需刷新更新,不存在页面失效等问题。
[0021]作为一种优选实施例,所述旋转球130设定一定的旋转逻辑,在没有触发事件时,自动旋转。旋转过程中,通过设置旋转步进对正六面体110进行控制,使得每个旋转稳定状态均为正六面体110的一个面正面朝向平面。以便于快速切换和识别二维码120。
[0022]作为一种优选实施例,定位正方体的不同面切换,可与移动终端200的音量键关联(触发事件),实现不同二维码120的快速切换。
[0023]作为一种优选实施例,所述正六面体110具有主展示面,所述旋转球130的触发事件为鼠标、触摸、视觉手势和语言控制中任意一种,当任意一个事情触发时,通过旋转球130控制使得正六面体110优先展示主展示面。
[0024]作为一种优选实施例,每个二维码120中间做数字标记,以便对正六面体110的每个面进行区分和识别,比如对于立方体,可以采用1

本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种快速切换的动态二维码,其特征在于:包括能够旋转的正六面体和贴附于正六面体的面上的若干二维码;能够旋转的正六面体采用Web三维容器实现,所述Web三维容器采用WebGL技术制作;所述正六面体四周还设有将其包裹限位的旋转球,通过所述旋转球来控制定位正六面体旋转和定位。2.根据权利要求1所述的动态二维码,其特征在于:所述正六面体在Web三维容器中实现方法如下:首先利用JavaScript语言代码编码实现定位正六面体代码,然后嵌入html页面的JavaScript标签内,通过渲染实现。3.根据权利要求2所述的动态...

【专利技术属性】
技术研发人员:刘永莉郝柏超何欢肖衡林王娇昝龙照柏华军
申请(专利权)人:湖北工业大学
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1