一种移动终端基于web的增强现实技术的实现方法技术

本发明专利技术提供一种移动终端基于web的增强现实技术的实现方法，打开第一程序启动摄像头采集真实世界中目标物体图像，第三程序根据摄像头位姿获取目标物体在移动终端设备屏幕上的透视投影坐标，使用Web浏览器向远程服务器发送下载模型的请求，远程服务器对请求下载的AR模型进行简化模型处理和压缩处理，解决了AR模型文件过大导致浏览器下载过慢的问题，第三程序对解压缩处理后的增强显示信息模型追加一个网格矩形，把触摸的拖动距离转化为增强显示信息模型位置或角度、大小变化量，在渲染部分使用环境光对增强显示信息模型进行弱化阴影或添加颜色,设置目标模型属性确保光源对准设定的增强显示信息模型对象进行照射，提高增强显示信息模型的渲染真实度。

A Realization Method of Web-based Augmented Reality Technology for Mobile Terminal

【技术实现步骤摘要】
一种移动终端基于web的增强现实技术的实现方法
本专利技术涉及一种移动终端基于web的增强现实技术的实现方法。
技术介绍
随着互联网的发展与通信的便利，使用移动设备人群日益增多，兴起增强现实即AR技术，AR技术应用在多个领域给人们提供便利，比如，传统网购家具是传统网购家具需要在家里进行房屋尺寸的测量拿到测量后，拿着数据外出到家具买场进行购买，家具购买后才知道家具摆放在室内的具体效果，很多时候买回来的家具不适合室内的装修风格以及尺寸信息。通过WebAR进行模型的体验更能感受到技术带来的便利，只需要在家就能实现预先了解所要购买家具的摆放效果，节省时间的同时也更加环保与经济。在一般移动终端设备的浏览器软件中实现AR技术就能够很好解决的兼容硬件问题所带来的瓶颈，让该技术覆盖人群更广。现有的WebAR支持存在一些缺陷，增强显示信息模型文件过大，导致浏览器下载过慢，严重的会出现浏览器软件卡死，需要使用更高配置的移动设备进行浏览，另外，模型渲染真实度不够，模型缺乏真实性且阴影效果很大程度体现不出模型真实度，还有，WebAR加载多个模型是不能针对某一个模型对象自由进行操作如：放大、旋转、移动等。
技术实现思路
为了克服现有技术的不足，本专利技术提供一种移动终端基于web的增强现实技术的实现方法。本专利技术解决其技术问题所采用的技术方案是：一种移动终端基于web的增强现实技术的实现方法，该方法涉及到下载AR模型的远程服务器、移动终端设备，所述移动终端设备上设屏幕、摄像头、麦克风，所述移动终端设备内设有浏览器软件，所述浏览器内设置用于摄像头启动的第一程序、可向远程服务器请求链接下载AR模型的第二程序、实现交互体现的第三程序，所述浏览器软件还包括渲染程序，该方法包括：a.用户打开第一程序启动摄像头采集真实世界中目标物体图像，并获取摄像头位姿；b.第三程序根据摄像头位姿获取目标物体在移动终端设备屏幕上的透视投影坐标；c.用户点击显示的第二程序，选择对应的AR模型，并向远程服务器发送下载AR模型的请求；e.远程服务器对请求下载的AR模型进行简化模型处理，AR模型处理后大小为5M以下；e.远程服务器对请求下载的AR模型进一步通过压缩的方式，进行打包处理，打包后AR模型大小在0.2M-1.2M之间；f.远程服务器根据所述请求下载包含AR模型真实尺寸信息的AR模型数据包；g.用户第三程序对所请求回来的AR模型数据包进行解压缩的处理动作形成增强显示信息模型；h.第三程序将所述真实世界中目标物体与增强显示信息模型叠加生成叠加图像，根据目标物体与增强显示信息模型的变换关系对叠加图像进行坐标变换并显示于屏幕；i.用户触摸拖动屏幕上的增强显示信息模型，把触摸的拖动距离转化为增强显示信息模型位置或角度、大小变化量。优选地，所述第三程序对解压缩处理后的增强显示信息模型追加网格的矩形，在矩形的四周进一步的处理加上边框的颜色同时内部做透明，并且在边框上绘制显示尺寸信息的箭头。优选地，用户触摸拖动屏幕上的增强显示信息模型，把触摸的拖动距离转化为增强显示信息模型位置或角度、大小变化量进一步包括：用户借助拖拽控件，通过触摸点击的位置计算出Raycaster所需要的点的位置，获取Raycaster直线和所有增强显示信息模型相交的数组集合，把所预先绘制的尺寸信息与箭头显示出来，用户单指触摸按住增强显示信息模型不放进行自由的拖动，使操作的增强显示信息模型会发生小大的变动直到达到最小值。优选地，用户双指触摸不放同时用户双指往外往内收缩使增强显示信息模型放大缩小，与此同时用户双指保持同一方向进行滑动使增强显示信息模型进行旋转，旋转同时充分展示增强显示信息模型每一个角度。更优选地，在浏览器回传的增强显示信息模型在加载时，第三程序将配置里receiveShadow设置为true，在浏览器回传的增强显示信息模型在加载时，使AR模型数据包能接收到自身的阴影效果。更优选地，用户触摸拖动屏幕上的增强显示信息模型，把触摸的拖动距离转化为增强显示信息模型位置或角度、大小变化量后启动渲染程序，使用渲染程序中的基础光源添加到整个场景和所有的增强显示信息模型，同时使用环境光对增强显示信息模型进行弱化阴影或添加颜色,在配置的添加阴影里设置为true有阴影,同时设置target属性以确保光源对准设定的增强显示信息模型对象进行照射作用。更优选地，打开第一程序启动摄像头包括：打开第一程序获取移动终端设备的摄像头。更优选地，还可以设置第一程序内的参数，启用视频参数起到匹配摄像头分辨率，采集真实世界中目标物体图像同时第一程序自动适应全屏动作。本专利技术提供一种移动终端基于web的增强现实技术的实现方法，用户打开第一程序启动摄像头采集真实世界中目标物体图像，第三程序根据摄像头位姿获取目标物体在移动终端设备屏幕上的透视投影坐标，使用显示的第二程序向远程服务器发送下载模型的请求，远程服务器对请求下载的AR模型进行简化模型处理和压缩处理，将AR模型压缩至1M左右，解决了模型文件过大导致浏览器下载过慢的问题，第三程序对解压缩处理后的增强显示信息模型追加一个网格的矩形，通过触摸点击的位置计算出Raycaster所需要的点的位置，把触摸的拖动距离转化为增强显示信息模型位置或角度、大小变化量，在渲染部分使用环境光对增强显示信息模型进行弱化阴影或添加颜色,在配置的添加阴影里设置为true有阴影,同时设置target属性以确保光源对准设定的增强显示信息模型对象进行照射操作，提高增强显示信息模型的渲染真实度。具体实施方式本专利技术是这样实现的：一种移动终端基于web的增强现实技术的实现方法，该方法涉及到下载AR模型的远程服务器、移动终端设备，所述移动终端设备上设屏幕，所述移动终端设备内设有浏览器软件，所述浏览器内设置用于摄像头启动的第一程序、可向远程服务器请求链接下载AR模型的第二程序、实现交互体现的第三程序，所述浏览器软件还包括渲染程序，该方法包括：a.打开第一程序获取移动终端设备的摄像头，设置第一程序内的参数，启用视频流同时启用匹配摄像头分辨率，选择后置摄像头，采集真实世界中目标物体图像同时第一程序自动适应全屏动作。b.摄像头采集真实世界中目标物体图像即室内或室外家具环境，并获取摄像头位姿。c.第三程序根据摄像头位姿获取目标物体在移动终端设备屏幕上的透视投影坐标。d.使用显示的第二程序，选择对应家具的AR模型，并向远程服务器发送下载AR模型的请求。数据包中包含自身参数与模型真实尺寸信息等。第二程序时，有模块进行展示下载AR模型的列表，该模块会向远程服务器发送下载AR模型的请求，该请求为异步请求，不会影响浏览器的正常显示。e.远程服务器对请求下载的AR模型进行简化模型处理，AR模型处理后5M以下。f.远程服务器对请求下载的AR模型进一步通过压缩的方式，进行打包处理，打包后AR模型大小约为0.2M到1M的大小，这样大大减少网络传时间，让用户体现更好。g.远程服务器根据所述请求下载包含自身参数与AR模型真实尺寸信息等的AR模型数据包，第三程序将配置里receiveShadow设置为true，在浏览器回传的增强显示信息模型在加载时，使AR模型数据包能接收到自身的阴影效果。h.第三程序对所请求回来的AR模型数据包进行解压缩的处理动作形成本文档来自技高网...

【技术保护点】
1.一种移动终端基于web的增强现实技术的实现方法，该方法涉及到下载AR模型的远程服务器、移动终端设备，所述移动终端设备上设屏幕、摄像头、麦克风，所述移动终端设备内设有浏览器软件，所述浏览器内设置用于摄像头启动的第一程序、可向远程服务器请求链接下载AR模型的第二程序、实现交互体现的第三程序，所述浏览器软件还包括渲染程序，其特征是该方法包括：a.用户打开第一程序启动摄像头采集真实世界中目标物体图像，并获取摄像头位姿；b.第三程序根据摄像头位姿获取目标物体在移动终端设备屏幕上的透视投影坐标；c.用户点击显示的第二程序，选择对应的AR模型，并向远程服务器发送下载AR模型的请求；e.远程服务器对请求下载的AR模型进行简化模型处理，AR模型处理后大小为5M以下；e.远程服务器对请求下载的AR模型进一步通过压缩的方式，进行打包处理，打包后AR模型大小在0.2M‑1.2M之间；f.远程服务器根据所述请求下载包含AR模型真实尺寸信息的AR模型数据包；g.用户第三程序对所请求回来的AR模型数据包进行解压缩的处理动作形成增强显示信息模型；h.第三程序将所述真实世界中目标物体与增强显示信息模型叠加生成叠加图像，根据目标物体与增强显示信息模型的变换关系对叠加图像进行坐标变换并显示于屏幕；i.用户触摸拖动屏幕上的增强显示信息模型，把触摸的拖动距离转化为增强显示信息模型位置或角度、大小变化量。...

【技术特征摘要】
1.一种移动终端基于web的增强现实技术的实现方法，该方法涉及到下载AR模型的远程服务器、移动终端设备，所述移动终端设备上设屏幕、摄像头、麦克风，所述移动终端设备内设有浏览器软件，所述浏览器内设置用于摄像头启动的第一程序、可向远程服务器请求链接下载AR模型的第二程序、实现交互体现的第三程序，所述浏览器软件还包括渲染程序，其特征是该方法包括：a.用户打开第一程序启动摄像头采集真实世界中目标物体图像，并获取摄像头位姿；b.第三程序根据摄像头位姿获取目标物体在移动终端设备屏幕上的透视投影坐标；c.用户点击显示的第二程序，选择对应的AR模型，并向远程服务器发送下载AR模型的请求；e.远程服务器对请求下载的AR模型进行简化模型处理，AR模型处理后大小为5M以下；e.远程服务器对请求下载的AR模型进一步通过压缩的方式，进行打包处理，打包后AR模型大小在0.2M-1.2M之间；f.远程服务器根据所述请求下载包含AR模型真实尺寸信息的AR模型数据包；g.用户第三程序对所请求回来的AR模型数据包进行解压缩的处理动作形成增强显示信息模型；h.第三程序将所述真实世界中目标物体与增强显示信息模型叠加生成叠加图像，根据目标物体与增强显示信息模型的变换关系对叠加图像进行坐标变换并显示于屏幕；i.用户触摸拖动屏幕上的增强显示信息模型，把触摸的拖动距离转化为增强显示信息模型位置或角度、大小变化量。2.如权利要求1所述一种移动终端基于web的增强现实技术的实现方法，其特征是：所述第三程序对解压缩处理后的增强显示信息模型追加网格的矩形，在矩形的四周进一步的处理加上边框的颜色同时内部做透明，并且在边框上绘制显示尺寸信息的箭头。3.如权利要求2所述一种移动终端基于web的增强现实技术的实现方法，其特征是：用户触摸拖动屏幕上的增强显示信息模型，把触摸的拖动距离转化为增强显示信息模型位置或角度、大小变化量进一...

【专利技术属性】
技术研发人员：胡华翔，盘子晖，朱永杰，
申请(专利权)人：佛山市小云科技有限公司，
类型：发明
国别省市：广东,44