A Display Method and Customization System for a 3D Model Shopping Interface

Abstract

The present invention provides a display method and a customization system for a 3D model shopping interface, belonging to the technical field of information interaction and display. The method includes step S100: displaying at least one candidate shopping target in response to a shopping search keyword input by a user; S200: entering a 3D model shopping display interface in response to the user's selection of a first candidate shopping target; S300: starting to download a first data packet from a server if a first interaction operation on a first local position is detected by the user; S400: parsing the first data packet and displaying the parsing result of the first data packet if no second interaction operation on a second local position is detected by the user during the period from the start of downloading the first data packet to the completion of downloading the first data packet. The customization system configures a 3D model shopping application. The present invention can reduce the phenomenon of lag and delay in the interactive display of a 3D model shopping interface, adapt to a user device, and thus improve the user shopping experience.

Description

Technical Field

[0001] The present invention belongs to the technical field of information interaction and display, and particularly relates to a display method and customization system for a 3D model shopping interface, a computer-readable storage medium for implementing the method, a computer program product, and an electronic device. Background Art

[0002] With the development of the Internet, more and more rich product display solutions are presented to people. From the previous text to pictures, and from pictures to videos, the experience of products has been upgraded again and again. For example, Web 3D technology can directly display 3D products on a web page, perform 360-degree viewing, and through rich interactions, experience different configurations and highlights of the products. Compared with traditional planar design / display, 3D design uses three-dimensional space to create images or models with a three-dimensional effect, enabling users to have an immersive and pleasant experience.

[0003] Chinese Patent Application CN201711298067 proposes an online shopping experience system based on AR technology, which displays different forms of AR augmented reality according to the obtained product information and the actual application scenario. It enables users to comprehensively understand relevant information such as the production process, transportation process, and sales process of products, helps users find trustworthy products, and helps merchants build high-quality brands. This technology requires an AR presentation device to display in the form of a 3D effect in AR.

[0004] Compared with the single-dimensional information display such as traditional text, pictures, and videos, 3D model shopping needs to display multi-dimensional and multi-angle information and also interact with the interactive operations of users. Therefore, the amount and type of data to be transmitted and processed are more and more complex. However, the available resources of the electronic devices used by the user side are different and constantly changing. If a unified loading and real-time parsing data processing and display method is adopted, it will bring greater processing pressure to the system and also cause obvious lags and delays in data processing and display. In the shopping scenario that pursues the user's visual experience, it will lead to a lower conversion rate of the actual shopping target population and cannot reflect the advantages of this emerging technology of 3D model shopping. Summary of the Invention

[0005] In view of the above technical problems, the present invention proposes a display method and customization system for a 3D model shopping interface, a computer-readable storage medium for implementing the method, a computer program product, and an electronic device, which can reduce the lags and delays in the interactive display of the 3D model shopping interface, adapt to user devices, and thus improve the user shopping experience.

[0006] In the first aspect of the present invention, a display system for a 3D model shopping interface is proposed. The display system presents the 3D model shopping interface through an APP. It is characterized in that the display system further includes:

[0007] A 3D display component for displaying a 3D stereoscopic rotatable structure picture of a candidate shopping target;

[0008] A touch interaction click component, which includes a first alternating switching component and a second selection component;

[0009] When the first alternating switching component is clicked, at least two different state pairing effects of the candidate shopping target are alternately displayed on the shopping interface;

[0010] The second selection component includes a display sub-component in a nine-square grid format, and each display sub-component corresponds to a recommended color matching mode or a customized color matching mode;

[0011] When one of the display sub-components is clicked, the display effect of the corresponding color matching mode of the candidate shopping target of the sub-component is displayed on the shopping interface;

[0012] The display system further includes a candidate shopping target interaction operation detection component;

[0013] The candidate shopping target interaction operation detection component is used to detect the interaction operation of the user on the local position of the overall surface frame diagram of the candidate shopping target;

[0014] If the first interaction operation on the first local position of the overall surface frame diagram of the first candidate shopping target is detected by the user, the APP starts to download the first data packet corresponding to the first local position from the server;

[0015] If within the period from the start of downloading the first data packet from the server to the completion of downloading the first data packet, the second interaction operation on the second local position of the overall surface frame diagram of the first candidate shopping target is not detected by the user, then the first data packet is parsed, and the parsing result of the first data packet is displayed on the display interface of the APP

[0016] In the second aspect of the present invention, a display method for a 3D model shopping interface is proposed. The method is applied to an electronic device, and the method includes the following steps:

[0017] S100: In response to a shopping search keyword input by the user, at least one candidate shopping target is displayed on the display interface of the electronic device;

[0018] S200: In response to the user's selection of the first candidate shopping target, enter the 3D model shopping display interface, and display the overall surface frame diagram of the first candidate shopping target on the 3D model shopping display interface;

[0019] S300: If a first interaction operation on a first local position of the overall surface frame diagram of the first candidate shopping target is detected, start downloading a first data packet corresponding to the first local position from the server;

[0020] S400: If no second interaction operation on a second local position of the overall surface frame diagram of the first candidate shopping target is detected during the period from the start of downloading the first data packet from the server to the completion of downloading the first data packet, then parse the first data packet and display the parsing result of the first data packet on the display interface of the electronic device.

[0021] The overall surface frame diagram is a 3D structural frame vector diagram of the first candidate shopping target, and the 3D structural frame vector diagram only shows the surface appearance vector data diagram of the first candidate shopping target.

[0022] The first interaction operation on the first local position of the overall surface frame diagram of the first candidate shopping target in step S300 includes an operation of magnifying after the user clicks on the first local position, a rotation operation after the user hits the first local position, and a dragging operation on the first local position by the user.

[0023] The 3D structural frame vector diagram includes a plurality of vector structure points; each vector structure point corresponds to at least one data packet to be parsed;

[0024] The starting to download the first data packet corresponding to the first local position from the server in step S300 specifically includes:

[0025] Determine a target vector structure point based on the first local position;

[0026] Determine the data packet to be parsed corresponding to the target vector structure point from the server;

[0027] Based on the current resource configuration of the electronic device, determine the first data packet from the data packets to be parsed;

[0028] Start downloading the first data packet.

[0029] Step S400 further includes:

[0030] If, within the period from when the server starts downloading the first data packet until the first data packet is downloaded completely, a second interaction operation on the second partial position of the overall surface frame diagram of the first candidate shopping target is detected, then while continuing to download the first data packet, start downloading from the server a second data packet corresponding to the second partial position.

[0031] If, within the period from when the server starts downloading the second data packet until the second data packet is downloaded completely, a third interaction operation on the third partial position of the overall surface frame diagram of the first candidate shopping target is not detected, then parse the second data packet and display the parsing result of the second data packet on the display interface of the electronic device.

[0032] Some or all of the steps of the method for displaying a 3D model shopping interface described in the second aspect can be automatically implemented through various forms of electronic devices by computer program instructions; the computer program instructions can be stored in different forms of storage media and loaded into computer electronic devices for execution.

[0033] When implemented using a computer electronic device based on computer program instructions, in the third aspect of the present invention, it can be implemented in the following form of pseudo-code language of a computer program:

[0034] S710: In response to a shopping search keyword input by the user, display K candidate shopping targets {Om1, Om2, …, Om k} on the display interface of the electronic device, k > 1;

[0035] S720: In response to the user's selection of the candidate shopping target Om i , enter the 3D model shopping display interface, and display on the 3D model shopping display interface the overall surface frame diagram SK i of the candidate shopping target Om i ; 1 ≤ i ≤ k;

[0036] The overall surface frame diagram SK i includes N vector structure points {Vp i1 , Vp i2 , …, Vp iN}; each vector structure point Vp ij corresponds to at least one data packet to be parsed, and each data packet to be parsed corresponds to different levels of hardware resource configurations; 1 ≤ j ≤ N;

[0037] S730: Determine whether the user has an interaction operation on a partial position of the overall surface frame diagram SK i of the candidate shopping target Om i ;

[0038] If it exists, use the local position as the current target position and proceed to step S740;

[0039] If it does not exist, proceed to step S760;

[0040] S740: Start downloading the target data packet corresponding to the current target position from the server;

[0041] S750: During the download of the target data packet, return to execute step S730;

[0042] S760: Parse at least one of the target data packets and display the parsing result of the target data packet on the display interface of the electronic device, where the parsing result includes the candidate shopping target Om i The detailed local 3D model diagram at the current target position.

[0043] Step S750 further includes:

[0044] After the download of the target data packet is completed, jump to step S760.

[0045] To implement the method for displaying a 3D model shopping interface described in the second aspect or the third aspect, in the fourth aspect of the present invention, a customization system for a 3D model shopping interface is further proposed. The customization system configures a 3D model shopping application that can be installed on an electronic device and is used to display a 3D model shopping interface, implementing the method for displaying a 3D model shopping interface described in the second aspect or the third aspect.

[0046] In the fifth aspect of the present invention, a computer-readable storage medium is further provided for storing computer instructions. When the computer instructions run on an electronic device, the electronic device is caused to execute the method for displaying a 3D model shopping interface described in the third aspect or the second aspect.

[0047] In the sixth aspect of the present invention, an electronic device is further proposed. The electronic device includes a processor and a memory. The memory is used to store instructions, and the processor is used to call the instructions in the memory so that the electronic device executes the method for displaying a 3D model shopping interface described in the foregoing third aspect or the second aspect.

[0048] In the seventh aspect of the present invention, a computer program product is further proposed. The product includes a computer program. When the computer program is executed, the method for displaying a 3D model shopping interface described in the third aspect or the second aspect is implemented.

[0049] In the technical solution of the present invention, since the overall surface frame diagram in the form of a vector diagram only shows the surface appearance vector data diagram of the first candidate shopping target in the initial stage, the data loading speed is faster, and there will be no burr phenomenon when the user subsequently zooms in or rotates the structure diagram; if it is continuously detected that the user may have the tendency to observe multiple details (but it is not certain which local position the user finally needs to observe), the above method of the present invention only continuously downloads data and is not eager to perform data parsing and display, saving the repeated data parsing and display process; and if the user's interaction operation has stopped, it means that the user has determined which position to observe, so only the data downloaded for the corresponding local position is parsed and displayed, which makes the final display result more in line with the user's current expectations while reducing the delay and lag of data interaction display.

[0050] The further advantages of the present invention will be further detailed in the specific embodiment part in combination with the accompanying drawings of the specification. Brief Description of the Drawings

[0051] In order to more clearly illustrate the technical solutions in the embodiments of the present invention or the prior art, the following will briefly introduce the accompanying drawings required for use in the embodiments. Obviously, the following-described accompanying drawings are only some embodiments of the present invention. For those of ordinary skill in the art, without creative efforts, other accompanying drawings can also be obtained based on these drawings.

[0052] Figure 1 It is a schematic diagram of the main process of a method for displaying a 3D model shopping interface according to an embodiment of the present invention

[0053] Figure 2 is Figure 1 It is a schematic diagram of the user interaction steps of the method for displaying a 3D model shopping interface

[0054] Figure 3 It is a schematic diagram of the overall surface frame of different angles of the candidate shopping target in the technical solution of the present invention

[0055] Figure 4 It is a schematic diagram of the local 3D model details of a certain local position of the candidate shopping target in the technical solution of the present invention

[0056] Figure 5 It is a schematic diagram of the computer process implementation of a method for displaying a 3D model shopping interface according to an embodiment of the present invention

[0057] Figure 6 It is a schematic diagram of the interaction interface of an electronic device for implementing the method for displaying a 3D model shopping interface described in the present invention

[0058] Figure 7Schematic diagram of the functional structure and display effect of a display system for a 3D model shopping interface according to an embodiment of the present invention Detailed implementation manners

[0059] Here, an exemplary embodiment will be described in detail, and its examples are shown in the drawings. When the following description refers to the drawings, unless otherwise indicated, the same numbers in different drawings represent the same or similar elements. The implementation manners described in the following exemplary embodiments do not represent all implementation manners identical to the present application. On the contrary, they are merely examples of devices and methods that are the same as some aspects of the present application as detailed in the appended claims.

[0060] In the embodiments of the present application, the term "module" or "unit" refers to a computer program with a predetermined function or a part of a computer program, which works together with other related parts to achieve a predetermined goal, and can be fully or partially implemented by using software, hardware (such as a processing circuit or a memory), or a combination thereof. Similarly, one processor (or multiple processors or memories) can be used to implement one or more modules or units. In addition, each module or unit can be a part of an overall module or unit that includes the function of the module or unit.

[0061] Meanwhile, in the detailed implementation manners of the present application, if it involves user-related data, when the embodiments of the present application are applied to specific products or technologies, user permission or consent needs to be obtained, and the collection, use, and processing of relevant data need to comply with the relevant laws, regulations, and standards of relevant countries and regions.

[0062] The block diagrams shown in the drawings are only functional entities and do not necessarily correspond to physically independent entities. That is, these functional entities can be implemented in software form, or implemented in one or more hardware modules or integrated circuits, or implemented in different networks and / or processor devices and / or microcontroller devices.

[0063] See Figure 1 , Figure 1 is a schematic diagram of the main process of a method for displaying a 3D model shopping interface according to an embodiment of the present invention.

[0064] Figure 1 The method includes steps S100 - S400, and the specific implementation of each step is as follows:

[0065] S100: In response to a shopping search keyword input by a user, display at least one candidate shopping target on the display interface of the electronic device;

[0066] S200: In response to the user's selection of the first candidate shopping target, enter the 3D model shopping display interface, and display the overall surface frame diagram of the first candidate shopping target on the 3D model shopping display interface;

[0067] S300: If a first interaction operation on the first local position of the overall surface frame diagram of the first candidate shopping target is detected, start downloading a first data packet corresponding to the first local position from the server;

[0068] S400: If no second interaction operation on the second local position of the overall surface frame diagram of the first candidate shopping target is detected during the period from the start of downloading the first data packet from the server to the completion of downloading the first data packet, parse the first data packet, and display the parsing result of the first data packet on the display interface of the electronic device.

[0069] It can be seen that Figure 1 the method described above includes multiple user interaction operations, and different user interaction operations correspond to different output results.

[0070] Figure 2 Further illustrate Figure 1 the schematic diagram of the user interaction steps of the display method of the 3D model shopping interface.

[0071] For the convenience of description, Figure 2 the embodiments of introduce parametric markers for description.

[0072] First, the user inputs shopping search keywords, and at least one candidate shopping target is displayed on the display interface of the electronic device;

[0073] For example, the shopping search keywords input by the user can be "men's shoes, sports", "men's casual shoes", "sports shoes", "casual shoes", etc.

[0074] The electronic device is installed with a 3D model shopping application;

[0075] In response to the above shopping search keywords input by the user, a plurality of candidate shopping targets {Om1, Om2,..., Om k}, k>1 are displayed on the display interface of the 3D model shopping application of the electronic device;

[0076] At this time, the user may be interested in the i-th shopping target Om i Therefore, select and click on the i-th shopping target Om i to enter the corresponding product display interface.

[0077] In response to the user's candidate shopping target Om iUpon selection, enter the 3D model shopping display interface, and display the candidate shopping target Om on the 3D model shopping display interface i of the overall surface framework diagram SK i ; 1 ≤ i ≤ k

[0078] In the prior art, in order to display shopping targets in more detail, once a user selects a specific product and enters the product page, the 3D model shopping application will download all information of the product, including planar information, three-dimensional information, texture, color, lighting, global / local information, etc., to the local and parse and display it

[0079] When the resources of the electronic device at the user end are sufficient and the network transmission path between the user end and the server is very smooth, the above processing method can of course bring a better experience to the user

[0080] However, in practical applications, the resource capabilities of electronic devices used by different users are different, and there are also significant differences in their hardware configurations, software configurations, etc. More importantly, the environment where the user is located is ever-changing, resulting in changes in the available data transmission paths (broadband, rate, etc.) at all times. In most cases, there are limitations in the available resources of the device and external broadband resources. If all information is immediately displayed once the user clicks on the product page, it will cause obvious lag and delay in the display of product information, affecting the user experience. The user may exit the current page after feeling obvious lag, resulting in user loss and low shopping conversion rate

[0081] Therefore, as the first improvement of the technical solution of the present invention, in response to the user's selection of the first candidate shopping target, enter the 3D model shopping display interface, and display the overall surface framework diagram of the first candidate shopping target on the 3D model shopping display interface

[0082] The overall surface framework diagram is a 3D structure framework vector diagram of the first candidate shopping target, and the 3D structure framework vector diagram only displays the surface appearance vector data diagram of the first candidate shopping target

[0083] Take Figure 2 where the user selects the candidate shopping target Om i as an example, enter the 3D model shopping display interface, and display the candidate shopping target Om i of the overall surface framework diagram SK i ; 1 ≤ i ≤ k;

[0084] The overall surface framework diagram SK i includes N vector structure points {Vp i1 , Vp i2 , …, Vp iN}; Each vector structure point Vp ij corresponds to at least one data packet to be parsed, and each data packet to be parsed corresponds to different levels of hardware resource configuration; 1 ≤ j ≤ N;

[0085] For a better description of the above embodiments, further refer to Figure 3 . Figure 3 It is a schematic diagram of the overall surface framework of the candidate shopping target from different angles in the technical solution of the present invention.

[0086] In Figure 3 , a schematic diagram of the overall surface framework of a certain commodity (i.e., the shopping target) from three different angles is shown, that is, a 3D structure framework vector diagram from three different angles.

[0087] It can be seen that Figure 3 the 3D structure framework vector diagram shown only contains a 3D structure framework composed of points, lines, and planes. Of course, in the actual display page, it can also include corresponding color pictures ( Figure 3 is a black and white picture, so different color combinations cannot be shown).

[0088] However, Figure 3 the color matching diagram of the 3D structure framework composed of points, lines, and planes shown only needs to display a very small part of the commodity information. It focuses on the "overall framework" rather than internal details or local enlarged details. Therefore, the data volume required to load the picture shown Figure 3 is very small, and there is no need for high - configuration electronic devices or large - bandwidth data transmission channels, which will not cause visual display delay and lag, and can adapt to most electronic device configurations and basic data transmission environments.

[0089] Of course, if it is only a 3D structure framework diagram composed of points, lines, and planes in a geometric sense, once the user performs necessary interaction operations on it, such as zooming in and rotating, due to the use of pixel resolution display for this geometric structure diagram, obvious burr phenomena will occur (for example, when the original picture is enlarged ten times, burrs will appear on the edge of the shoe). At this time, the user's visual experience will also deteriorate.

[0090] Therefore, the 3D structure framework diagram adopted by the present invention is a 3D structure framework vector diagram.

[0091] A vector diagram, also known as an object - oriented image or drawing image, is mathematically defined as a series of lines connected by points. The graphic elements in a vector file are called objects. Each object is a self - contained entity that has attributes such as color, shape, outline, size, and screen position.

[0092] Vector graphics are drawn based on geometric characteristics. A vector can be a point or a line. Vector graphics can only be generated by software, and the files occupy less internal space because this type of image file contains independent and separate images that can be freely and infinitely recombined. Its characteristic is that the image will not be distorted after magnification and is independent of resolution, and it is suitable for graphic design, text design, some logo designs, layout designs, etc.

[0093] It can be seen that although vector graphics are similar to ordinary geometric structures Figure 1 and are also composed of points, lines, and the formed surfaces, they are all obtained through mathematical formula calculations and have the characteristic of not being distorted after editing.

[0094] The geometric figures in vector graphics can be infinitely magnified without changing color or blurring. It is often used in designs such as patterns, logos, VIs, and texts.

[0095] By using vector graphics to draw the 3D structural framework of a commodity, while the file occupies less internal space, it can also be displayed on the output device at the highest resolution; since each vector object is an independent and separate image, the loading speed is fast and it will not cause data display delay.

[0096] Furthermore, the overall surface framework diagram SK i includes N vector structure points {Vp i1 , Vp i2 , …, Vp iN}; each vector structure point Vp ij corresponds to at least one data packet to be parsed, and each data packet to be parsed corresponds to different levels of hardware resource configurations; 1 ≤ j ≤ N;

[0097] The vector structure point is the point object that constitutes the above-mentioned vector graphics.

[0098] As one of the further improvements of the present invention, the vector structure point represents multiple local positions of the current candidate shopping target Om i .

[0099] For example, Figure 3 the overall surface framework diagram SK of the men's shoes i may include at least 3 vector structure points, which are located at local positions such as the shoe tip (the shoe head, the shoe top, assumed), the shoe body (the middle part of the outer side of the shoe), and the heel (the inner side of the shoe tail), etc.

[0100] When the user performs an interaction operation on one of these 3 local positions (such as the operation of magnifying after clicking the first local position, the rotation operation after hitting the first local position, the dragging operation on the first local position, etc.), it means that the user may expect to see more details of this local position. Of course, it may also be just a random click operation by the user.

[0101] Since only the overall surface framework diagram SK of men's shoes is currently displayed i , and more local detailed information has not been loaded. At this time, if a first interaction operation on the first local position of the overall surface framework diagram of the first candidate shopping target is detected, it is necessary to start downloading the first data packet corresponding to the first local position from the server.

[0102] In the technical solution of the present invention, each vector structure point Vp ij corresponds to at least one data packet to be parsed, and each data packet to be parsed corresponds to different levels of hardware resource configurations; 1 ≤ j ≤ N;

[0103] Taking the local position as the heel (inner side of the shoe tail) as an example, the vector structure points at this local position can correspond to at least three configured data packets to be parsed. Suppose they are divided into a low - configuration data packet, a medium - configuration data packet, and a high - configuration data packet, corresponding to a low - configuration electronic device, a medium - configuration electronic device, and a high - configuration electronic device respectively.

[0104] It should be noted that the "low configuration, high configuration, medium configuration", etc. here refer to the current available resources of the electronic device. Corresponding available resource threshold standards can be preset, such as "memory threshold range, broadband threshold range, storage space memory range", etc. When a first interaction operation on the first local position of the overall surface framework diagram of the first candidate shopping target is detected by the user, the current available resources of the 3D model shopping application of the electronic device are obtained in real - time to determine which range the electronic device is currently in, and then it is decided which configuration - corresponding data packet to be parsed for this local position to be downloaded, so that the data download process adapts to the user device, reducing lags and delays.

[0105] If there is no further interaction operation after the user's first interaction operation on the first local position of the overall surface framework diagram of the first candidate shopping target, it means that the user is expecting to see more details of this local position. That is, if no second interaction operation on the second local position of the overall surface framework diagram of the first candidate shopping target is detected during the period from when the server starts downloading the first data packet to when the first data packet is downloaded completely, then the first data packet is parsed, and the parsing result of the first data packet is displayed on the display interface of the electronic device.

[0106] As Figure 4 shown Figure 4 is a local 3D model detail schematic diagram of a certain local position of the candidate shopping target in the technical solution of the present invention.

[0107] At this time, the user is at Figure 3After showing the overall surface framework diagram, the clicked local position is the heel (the inner side of the shoe tail). At this time, the server starts to download the first data packet corresponding to the heel (the inner side of the shoe tail) of the first local position, and parses and displays it. At this time, the first data packet of the heel (the inner side of the shoe tail) of the first local position can show more detailed diagrams of the heel (the inner side of the shoe tail).

[0108] It can be seen that in the present invention, only after detecting the tendency that the user may need to observe a certain detail, the target data packet of the corresponding position starts to be downloaded; and further, only when the user is really interested in the local position, the data packet is parsed and loaded, avoiding unnecessary data transmission and data parsing processes, making the corresponding data download and parsing more targeted.

[0109] In another aspect, if within the period from the start of downloading the first data packet by the server to the completion of downloading the first data packet, a second interaction operation on the second local position of the overall surface framework diagram of the first candidate shopping target is detected, then while continuing to download the first data packet, the server starts to download the second data packet corresponding to the second local position.

[0110] At this time, since it is continuously detected that the user may need to observe multiple details (but it is not certain which local position the user finally needs to observe), the above method of the present invention only continuously downloads data and does not rush to parse and display the data.

[0111] And if within the period from the start of downloading the second data packet by the server to the completion of downloading the second data packet, a third interaction operation on the third local position of the overall surface framework diagram of the first candidate shopping target is not detected, then the second data packet is parsed, and the parsing result of the second data packet is displayed on the display interface of the electronic device.

[0112] At this time, the user's interaction operation has stopped, which means that the user has determined which position to observe after all. Therefore, only the data that has been downloaded for the corresponding local position is parsed and displayed.

[0113] As can be seen from the above introduction, since the overall surface frame diagram in the form of a vector diagram only shows the surface appearance vector data diagram of the first candidate shopping target in the initial stage, the data loading speed is faster, and there will be no burr phenomenon when the user subsequently zooms in or rotates the structure diagram; if it is continuously detected that the user may have a tendency to observe multiple details (but it is not certain which local position the user finally needs to observe), the above method of the present invention only continuously downloads data and does not rush to perform data parsing and display, saving the repeated data parsing and display processes; and if the user's interaction operation has stopped, it means that the user has determined which position to observe, so only the data downloaded for the corresponding local position is parsed and displayed, which not only makes the final display result more in line with the user's current expectations, but also reduces the delay and jitter of data interaction display.

[0114] Combined Figures 1 - 4 , a preferred embodiment of the display method of a 3D model shopping interface of the present invention is introduced as follows:

[0115] S1: In response to a shopping search keyword input by the user, at least one candidate shopping target is displayed on the display interface of the electronic device;

[0116] S2: In response to the user's selection of the first candidate shopping target, enter the 3D model shopping display interface, and display the overall surface frame diagram of the first candidate shopping target on the 3D model shopping display interface;

[0117] The overall surface frame diagram is a 3D structure frame vector diagram of the first candidate shopping target, and the 3D structure frame vector diagram only shows the surface appearance vector data diagram of the first candidate shopping target;

[0118] The overall surface frame diagram includes N vector structure points; each vector structure point corresponds to at least one data packet to be parsed, and each data packet to be parsed corresponds to different levels of hardware resource configurations;

[0119] S3: If it is detected that the user performs a first interaction operation on a first local position of the overall surface frame diagram of the first candidate shopping target, start downloading a first data packet corresponding to the first local position from the server;

[0120] The user's first interaction operation on the first local position of the overall surface frame diagram of the first candidate shopping target includes an operation of zooming in after the user clicks on the first local position, a rotation operation after the user hits the first local position, and a dragging operation of the user on the first local position.

[0121] Specifically, step S3 starts downloading the first data packet corresponding to the first local position from the server, which specifically includes:

[0122] Determine a target vector structure point based on the first local position;

[0123] Determine at least one data packet to be parsed corresponding to the target vector structure point from the server;

[0124] Based on the current resource configuration of the electronic device, determine the first data packet from the data packets to be parsed; the first data packet matches the currently available resources of the electronic device;

[0125] Start downloading the first data packet.

[0126] S4: If within the period from the start of downloading the first data packet from the server to the completion of downloading the first data packet, no second interaction operation on the second local position of the overall surface frame diagram of the first candidate shopping target is detected, then parse the first data packet and display the parsing result of the first data packet on the display interface of the electronic device;

[0127] If within the period from the start of downloading the first data packet from the server to the completion of downloading the first data packet, a second interaction operation on the second local position of the overall surface frame diagram of the first candidate shopping target is detected, then while continuing to download the first data packet, start downloading a second data packet corresponding to the second local position from the server.

[0128] If within the period from the start of downloading the second data packet from the server to the completion of downloading the second data packet, no third interaction operation on the third local position of the overall surface frame diagram of the first candidate shopping target is detected, then parse the second data packet and display the parsing result of the second data packet on the display interface of the electronic device.

[0129] Some or all of the steps of the display method of a 3D model shopping interface in the foregoing embodiments can be automatically implemented by various forms of electronic devices through computer program instructions; the computer program instructions can be stored in different forms of storage media and loaded into a computer electronic device for execution.

[0130] When implemented based on computer program instructions using a computer electronic device, the following pseudo-code language form of a computer program can be used, as Figure 5 shown ( Figure 5 step numbers are omitted and some step descriptions are simplified in

[0131] S710: In response to a shopping search keyword input by the user, display K candidate shopping targets {Om1, Om2,..., Om k} on the display interface of the electronic device, k > 1;

[0132] S720: In response to the user's selection of the candidate shopping target Om i , enter the 3D model shopping display interface, and display the overall surface frame diagram SK of the candidate shopping target Om i on the 3D model shopping display interface; i 1 ≤ i ≤ k;

[0133] The overall surface frame diagram SK i includes N vector structure points {Vp i1 , Vp i2 , …, Vp iN}; Each vector structure point Vp ij corresponds to at least one data packet to be parsed, and each data packet to be parsed corresponds to different levels of hardware resource configuration; 1 ≤ j ≤ N;

[0134] S730: Determine whether the user has an interaction operation on the local position of the overall surface frame diagram SK of the candidate shopping target Om i ; i If so, use the local position as the current target position, and enter step S740;

[0135] If not, enter step S760;

[0136] S740: Start downloading the target data packet corresponding to the current target position from the server;

[0137] S750: During the download of the target data packet, return to execute step S730;

[0138] S760: Parse at least one of the target data packets, and display the parsing result of the target data packet on the display interface of the electronic device. The parsing result includes the local 3D model detail diagram of the candidate shopping target Om

[0139] at the current target position. i

[0140] Step S750 further includes:

[0141] After the download of the target data packet is completed, jump to step S760.

[0142] The steps of the methods or algorithms described in combination with the embodiments disclosed in this document can be implemented directly in hardware, software modules executed by a processor, or a combination of both. The software modules can be placed in a random access memory (RAM), internal memory, read-only memory (ROM), electrically programmable ROM, electrically erasable programmable ROM, registers, hard disk, removable disk, CD-ROM, or any other form of storage medium known in the art.

[0143] Figure 6 is a schematic diagram of an interaction interface of an electronic device for implementing a method for displaying a 3D model shopping interface according to the present invention. The electronic device includes a computer-readable storage medium, and a computer program is stored on the computer-readable storage medium. When the computer program is executed by the electronic device including a processor, the steps of a method for displaying a 3D model shopping interface as described in the above embodiments are implemented.

[0144] Figure 6 The electronic device can configure the customization system according to the present invention. The customization system configures a 3D model shopping application, and the 3D model shopping application can be installed on the electronic device for displaying a 3D model shopping interface.

[0145] In Figure 6 the interaction interface shown, the visualization interface is divided into upper and lower parts. The upper part displays an overall surface frame diagram of a certain candidate shopping target. The user can perform touch interactions on the overall surface frame diagram through interactive operations (such as finger interaction operations on a touch screen), such as rotation, clicking, zooming, etc.

[0146] When the user continuously clicks on multiple local positions (such as continuously clicking on the toe, shoe body, and heel of a shoe), that is, multiple interaction operations on multiple local positions of the overall surface frame diagram of the first candidate shopping target are detected. At this time, the first data packet (toe), the second data packet (shoe body), and the third data packet (heel) corresponding to the multiple local positions are continuously downloaded from the server, but are not immediately parsed and displayed.

[0147] When the user stops the interaction operation (such as no longer continuously clicking after clicking on the heel), it means that the user expects to see more detailed information about this local position of the heel. At this time, since the third data packet corresponding to the heel position has been downloaded before, the 3D model shopping application parses the heel data packet to display more detailed information about this local position of the heel, as Figure 6 shown in the lower part.

[0148] Of course, if the user then returns to the toe position, at this time, since the first data packet corresponding to the toe position has been downloaded before, the 3D model shopping application parses the heel data packet to display more detailed information about this local position of the toe.

[0149] Compared with the information presentation method that loads and displays all information in real time as it appears in the prior art, loads once with each click, and does not consider the current available resource configuration of the user's device, the technical solution of the present invention can reduce the lag and delay phenomena in the interactive display of the 3D model shopping interface, adapt to the user's device, and thus improve the user's shopping experience.

[0150] Based on the introduction of the above embodiments, Figure 7 The schematic diagram of the functional structure and display effect of a display system for a 3D model shopping interface according to an embodiment of the present invention is shown.

[0151] In Figure 7 a display system for a 3D model shopping interface, the display system presents the 3D model shopping interface through an APP, and the display system further includes:

[0152] a 3D display component, which is used to display the 3D stereoscopic rotatable structure picture of the candidate shopping target;

[0153] In Figure 7 taking this page as an example, when opening the page, the initial display is a pair of shoes at the left angle;

[0154] The software architecture of the 3D display function

[0155] 1. For each pair of shoes, a 3D model needs to be built in other software based on the actual shoes produced, including the sole, the component parts of the upper, shoelaces, lining, insole, etc. Each component is an independent 3D model.

[0156] 2. In the APP software, based on the 3D model of the whole pair of shoes, other components are switched on the 3D model of the whole shoes when the user selects the component color matching.

[0157] a touch interaction click component, which includes a first alternating switching component and a second selection component;

[0158] When the first alternating switching component is clicked, at least two different state matching effects of the candidate shopping target are alternately displayed on the shopping interface;

[0159] Taking Figure 7 as an example, directly click on the picture, and the color matching of a pair of shoes is shown on it. The icons of a single foot and both feet in the 3D display frame are not shown.

[0160] When the first alternating switching component is clicked, at least two different state matching effects of the candidate shopping target are alternately displayed on the shopping interface, that is, the color matching form effect of the left foot and the color matching form effect picture of the right foot;

[0161] The second selectable component includes a display sub-component in a nine-square grid format, and each said display sub-component corresponds to a recommended color matching mode or a customized color matching mode;

[0162] This page is divided into two parts. The upper part is a 3D display window. The lower part shows the matching components of the shoes in a nine-square grid form. When the user clicks on the corresponding matching component, multiple shoes in that category will be shown in the nine-square grid.

[0163] When the user clicks on the shoe they want to see, the basic color matching of that shoe will be shown in the upper 3D display window.

[0164] When one of the display sub-components is clicked, the display effect of the corresponding color matching mode of the candidate shopping target corresponding to the sub-component will be shown on the shopping interface.

[0165] When the customized color matching mode is clicked and accessories are selected, the accessories will be directly matched to the upper 3D model, and at the same time, the model will automatically rotate to the best display angle of the accessory;

[0166] Other interactive click operation modes also include:

[0167] When the customized color matching is clicked, the pictures of the various accessories on the left will be shown. The icons of a single foot and two feet in the 3D display frame will be shown;

[0168] When the left foot is clicked, the icon changes color. When the accessory below is clicked, the left shoe of the upper 3D model will directly change color.

[0169] When the right foot is clicked, the icon changes color. When the accessory below is clicked, the right shoe of the upper 3D model will directly change color.

[0170] When the two feet are clicked, the icon changes color. When the accessory below is clicked, the whole pair of shoes of the upper 3D model will directly and synchronously change color.

[0171] It is implemented on the APP side. The APP mobile software is a dedicated shopping platform software for shoes and clothing. The main function is to display products in a 3D stereoscopic form on the APP and can be displayed without dead angles in 360 degrees.

[0172] After entering the purchase page of a specific style, in the middle menu bar, click on the recommended color matching, and the button will change color. The basic color matching recommended by the merchant will be shown in the nine-square grid below. Click on the color matching you want to see, and the details of the model shoes will be shown in the upper 3D display; and you can manually touch the screen of the 3D display frame to rotate 360 degrees to view the details, or use your finger on the screen of the 3D display area to zoom in and out on the 3D model.

[0173] After entering the purchase page of a specific style, click "Customize Color Scheme" in the middle menu bar, and the button will change color. The nine-square grid below shows various color schemes of the optional accessories for this pair of shoes. At this time, there is an icon of a left foot in the upper left corner of the 3D display frame, an icon of a right foot in the upper right corner, and an icon of a pair of feet in the lower left corner. This software allows users to select accessories and color schemes for a single shoe.

[0174] If the user wants to change the accessory color scheme for a pair of shoes at the same time, first click the icon of a pair of feet in the lower left corner. Then click on the accessory color below, and the corresponding position of the accessory on the entire pair will change color in the 3D display above.

[0175] If the user wants to change the accessory color scheme for a single shoe, first click the icon of a single foot in the upper left corner or the upper right corner. Then click on the accessory color below, and the corresponding position of the accessory will change color in the 3D display above.

[0176] In the 3D customization mode section, it is also possible to separately select and customize the color schemes and materials for different positions of the left and right shoes. After confirmation through the 3D display, place an order to enter the normal shopping process ( Figure 7 the add-to-cart button component in

[0177] After entering the purchase page of a specific style, click "Shoe Last Pad" in the middle menu bar, and the button will change color. In addition to normally providing insole accessories for users, this APP platform also offers insole categories with different arches in terms of insoles; users can select different sizes, different color scheme modes for the left and right feet; they can even have different palm widths for the left and right feet first.

[0178] Corresponding to the foregoing method embodiments, in order to reduce the lag and delay phenomena in the interactive display of the 3D model shopping interface and adapt to the user's device to improve the user's shopping experience, in the above system, the display system further includes a candidate shopping target interactive operation detection component;

[0179] The candidate shopping target interactive operation detection component is used to detect the interactive operations of the user on the local positions of the overall surface frame diagram of the candidate shopping target;

[0180] If it is detected that the user performs a first interactive operation on a first local position of the overall surface frame diagram of a first candidate shopping target, then the APP starts to download a first data packet corresponding to the first local position from the server;

[0181] If within the period from the start of downloading the first data packet from the server to the completion of downloading the first data packet, no second interactive operation of the user on a second local position of the overall surface frame diagram of the first candidate shopping target is detected, then parse the first data packet and display the parsing result of the first data packet on the display interface of the APP.

[0182] The foregoing presents multiple embodiments, each of which can constitute an independent technical solution and may contribute to the prior art and solve corresponding technical problems. However, it should be noted that different embodiments can be combined with each other without violating logic; at the same time, each embodiment can solve at least one technical problem, but it is not required that each individual embodiment solve multiple or all technical problems.

[0183] It can be understood that the relevant principles and advantages of the system embodiments are the same as those of the method embodiments already described in detail above, so they will not be elaborated here.

[0184] For other technologies, principles, algorithms or models not elaborated in detail in this application, reference can be made to the prior art.

[0185] The method embodiments and systems of the present invention have been shown and described above. However, for those of ordinary skill in the art, it can be understood that various changes, modifications, substitutions and variations can be made to these embodiments without departing from the principles and spirit of the present invention. The scope of the present invention is defined by the appended claims and their equivalents.

Claims

1. A display system for a 3D model shopping interface, wherein the display system presents the 3D model shopping interface through an APP, characterized in that, The display system further includes: A 3D display component for displaying a 3D stereoscopic rotatable structure picture of a candidate shopping target; A touch interaction click component, which includes a first alternating switching component and a second selection component; When the first alternating switching component is clicked, at least two different state pairing effects of the candidate shopping target are alternately displayed on the shopping interface; The second selection component includes a display sub-component in a nine-square grid format, and each display sub-component corresponds to a recommended color matching mode or a customized color matching mode; When one of the display sub-components is clicked, the display effect of the corresponding color matching mode of the candidate shopping target of the sub-component is displayed on the shopping interface; The display system further includes a candidate shopping target interaction operation detection component; The candidate shopping target interaction operation detection component is used to detect the interaction operation of the user on a local position of the overall surface frame diagram of the candidate shopping target; the overall surface frame diagram is a 3D structure frame vector diagram; the 3D structure frame vector diagram only shows the surface appearance vector data diagram of the candidate shopping target; If the first interaction operation of the user on the first local position of the overall surface frame diagram of the first candidate shopping target is detected, the APP starts to download the first data packet corresponding to the first local position from the server; If no second interaction operation of the user on the second local position of the overall surface frame diagram of the first candidate shopping target is detected during the period from the start of downloading the first data packet by the server to the completion of downloading the first data packet, the first data packet is parsed, and the parsing result of the first data packet is displayed on the display interface of the APP.

2. A display method for a 3D model shopping interface, the method being applied to an electronic device, characterized in that, The method includes: S100: In response to the shopping search keyword input by the user, at least one candidate shopping target is displayed on the display interface of the electronic device; S200: In response to the user's selection of the first candidate shopping target, enter the 3D model shopping display interface, and display the overall surface frame diagram of the first candidate shopping target on the 3D model shopping display interface; the overall surface frame diagram is a 3D structure frame vector diagram; the 3D structure frame vector diagram only shows the surface appearance vector data diagram of the first candidate shopping target; S300: If the first interaction operation of the user on the first local position of the overall surface frame diagram of the first candidate shopping target is detected, start to download the first data packet corresponding to the first local position from the server; S400: If no second interaction operation of the user on the second local position of the overall surface frame diagram of the first candidate shopping target is detected during the period from the start of downloading the first data packet by the server to the completion of downloading the first data packet, the first data packet is parsed, and the parsing result of the first data packet is displayed on the display interface of the electronic device.

3. The display method of a 3D model shopping interface according to claim 2, characterized in that The 3D structure frame vector diagram includes a plurality of vector structure points; each vector structure point corresponds to at least one data packet to be parsed; In step S300, starting to download the first data packet corresponding to the first partial position from the server specifically includes: Determining a target vector structure point based on the first partial position; Determining, from the server, the data packet to be parsed corresponding to the target vector structure point; Determining the first data packet from the data packet to be parsed based on the current resource configuration of the electronic device; Starting to download the first data packet.

4. The display method of a 3D model shopping interface according to claim 2, characterized in that, Step S400 further includes: If, within the period from when the first data packet starts to be downloaded from the server to when the first data packet is downloaded completely, a second interaction operation on the second partial position of the overall surface frame diagram of the first candidate shopping target is detected, then while continuing to download the first data packet, starting to download a second data packet corresponding to the second partial position from the server.

5. The display method of a 3D model shopping interface according to claim 4, characterized in that, Step S400 further includes: If, within the period from when the second data packet starts to be downloaded from the server to when the second data packet is downloaded completely, a third interaction operation on the third partial position of the overall surface frame diagram of the first candidate shopping target is not detected, then parsing the second data packet and displaying the parsing result of the second data packet on the display interface of the electronic device.

6. A display method for a 3D model shopping interface, the method being applied to an electronic device, characterized in that, The method includes the following steps: S710: In response to a shopping search keyword input by a user, display K candidate shopping targets {Om1, Om2, …, Om k} on a display interface of the electronic device, where k > 1; S720: In response to the user's selection of the candidate shopping target Om i , enter the 3D model shopping display interface, and display the overall surface frame diagram SK of the candidate shopping target Om i on the 3D model shopping display interface; 1 ≤ i ≤ k; i ​ The overall surface framework diagram SK i is a 3D structural framework vector diagram, including N vector structure points {Vp i1 , Vp i2 , …, Vp iN}; Each vector structure point Vp ij corresponds to at least one data packet to be parsed, and each data packet to be parsed corresponds to different levels of hardware resource configuration; 1 ≤ j ≤ N; The 3D structural framework vector diagram only shows the surface appearance vector data diagram of the candidate shopping target; S730: Determine whether the user has an interaction operation on the overall surface frame diagram SK of the candidate shopping target Om i of the overall surface frame diagram SK i at a local position; If it exists, taking the partial position as the current target position and entering step S740; If it does not exist, entering step S760; S740: Starting to download the target data packet corresponding to the current target position from the server; S750: During the download of the target data packet, returning to execute step S730; S760: Analyze at least one of the target data packets, and display the analysis result of the target data packet on the display interface of the electronic device, where the analysis result includes a candidate shopping target Om i A detailed view of the local 3D model at the current target location.

7. The display method of a 3D model shopping interface according to claim 6, characterized in that Step S750 further includes: After the target data packet is downloaded completely, jumping to step S760.

8. A customization system for a 3D model shopping interface, the customization system configuring a 3D model shopping application, the 3D model shopping application being installed on an electronic device and used for displaying a 3D model shopping interface and implementing a display method for a 3D model shopping interface according to any one of claims 2 - 7.

9. An electronic device, characterized in that, Including: A processor and a memory for storing a computer program that can run on the processor, wherein when the processor is used to run the computer program, it executes the steps of a display method for a 3D model shopping interface according to any one of claims 2 to 7.

Images