CN107767344A - 一种3d模型的云展示方法 - Google Patents
一种3d模型的云展示方法 Download PDFInfo
- Publication number
- CN107767344A CN107767344A CN201711083420.0A CN201711083420A CN107767344A CN 107767344 A CN107767344 A CN 107767344A CN 201711083420 A CN201711083420 A CN 201711083420A CN 107767344 A CN107767344 A CN 107767344A
- Authority
- CN
- China
- Prior art keywords
- picture
- models
- mouse
- unit
- rotation
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 18
- 230000001747 exhibiting effect Effects 0.000 title claims abstract description 16
- 238000003756 stirring Methods 0.000 claims abstract description 6
- 230000006698 induction Effects 0.000 claims description 9
- 230000000694 effects Effects 0.000 abstract description 8
- 238000011161 development Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000007812 deficiency Effects 0.000 description 1
- 230000006855 networking Effects 0.000 description 1
- 238000012827 research and development Methods 0.000 description 1
- 238000013341 scale-up Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/60—Rotation of whole images or parts thereof
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T19/00—Manipulating 3D models or images for computer graphics
- G06T19/20—Editing of 3D images, e.g. changing shapes or colours, aligning objects or positioning parts
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Architecture (AREA)
- Computer Graphics (AREA)
- Computer Hardware Design (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种3D模型的云展示方法，该方法具体包括以下步骤：构建3D模型的图片数据库；设定3D模型的旋转规则；确定将浏览器中展示的旋转基准图片；确定3D模型的旋转方向；移动鼠标，根据确定的3D模型的旋转方向、鼠标的移动方向、旋转基准图片的二维坐标加载同一模型尺寸的下一张单元图片。通过拨动鼠标滚轮可切换3D模型的展示尺寸。本发明能够在浏览器上进行3D模型的展示，3D虚拟展示效果较好，数据存储量小，通过单元图片所包含的名称信息逐步加载图片，以在视觉上达到3D模型旋转的效果。
Description
技术领域
本发明涉及3D模型虚拟展示技术领域，特别是涉及一种3D模型的云展示方法。
背景技术
对于企业和电子商务来说，虚拟现实技术的应用，能够全方位的展现一个物体，具有二维平面图像不可比拟的优势。企业将他们的产品以三维的形式发布，能够充分利用互联网高速发展的优势，深入、全面的展示产品特点。
目前，3D技术在Web方向以及电子商务领域运用中发展缓慢，其中一个重大原因就是运行效率问题，这在促进Web3D在电子商务领域发展过程中是无法回避的。另外，在Web3D虚拟现实研发方面，由于开发Web3D虚拟现实项目时，投入大，周期长，数据存储量大，需要成立专门的团队从事3D建模与实现等工作，中小企业一般难以承受，即使大型企业也需要综合考量项目整体的工作量，以及应对项目可能引发的蝴蝶效应。因此，在保证3D展示效果的前提下，如何尽可能的降低3D虚拟的数据存储量是亟待解决的问题。
发明内容
本发明的目的是克服现有技术的不足，设计出一种3D模型的云展示方法。
为达到上述目的，本发明所采用的技术方案是：
一种3D模型的云展示方法，具体包括以下步骤：
步骤1：构建3D模型的图片数据库；
具体地，首先，将不同尺寸的3D模型沿多条经线和纬线切割为多个单元图片，然后，将所有的单元图片按阵列排布，获取每张单元图片在所述阵列中的二维坐标，对每个单元图片进行命名，每个单元图片的名称中均包括其二维坐标和模型尺寸；最后，将带有名称的单元图片存储在图片数据库中；
步骤2：设定3D模型的旋转规则；
步骤3：将浏览器中展示的第一单元图片作为3D模型的旋转基准图片；
步骤4：按下鼠标左键旋转所述的旋转基准图片，浏览器感应鼠标在旋转基准图片上的第一方位位置，根据第一方位位置和设定的旋转规则，确定3D模型的旋转方向；
步骤5：获取旋转基准图片的二维坐标和模型尺寸；
步骤6：移动鼠标，浏览器感应鼠标的移动方向，根据确定的3D模型的旋转方向、鼠标的移动方向、旋转基准图片的二维坐标加载同一模型尺寸的下一张单元图片；
步骤7：通过拨动鼠标滚轮，切换另一模型尺寸的第二单元图片，将第二单元图片作为新的旋转基准图片，重复执行步骤4-6。
进一步地，步骤2中设定3D模型的旋转规则的具体步骤为：首先，将展示的单元图片分为4个象限，自第一象限开始以顺时针的方向，依次将每个象限命名为右、下、左、上；然后，浏览器感应鼠标在图片上的方位，若在第一象限或第三象限，则3D模型向左右方向旋转；若在第二象限或第四象限，则3D模型向上下方向旋转。
进一步地，每个单元图片均为矩形图片。
进一步地，所述步骤6中加载同一模型尺寸的下一张单元图片的具体步骤为：
若鼠标向右移动，则加载纵坐标不变、横坐标增大的单元图片；若鼠标向左移动，则加载纵坐标不变、横坐标减小的单元图片；若鼠标向上移动，则加载横坐标不变、纵坐标增大的单元图片；若鼠标向下移动，则加载横坐标不变、纵坐标减小的单元图片。
进一步地，步骤1中相邻两个经线之间的经度差和相邻两个纬线之间的维度差均为α度。
进一步地，所述相邻两个经线之间的经度差和相邻两个纬线之间的维度差均为5度。
进一步地，所述第一单元图片和第二单元图片均为图片数据库中存储的图片中的任一个，第一单元图片和第二单元图片的所对应的模型尺寸不同。
本发明的积极有益效果：本发明的3D模型的云展示方法能够在浏览器上进行3D模型的展示，3D虚拟展示效果较好，数据存储量小，通过构建3D模型的图片数据库，通过单元图片所包含的名称信息逐步加载图片，以在视觉上达到3D模型旋转的效果。
附图说明
图1为本发明的流程图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚明了，下面通过附图中示出的具体实施例来描述本发明。但是应该理解，这些描述只是示例性的，而并非要限制本发明的范围。此外，在以下说明中，省略了对公知结构和技术的描述，以避免不必要地混淆本发明的概念。
结合图1说明本实施方式，本发明的3D模型的云展示方法主要用于在浏览器中对3D模型进行全方位的展示。
本发明的3D模型的云展示方法具体包括以下步骤：
步骤1：构建3D模型的图片数据库。
在展示3D模型时，可能要展示不同大小的模型，为了满足模型大小缩放的需要，需要建立不同尺寸的模型图库。
具体地，构建3D模型的图片数据库具体包括以下步骤：首先，将不同尺寸的3D模型沿多条经线和纬线切割为多个单元图片，相邻两个经线之间的经度差和相邻两个纬线之间的维度差均为α度，即每α度经度、每α度纬度取一张单元图片，所述单元图片为矩形图片。然后，将所有的单元图片按阵列排布，获取每张单元图片在所述阵列中的二维坐标，对每个单元图片进行命名，每个单元图片的名称中均包括其二维坐标和模型尺寸，例如，可将某张单元图片的名称命名为“ImageName_Size_X_Y”，Size为该单元图片所对应的模型尺寸，X为该单元图片在阵列中的横坐标，Y为该单元图片在阵列中的纵坐标；单元图片的名称作为以后加载图片的依据。最后，将带有名称的单元图片存储在图片数据库中。
步骤2：设定3D模型的旋转规则。
具体地，首先，浏览器中展示的单元图片为矩形图片，将所述单元图片分为4个象限，自第一象限开始以顺时针的方向，依次将每个象限命名为右、下、左、上；然后，浏览器感应鼠标在图片上的方位，若在第一象限或第三象限，则3D模型向左右方向旋转；若在第二象限或第四象限，则3D模型向上下方向旋转。
步骤3：将浏览器中展示的第一单元图片作为3D模型的旋转基准图片，所述第一单元图片为图片数据库中某一尺寸的3D模型的图片中的任一个。
步骤4：按下鼠标左键旋转所述的旋转基准图片，浏览器感应鼠标在旋转基准图片上的第一方位位置，根据第一方位位置和设定的旋转规则，确定3D模型的旋转方向。
步骤5：获取旋转基准图片的二维坐标和模型尺寸；
步骤6：移动鼠标，浏览器感应鼠标的移动方向，根据确定的3D模型的旋转方向、鼠标的移动方向、旋转基准图片的二维坐标加载同一模型尺寸的下一张单元图片。
具体地，若鼠标向右移动，则加载纵坐标不变、横坐标增大的单元图片；若鼠标向左移动，则加载纵坐标不变、横坐标减小的单元图片；若鼠标向上移动，则加载横坐标不变、纵坐标增大的单元图片；若鼠标向下移动，则加载横坐标不变、纵坐标减小的单元图片。
步骤7：通过拨动鼠标滚轮，切换另一模型尺寸的第二单元图片，所述第一单元图片为图片数据库中另一尺寸的3D模型的图片中的任一个，将第二单元图片作为新的旋转基准图片，重复执行步骤4-6。
在本实施例中，将α度设置为5度，这样，在该3D模型的经纬度方向各获取72（360°÷5°=72）张图，总共获取5184（72×72）张图片，将这5184张图片进行阵列排布，获取每张单元图片在所述阵列中的二维坐标，则单元图片的名称为
ImageName_Size1_1_1、ImageName_Size1_1_2…ImageName_Size1_1_72；
ImageName_Size1_2_1、ImageName_Size1_2_2…ImageName_Size1_2_72；
…
ImageName_Size1_72_1、ImageName_Size1_72_2…ImageName_Size1_72_72。
若该3D模型需要展示3个尺寸，则图片数据库中共存储15552张图片，其他两个模型尺寸的图片也按上述命名规则进行命名。
假设将名称为ImageName_Size1_3_4的单元图片作为第一个尺寸的模型的旋转基准图片，即默认正面图像。用鼠标点击该图片，浏览器感应鼠标在该单元图片上的方位，若鼠标在图片的第一象限，则可判断3D模型将向左右方向旋转。然后，移动鼠标，假设鼠标向右移动，则根据旋转基准图片的名称（ImageName_Size1_3_4），加载纵坐标不变、横坐标增大的单元图片，即加载名称为ImageName_Size1_4_4的单元图片；若鼠标向左移动，则根据旋转基准图片的名称（ImageName_Size1_3_4），加载纵坐标不变、横坐标减小的单元图片，即加载名称为ImageName_Size1_2_4的单元图片。当鼠标快速移动时，浏览器会不断感应鼠标的位置，那么就会快速加载单元图片，从而在视觉上达到3D模型旋转的效果。
经过多次试验，我们发现每5度选取一张单元图片在展示效果和数据存储量之间达到了很好的平衡。
通过拨动鼠标滚轮，可以改变3D模型的尺寸。假设拨动鼠标滚轮之前，正在浏览器上显示的单元图片的名称为“ImageName_Size1_4_4”，如向上拨动滚轮，则放大模型尺寸，加载名称为“ImageName_Size2_4_4”的单元图片，从而加载质量更高、图像更大的图片，反之，则缩小模型尺寸，切换小图片。
最后应当说明的是：以上实施例仅用以说明本发明的技术方案而非对其限制；尽管参照较佳实施例对本发明进行了详细的说明，所属领域的普通技术人员应当理解；依然可以对本发明的具体实施方式进行修改或者对部分技术特征进行等同替换；而不脱离本发明技术方案的精神，其均应涵盖在本发明请求保护的技术方案范围当中。
Claims (7)
1.一种3D模型的云展示方法,其特征在于，具体包括以下步骤：
步骤1：构建3D模型的图片数据库；
具体地，首先，将不同尺寸的3D模型沿多条经线和纬线切割为多个单元图片，然后，将所有的单元图片按阵列排布，获取每张单元图片在所述阵列中的二维坐标，对每个单元图片进行命名，每个单元图片的名称中均包括其二维坐标和模型尺寸；最后，将带有名称的单元图片存储在图片数据库中；
步骤2：设定3D模型的旋转规则；
步骤3：将浏览器中展示的第一单元图片作为3D模型的旋转基准图片；
步骤4：按下鼠标左键旋转所述的旋转基准图片，浏览器感应鼠标在旋转基准图片上的第一方位位置，根据第一方位位置和设定的旋转规则，确定3D模型的旋转方向；
步骤5：获取旋转基准图片的二维坐标和模型尺寸；
步骤6：移动鼠标，浏览器感应鼠标的移动方向，根据确定的3D模型的旋转方向、鼠标的移动方向、旋转基准图片的二维坐标加载同一模型尺寸的下一张单元图片；
步骤7：通过拨动鼠标滚轮，切换另一模型尺寸的第二单元图片，将第二单元图片作为新的旋转基准图片，重复执行步骤4-6。
2.根据权利要求1所述的3D模型的云展示方法，其特征在于，步骤2中设定3D模型的旋转规则的具体步骤为：首先，将展示的单元图片分为4个象限，自第一象限开始以顺时针的方向，依次将每个象限命名为右、下、左、上；然后，浏览器感应鼠标在图片上的方位，若在第一象限或第三象限，则3D模型向左右方向旋转；若在第二象限或第四象限，则3D模型向上下方向旋转。
3.根据权利要求2所述的3D模型的云展示方法，其特征在于，每个单元图片均为矩形图片。
4.根据权利要求2所述的3D模型的云展示方法，其特征在于，所述步骤6中加载同一模型尺寸的下一张单元图片的具体步骤为：
若鼠标向右移动，则加载纵坐标不变、横坐标增大的单元图片；若鼠标向左移动，则加载纵坐标不变、横坐标减小的单元图片；若鼠标向上移动，则加载横坐标不变、纵坐标增大的单元图片；若鼠标向下移动，则加载横坐标不变、纵坐标减小的单元图片。
5.根据权利要求1所述的3D模型的云展示方法，其特征在于，步骤1中相邻两个经线之间的经度差和相邻两个纬线之间的维度差均为α度。
6.根据权利要求5所述的3D模型的云展示方法，其特征在于，所述相邻两个经线之间的经度差和相邻两个纬线之间的维度差均为5度。
7.根据权利要求1所述的3D模型的云展示方法，其特征在于，所述第一单元图片和第二单元图片均为图片数据库中存储的图片中的任一个，第一单元图片和第二单元图片的所对应的模型尺寸不同。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711083420.0A CN107767344A (zh) | 2017-11-07 | 2017-11-07 | 一种3d模型的云展示方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711083420.0A CN107767344A (zh) | 2017-11-07 | 2017-11-07 | 一种3d模型的云展示方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107767344A true CN107767344A (zh) | 2018-03-06 |
Family
ID=61272716
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711083420.0A Pending CN107767344A (zh) | 2017-11-07 | 2017-11-07 | 一种3d模型的云展示方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107767344A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115145456A (zh) * | 2022-06-29 | 2022-10-04 | 重庆长安汽车股份有限公司 | 一种3d车模的旋转控制系统及控制方法 |
| CN115145456B (zh) * | 2022-06-29 | 2024-06-11 | 重庆长安汽车股份有限公司 | 一种3d车模的旋转控制系统及控制方法 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103796073A (zh) * | 2014-01-16 | 2014-05-14 | 四川长虹电器股份有限公司 | 一种图片浏览的方法、控制端、显示端及系统 |
| CN105094718A (zh) * | 2015-07-30 | 2015-11-25 | 广州海葳特电脑科技有限公司 | 一种基于移动终端进行3d模型调整的方法及移动终端 |
| CN105446481A (zh) * | 2015-11-11 | 2016-03-30 | 周谆 | 基于手势的虚拟现实人机交互方法和系统 |
| US20170032563A1 (en) * | 2015-04-24 | 2017-02-02 | LiveSurface Inc. | System and method for retexturing of images of three-dimensional objects |
| CN107025688A (zh) * | 2017-03-13 | 2017-08-08 | 东华大学 | 一种三维扫描服装重构与重用方法 |
| CN107038756A (zh) * | 2016-02-03 | 2017-08-11 | 上海源胜文化传播有限公司 | 一种三维人体模型的旋转系统及方法 |
-
2017
- 2017-11-07 CN CN201711083420.0A patent/CN107767344A/zh active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103796073A (zh) * | 2014-01-16 | 2014-05-14 | 四川长虹电器股份有限公司 | 一种图片浏览的方法、控制端、显示端及系统 |
| US20170032563A1 (en) * | 2015-04-24 | 2017-02-02 | LiveSurface Inc. | System and method for retexturing of images of three-dimensional objects |
| CN105094718A (zh) * | 2015-07-30 | 2015-11-25 | 广州海葳特电脑科技有限公司 | 一种基于移动终端进行3d模型调整的方法及移动终端 |
| CN105446481A (zh) * | 2015-11-11 | 2016-03-30 | 周谆 | 基于手势的虚拟现实人机交互方法和系统 |
| CN107038756A (zh) * | 2016-02-03 | 2017-08-11 | 上海源胜文化传播有限公司 | 一种三维人体模型的旋转系统及方法 |
| CN107025688A (zh) * | 2017-03-13 | 2017-08-08 | 东华大学 | 一种三维扫描服装重构与重用方法 |
Non-Patent Citations (2)
| Title |
|---|
| CHELLY66: "Google Earth 用户手册", 《HTTPS://WENKU.BAIDU.COM/VIEW/BDACEDFC0242A8956BECE482.HTML》 * |
| 冰点青蛙: "虚拟地球原理与实现", 《HTTPS://WENKU.BAIDU.COM/VIEW/5A837F593B3567EC102D8ACA.HTML》 * |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115145456A (zh) * | 2022-06-29 | 2022-10-04 | 重庆长安汽车股份有限公司 | 一种3d车模的旋转控制系统及控制方法 |
| CN115145456B (zh) * | 2022-06-29 | 2024-06-11 | 重庆长安汽车股份有限公司 | 一种3d车模的旋转控制系统及控制方法 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Chen et al. | A cloud-based system framework for performing online viewing, storage, and analysis on big data of massive BIMs | |
| CN110706341B (zh) | 一种城市信息模型的高性能渲染方法、装置及存储介质 | |
| US9652880B2 (en) | 2D animation from a 3D mesh | |
| CN103324780B (zh) | 颗粒流动仿真系统和方法 | |
| CN106777822B (zh) | 二维高含量颗粒增强复合材料三相细观模型及建立方法 | |
| CN103455396A (zh) | 电子设备硬件性能的测试方法及装置 | |
| WO2023087893A1 (zh) | 对象处理方法、装置、计算机设备、存储介质及程序产品 | |
| CN112732255B (zh) | 渲染方法、装置、设备和存储介质 | |
| CN108074210A (zh) | 一种用于云渲染的对象获取系统和方法 | |
| CN105354376A (zh) | 基于bim的多维度数据与oa数据库的交互方法及系统 | |
| CN108073350A (zh) | 一种用于云渲染的对象存储系统和方法 | |
| Xiong et al. | An energy-optimization-based method of task scheduling for a cloud video surveillance center | |
| Heindl et al. | Blendtorch: a real-time, adaptive domain randomization library | |
| CN111476910B (zh) | 智能建筑bim的3d模型显示方法、系统、介质及显示终端 | |
| CN107767344A (zh) | 一种3d模型的云展示方法 | |
| Hsu | Intelligent big data processing | |
| CN116700991A (zh) | 基于算力网络的资源池的规划方法、装置、设备及介质 | |
| CN111198684A (zh) | 数据处理、图形引擎建立的方法、装置、设备和介质 | |
| CN111488890B (zh) | 一种物品检测模型的训练方法和装置 | |
| WO2015196814A1 (zh) | 一种数据中心3d建模方法、装置和存储介质 | |
| CN106875480B (zh) | 一种城市三维数据组织的方法 | |
| Garanzha | The use of precomputed triangle clusters for accelerated ray tracing in dynamic scenes | |
| Kirar et al. | Review paper on the generation of computer graphics | |
| Yang | Application and method analysis of cloud education technology in product art design education | |
| LI et al. | Optimization of virtual resource deployment strategy in container cloud |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20180306 |