Display method and customization system of 3D model shopping interface

Abstract

The invention provides a display method and customization system of a 3D model shopping interface, and belongs to the technical field of information interaction and display. The method comprises the steps of 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 selection of the user for the first candidate shopping target; s300, if a first interaction operation of the user on the first local position is detected, starting to download the first data packet from the server; and S400, if a second interaction operation of the user on the second local position is not detected in a time period from the beginning of downloading the first data packet to the completion of downloading the first data packet, analyzing the first data packet, and displaying an analysis result of the first data packet. The customization system configures a 3D model shopping application. According to the invention, the phenomena of lagging and delay in interactive display of the 3D model shopping interface can be reduced, and user equipment is adapted, so that the shopping experience of a user is improved.

Description

Technical Field

[0001] The present invention belongs to the field of information interaction and display technology, and in particular 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 product display solutions are presented to people, from text to pictures, and from pictures to videos, which upgrade people's experience of products again and again. For example, Web 3D technology can display 3D products directly on web pages, with 360-degree viewing, and through rich interactions, users can experience different configurations and highlights of products. Compared with traditional graphic design / display, 3D design uses three-dimensional space to create images or models with three-dimensional effects, which can give users an immersive experience and a sense of pleasure.

[0003] Chinese invention patent application CN201711298067 proposes an online shopping experience system based on AR technology, which obtains product information and displays AR augmented reality in different ways according to the actual application scenario. It allows users to fully understand the relevant information such as the production process, transportation process, and sales process of the product, allowing users to find reliable products and help merchants build high-quality brands. This technology requires AR presentation equipment to display in the form of 3D effects in AR.

[0004] Compared with traditional single-dimensional information displays such as text, pictures, and videos, 3D model shopping needs to display multi-dimensional and multi-angle information, and also needs to interact with user operations. Therefore, the amount of data and data types that need to be transmitted and processed are larger and more complex. However, the available resources of the electronic devices used by the user end are different and change all the time. If a unified loading and instant parsing data processing and display method is adopted, it will not only bring greater processing pressure to the system, but also cause obvious jams and delays in data processing and display. In the shopping scenario that pursues the user's visual experience, it will lead to a low conversion rate of the actual shopping target population, and it will not be able to reflect the advantages of the emerging technology of 3D model shopping. Summary of the invention

[0005] In response to 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 lag and delay in the interactive display of the 3D model shopping interface, adapt to user devices, and thus enhance the user shopping experience.

[0006] In a first aspect of the present invention, a display system for a 3D model shopping interface is provided, wherein the display system displays the 3D model shopping interface through an APP, and is characterized in that the display system further comprises:

[0007] A 3D display component, wherein the 3D display component is used to display a 3D stereoscopic rotatable structure image of a candidate shopping target;

[0008] A touch interaction clicking component, wherein the touch interaction clicking component includes a first alternating switching component and a second selecting component;

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

[0010] The second selectable component includes display subcomponents in a nine-square grid format, each of the display subcomponents corresponding to a recommended color matching mode or a customized color matching mode;

[0011] When one of the display subcomponents is clicked, the display effect of the corresponding color matching mode of the candidate shopping target corresponding to the subcomponent is displayed on the shopping interface;

[0012] The display system also includes a candidate shopping target interactive operation detection component;

[0013] The candidate shopping target interactive operation detection component is used to detect the user's interactive operation on a local position of the overall surface framework diagram of the candidate shopping target;

[0014] If a first interactive operation of a user on a first local position of the overall surface framework diagram of a first candidate shopping target is detected, the APP starts downloading a first data packet corresponding to the first local position from a server;

[0015] If a second interactive operation of the user on a second local position of the overall surface framework diagram of the first candidate shopping target is not detected during the period from when the server starts downloading the first data packet to when the downloading of the first data packet is completed, 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 a second aspect of the present invention, a method for displaying a 3D model shopping interface is provided. The method is applied to an electronic device and comprises the following steps:

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

[0018] S200: In response to a user selecting a first candidate shopping target, entering a 3D model shopping display interface, and displaying an overall surface framework diagram of the first candidate shopping target on the 3D model shopping display interface;

[0019] S300: if a first interactive operation of a user on a first local position of the overall surface framework image of the first candidate shopping target is detected, downloading a first data packet corresponding to the first local position from a server;

[0020] S400: If a second interactive operation of the user on a second local position of the overall surface framework diagram of the first candidate shopping target is not detected during the period from when the server starts downloading the first data packet to when the downloading of the first data packet is completed, the first data packet is parsed and the parsed result of the first data packet is displayed on the display interface of the electronic device.

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

[0022] The first interactive operation of the user on the first local position of the overall surface framework diagram of the first candidate shopping target in step S300 includes a zooming operation 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.

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

[0024] The step S300 starts downloading the first data packet corresponding to the first local location from the server, specifically including:

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

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

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

[0028] Start downloading the first data packet.

[0029] The step S400 further includes:

[0030] If a second interactive operation of the user on a second local position of the overall surface framework image of the first candidate shopping target is detected during the period from when the server starts downloading the first data packet to when the download of the first data packet is completed, then while continuing to download the first data packet, the second data packet corresponding to the second local position is downloaded from the server.

[0031] If no third interactive operation of the user on the third 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 second data packet to when the download of the second data packet is completed, the second data packet is parsed and the parsed result of the second data packet is displayed on the display interface of the electronic device.

[0032] Part 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 through computer program instructions; the computer program instructions can be stored in storage media of different forms and loaded into computer electronic devices for execution.

[0033] When a computer electronic device is used and implemented based on computer program instructions, in the third aspect of the present invention, the following pseudo code language form of the following computer program can be used to implement the following:

[0034] S710: In response to a shopping search keyword input by a user, display K candidate shopping targets {Om1, Om2, ..., Om k}, k>1;

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

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

[0037] S730: Determine whether the user has interest in the candidate shopping target Om i Overall surface frame diagram SK i Interaction operations at local locations;

[0038] If it exists, the local position is used as the current target position and the process goes to step S740;

[0039] If not, proceed to step S760;

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

[0041] S750: During the downloading of the target data packet, return to 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, wherein the parsing result includes the candidate shopping target Om i A detailed view of the local 3D model at the current target position.

[0043] The step S750 further includes:

[0044] After the target data packet is downloaded, jump to step S760.

[0045] In order to implement the display method of 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 also proposed, and the customization system is configured with a 3D model shopping application. The 3D model shopping application can be installed in an electronic device to display a 3D model shopping interface, thereby implementing the display method of a 3D model shopping interface described in the second aspect or the third aspect.

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

[0047] In the sixth aspect of the present invention, an electronic device is also proposed, comprising a processor and a memory, wherein 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 a method for displaying a 3D model shopping interface as described in the third aspect or the second aspect.

[0048] In the seventh aspect of the present invention, a computer program product is also proposed, which 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 framework diagram in the form of a vector diagram is used in the initial stage to only display the surface appearance vector data diagram of the first candidate shopping target, the data loading speed is faster and no burrs will occur when the user subsequently zooms in and rotates the structure diagram; if it is continuously detected that the user may need to observe multiple details (but it is not certain which local position the user ultimately needs to observe), the above method of the present invention only continues to download data and is not in a hurry to parse and display the data, thus saving repeated data parsing and display processes; and if the user's interactive operation has stopped, it means that the user has determined which position needs to be observed. Therefore, only the data that has been downloaded for the corresponding local position is parsed and displayed, which makes the final displayed result more in line with the user's current expectations while reducing delays and freezes in data interactive display.

[0050] Further advantages of the present invention will be further reflected in detail in the specific embodiments section in conjunction with the drawings of the specification. BRIEF DESCRIPTION OF THE DRAWINGS

[0051] In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings required for use in the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

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

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

[0054] Figure 3 This is a schematic diagram of the overall surface framework of the candidate shopping target at different angles in the technical solution of the present invention.

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

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

[0057] Figure 6 A schematic diagram of an interactive interface of an electronic device for implementing a display method of a 3D model shopping interface according to the present invention

[0058] Figure 7This is a schematic diagram of the functional structure and display effect of a display system of a 3D model shopping interface according to an embodiment of the present invention. DETAILED DESCRIPTION

[0059] Here, exemplary embodiments will be described in detail, examples of which are shown in the accompanying 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 embodiments described in the following exemplary embodiments do not represent all embodiments that are the same as the present application. Instead, they are only examples of devices and methods that are the same as some aspects of the present application as detailed in the attached claims.

[0060] In the embodiments of the present application, the term "module" or "unit" refers to a computer program or a part of a computer program with a predetermined function, and works together with other related parts to achieve a predetermined goal, and can be implemented in whole or in part by using software, hardware (such as processing circuits or memories) or a combination thereof. Similarly, a 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 part of an overall module or unit that includes the function of the module or unit.

[0061] At the same time, in the specific implementation of this application, if user-related data is involved, when the embodiment of this application is applied to a specific product or technology, the user's permission or consent must be obtained, and the collection, use and processing of relevant data must comply with relevant laws, regulations and standards of relevant countries and regions.

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

[0063] See also Figure 1 , Figure 1 It is a main flow diagram 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 each step is specifically implemented as follows:

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

[0066] S200: In response to a user selecting a first candidate shopping target, entering a 3D model shopping display interface, and displaying an overall surface framework diagram of the first candidate shopping target on the 3D model shopping display interface;

[0067] S300: if a first interactive operation of a user on a first local position of the overall surface framework image of the first candidate shopping target is detected, downloading a first data packet corresponding to the first local position from a server;

[0068] S400: If a second interactive operation of the user on a second local position of the overall surface framework diagram of the first candidate shopping target is not detected during the period from when the server starts downloading the first data packet to when the downloading of the first data packet is completed, the first data packet is parsed and the parsed result of the first data packet is displayed on the display interface of the electronic device.

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

[0070] Figure 2 Further showing Figure 1 Schematic diagram of user interaction steps of the method for displaying a 3D model shopping interface.

[0071] For ease of description, Figure 2 The embodiments of the present invention are described by introducing parameterized tags.

[0072] First, a user inputs a shopping search keyword, 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 may 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 shopping search keyword input by the user, a plurality of candidate shopping targets {Om1, Om2, ..., Om k}, k>1;

[0076] At this time, the user may be interested in the i-th shopping target Om i Interested, therefore, choose to click on the i-th shopping target Om i Enter the corresponding product display interface.

[0077] In response to the user's selection of the candidate shopping target Om i, enter the 3D model shopping display interface, and display the candidate shopping target Om on the 3D model shopping display interface i Overall surface frame 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 the information of the product, including plane information, three-dimensional information, texture, color, lighting, global / local information, etc., to the local computer and parse and display it.

[0079] When the electronic device on the user side has sufficient resources and the network transmission path between the user side and the server is very smooth, the above processing method can certainly bring a better experience to the user.

[0080] However, in actual applications, the resource capabilities of electronic devices used by different users are different, and their hardware configurations, software configurations, etc. are also quite different. More importantly, the environment in which users are located is ever-changing, resulting in the constant change of the available data transmission channels (bandwidth, speed, etc.). In most cases, the available resources of the device and the external broadband resources are limited. If all information is displayed immediately once the user clicks on the product page, there will be obvious freezes and delays in the display of product information, affecting the user experience. Users may exit the current page after feeling the obvious freeze, resulting in user loss and low shopping conversion rate.

[0081] To this end, as a first improvement to the technical solution of the present invention, in response to the user's selection of the first candidate shopping target, a 3D model shopping display interface is entered, and an overall surface framework diagram of the first candidate shopping target is displayed on the 3D model shopping display interface.

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

[0083] by Figure 2 The user selects a candidate shopping target Om i For example, enter the 3D model shopping display interface, and display the candidate shopping target Om on the 3D model shopping display interface. i Overall surface frame diagram SK i ; 1≤i≤k;

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

[0085] To better describe the above embodiments, see Figure 3 . Figure 3 It is a schematic diagram of the overall surface framework of the candidate shopping target at different angles in the technical solution of the present invention.

[0086] exist Figure 3 In FIG. 1 , a schematic diagram of the overall surface framework of a certain product (ie, a shopping target) at three different angles is shown, that is, a 3D structural framework vector diagram at three different angles.

[0087] As you can see, Figure 3 The 3D structure frame vector diagram only contains the 3D structure frame composed of points, lines and surfaces. Of course, the actual display page can also include the corresponding color picture ( Figure 3 The image is in black and white, so different color combinations cannot be shown).

[0088] but, Figure 3 The 3D structure frame color matching diagram composed of points, lines and surfaces only needs to show a very small part of the product information. It focuses on the "overall framework" rather than the internal details or the local magnified details. Figure 3 The amount of data that needs to be loaded for the screen is very small, and it does not require high-configuration electronic devices or large-bandwidth data transmission channels. It will not cause delays and freezes in the visual display, and can adapt to most electronic device configurations and basic data transmission environments.

[0089] Of course, if it is just a 3D structural framework diagram consisting of points, lines, and surfaces in a geometric sense, once the user performs necessary interactive operations on it, such as zooming in, rotating, etc., this geometric structure diagram will have obvious burrs due to its pixel resolution display (for example, after the original image is enlarged ten times, burrs will appear on the edge of the shoe). At this time, it will also cause the user's visual experience to deteriorate.

[0090] For this purpose, the 3D structural framework diagram used in the present invention is a 3D structural framework vector diagram.

[0091] Vector graphics, also called object-oriented graphics or drawing graphics, are 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 properties 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. The file takes up less internal space because this type of image file contains independent separated images that can be freely and unlimitedly reassembled. Its characteristics are that the image will not be distorted after enlargement, and it has nothing to do with resolution. It is suitable for graphic design, text design, some logo design, layout design, etc.

[0093] It can be seen that although the vector diagram is different from the ordinary geometric structure Figure 1 Similarly, images are also based on points, lines and composed surfaces, but they are all calculated through mathematical formulas and have the characteristic of not being distorted after editing.

[0094] The geometric figures in the vector image can be infinitely enlarged without changing color or blurring. It is often used in the design of patterns, logos, VIs, texts, etc.

[0095] By using vector graphics to draw the 3D structural framework of the product, the file takes up less internal space and can be displayed on the output device at the highest resolution; because each vector object is an independent separate image, it loads quickly and does not cause data display delays.

[0096] Furthermore, the overall surface frame diagram SK i Including N vector structure points {Vp i1 ,Vp i2 ,…,Vp iN}; Each vector structure point Vp ij Corresponding to at least one data packet to be parsed, each data packet to be parsed corresponds to a different level of hardware resource configuration; 1≤j≤N;

[0097] The vector structure points are the point objects that constitute the above vector diagram.

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

[0099] For example, Figure 3 The overall surface frame diagram SK of the men's shoes i It may include at least 3 vector structure points, which are located at local positions such as the toe (toe cap, shoe top, assumed to be), the body (the middle of the outer side of the shoe), and the heel (the inner side of the tail).

[0100] When the user performs an interactive operation on one of the three local positions (such as a zoom-in operation after clicking on the first local position, a rotation operation after hitting the first local position, a drag operation on the first local position, etc.), it means that the user may expect to see more details of the local position, but it may also be just a random click operation by the user.

[0101] Since the current display is only the overall surface frame image of the men's shoe SK i , more local detail information has not been loaded. At this time, if a first interactive operation of a user on a first local position of the overall surface framework diagram of the first candidate shopping target is detected, it is necessary to start downloading a 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 Corresponding to at least one data packet to be parsed, each data packet to be parsed corresponds to a different level of hardware resource configuration; 1≤j≤N;

[0103] Taking the local position of the heel (inside of the shoe tail) as an example, the vector structure point of the local position can correspond to at least three configurations of data packets to be parsed, which are assumed to be divided into low-configuration data packets, medium-configuration data packets and high-configuration data packets, corresponding to low-configuration electronic devices, medium-configuration electronic devices and high-configuration electronic devices respectively.

[0104] It should be pointed out that the "low configuration, high configuration, medium configuration" and the like here refer to the currently available resources of the electronic device. The corresponding available resource threshold standards can be pre-set, such as "memory threshold range, broadband threshold range, storage space memory range", etc. When the user's first interactive operation on the first local position of the overall surface framework diagram of the first candidate shopping target is detected, the current available resource range of the 3D model shopping application of the electronic device is obtained in real time, and then the current configuration of the electronic device is determined, and then the corresponding local position corresponding to the configuration is determined to download the corresponding data packet to be parsed, so that the data download process is adapted to the user device and reduces freezes and delays.

[0105] If the user does not perform further interactive operations after the first interactive 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 the local position. That is, if the user's second interactive operation on the second local position of the overall surface framework diagram of the first candidate shopping target is not detected during the period from the start of downloading of the first data packet to the completion of downloading of the first data packet, the first data packet is parsed and the parsed result of the first data packet is displayed on the display interface of the electronic device.

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

[0107] At this time, the user Figure 3After the overall surface framework diagram is displayed, the clicked local position is the heel (inside of the tail), and at this time, the first data packet corresponding to the first local position of the heel (inside of the tail) is downloaded from the server, and is parsed and displayed. At this time, the first data packet of the first local position of the heel (inside of the tail) can show more detailed images of the heel (inside of the tail).

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

[0109] On the other hand, if a second interactive operation of the user on a second local position of the overall surface framework image of the first candidate shopping target is detected during the period from when the server starts downloading the first data packet to when the download of the first data packet is completed, then while continuing to download the first data packet, the second data packet corresponding to the second local position is downloaded from the server.

[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 ultimately needs to observe), the above method of the present invention only continues to download data and is not in a hurry to parse and display data.

[0111] If, during the period from when the server starts downloading the second data packet to when the downloading of the second data packet is completed, no third interactive operation of the user on the third local position of the overall surface framework diagram of the first candidate shopping target is detected, the second data packet is parsed and the parsed result of the second data packet is displayed on the display interface of the electronic device.

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

[0113] Based on the above introduction, it can be seen that since the overall surface framework diagram in the form of a vector diagram is used in the initial stage to only display the surface appearance vector data diagram of the first candidate shopping target, the data loading speed is faster and there will be no glitches when the user subsequently enlarges or rotates the structure diagram; if it is continuously detected that the user may need to observe multiple details (but it is not certain which local position the user ultimately needs to observe), the above method of the present invention only continues to download data and is not in a hurry to parse and display the data, thus saving repeated data parsing and display processes; and if the user's interactive operation has stopped, it means that the user has determined which position needs to be observed, therefore, only the data that has been downloaded for the corresponding local position is parsed and displayed, which makes the final displayed result more in line with the user's current expectations while reducing delays and freezes in data interactive display.

[0114] Combination Figure 1-Figure 4 The preferred embodiment of a method for displaying a 3D model shopping interface of the present invention is described as follows:

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

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

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

[0118] The overall surface framework 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 a different level of hardware resource configuration;

[0119] S3: if a first interactive operation of the user on a first local position of the overall surface framework image of the first candidate shopping target is detected, downloading a first data packet corresponding to the first local position from the server;

[0120] The user's first interactive operation on the first local position of the overall surface framework diagram of the first candidate shopping target includes a zooming operation 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, the step S3 starts downloading the first data packet corresponding to the first local location from the server, and specifically includes:

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

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

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

[0125] Start downloading the first data packet.

[0126] S4: if a second interactive operation of the user on a second local position of the overall surface framework image of the first candidate shopping target is not detected during the period from when the server starts downloading the first data packet to when the downloading of the first data packet is completed, parsing the first data packet and displaying the parsing result of the first data packet on the display interface of the electronic device;

[0127] If a second interactive operation of the user on a second local position of the overall surface framework image of the first candidate shopping target is detected during the period from when the server starts downloading the first data packet to when the download of the first data packet is completed, then while continuing to download the first data packet, the second data packet corresponding to the second local position is downloaded from the server.

[0128] If no third interactive operation of the user on the third 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 second data packet to when the download of the second data packet is completed, the second data packet is parsed and the parsed result of the second data packet is displayed on the display interface of the electronic device.

[0129] Part or all of the steps of the method for displaying a 3D model shopping interface in the aforementioned embodiment can be automatically implemented through various forms of electronic devices through computer program instructions; the computer program instructions can be stored in storage media of different forms and loaded into computer electronic devices for execution.

[0130] When computer electronic equipment is used and implemented based on computer program instructions, the following pseudo code language form of the computer program can be used, such as Figure 5 As shown ( Figure 5 Step numbers are omitted and some step descriptions are simplified):

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

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

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

[0134] S730: Determine whether the user has interest in the candidate shopping target Om i Overall surface frame diagram SK i Interaction operations at local locations;

[0135] If it exists, the local position is used as the current target position and the process goes to step S740;

[0136] If not, proceed to step S760;

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

[0138] S750: During the downloading of the target data packet, return to step S730;

[0139] 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, wherein the parsing result includes the candidate shopping target Om i A detailed view of the local 3D model at the current target position.

[0140] The step S750 further includes:

[0141] After the target data packet is downloaded, jump to step S760.

[0142] The steps of the method or algorithm described in conjunction with the embodiments disclosed herein may be implemented directly using hardware, a software module executed by a processor, or a combination of the two. The software module may be placed in a random access memory (RAM), a memory, a read-only memory (ROM), an electrically programmable ROM, an electrically erasable programmable ROM, a register, a hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.

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

[0144] Figure 6 The electronic device can be configured with the customization system described in the present invention, and the customization system is configured with a 3D model shopping application. The 3D model shopping application can be installed in the electronic device to display a 3D model shopping interface.

[0145] exist Figure 6 In the interactive interface shown, the visual interface is divided into two parts, the upper and lower parts. The upper part shows the overall surface framework of a candidate shopping target. The user can perform touch interaction on the overall surface framework through interactive operations (such as finger interaction operations on a touch screen), such as rotating, clicking, and zooming in.

[0146] When the user continuously clicks on multiple local locations (for example, continuously clicks on the toe, the body, and the heel), multiple interactive operations of the user on multiple local locations of the overall surface framework diagram of the first candidate shopping target are detected. At this time, the first data packet (toe), the second data packet (body), and the third data packet (heel) corresponding to the multiple local locations are continuously downloaded from the server, but are not parsed and displayed immediately.

[0147] When the user stops the interactive operation (for example, the user stops clicking on the heel), it means that the user wants to see more detailed information about the local position of the heel. At this time, since the third data packet corresponding to the heel position has been downloaded, the 3D model shopping application can parse the heel data packet to display more detailed information about the local position of the heel, such as Figure 6 shown in the lower half of .

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

[0149] Compared with the prior art in which all information is loaded / displayed in real time, loaded once per click, and information presentation methods that do not consider the current available resource configuration of the user's device, the technical solution of the present invention can reduce the freeze and delay phenomena in the interactive display of the 3D model shopping interface, adapt to the user's device and thus enhance the user's shopping experience.

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

[0151] exist Figure 7 In the present invention, a display system of a 3D model shopping interface is provided, wherein the display system displays the 3D model shopping interface through an APP, and the display system further comprises:

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

[0153] exist Figure 7 In this page, for example, when the page is opened, the initial display is a pair of, at this angle on the left;

[0154] Software architecture for 3D display functions

[0155] 1. Each shoe must first be built in other software based on the actual shoes produced, including the sole, upper components, shoelaces, lining, insole, etc. Each accessory is an independent 3D model.

[0156] 2. In the APP software, based on the 3D model of the whole pair of shoes, other accessories are switched on the 3D model of the whole shoe when the user clicks on the color of the accessories.

[0157] A touch interaction clicking component, wherein the touch interaction clicking component includes a first alternating switching component and a second selecting component;

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

[0159] by Figure 7 For example, click on the picture directly, and the color of a pair of shoes will be displayed. The icons of single foot and double feet in the 3D display box are not displayed.

[0160] When the first alternating switching component is clicked, the pairing effects of at least two different states of the candidate shopping target are alternately displayed on the shopping interface, namely, the color matching and shape effect of the left foot and the color matching and shape effect diagram of the right foot;

[0161] The second selectable component includes display subcomponents in a nine-square grid format, each of the display subcomponents corresponding to a recommended color matching mode or a customized color matching mode;

[0162] This page is divided into two parts. The top part is a 3D display window. The bottom part displays the matching components of the shoes in the form of a nine-square grid. When the user clicks on the corresponding matching component, the nine-square grid will turn into multiple shoes under this category.

[0163] When the user clicks on the shoes he wants to see, the 3D display window above will show the basic color scheme of the shoes.

[0164] When one of the display subcomponents is clicked, the display effect of the corresponding color matching mode of the candidate shopping target corresponding to the subcomponent is displayed on the shopping interface.

[0165] When you click on the custom color matching mode, after clicking on the accessories, the accessories will be directly matched to the 3D model above, and the model will automatically rotate to the best display angle of the accessories;

[0166] Other interactive click operation modes include:

[0167] Click Customize Color to display the pictures of the accessories on the left. The icons of single foot and double foot in the 3D display box will be displayed;

[0168] When you click on the left foot, the icon changes color. When you click on the accessory below, the left shoe of the 3D model above will directly switch color.

[0169] When you click on the right foot, the icon changes color. When you click on the accessories below, the right shoe of the 3D model above will directly switch color.

[0170] When you click on the feet, the icon changes color. When you click on the accessories below, the color of the entire shoe in the 3D model above will switch synchronously.

[0171] It is implemented using the APP. The APP mobile software is a special shopping platform software for shoes and clothing. Its main function is to display the products in 3D stereoscopic form on the APP, and it can display them 360 degrees without blind spots.

[0172] After entering the purchase page of a specific style, click the recommended color in the middle menu bar, and the button will change color. The nine-square grid below shows the basic color combinations recommended by the merchant. Click the color you want to see, and the 3D display above will show the details of the shoe; you can touch the screen of the 3D display frame to rotate 360 ​​degrees to see the details, and you can also use your fingers to zoom in and out on the 3D display area.

[0173] After entering the purchase page of a specific style, click Customize Color in the middle menu bar, and the button will change color. The following nine-square grid displays the various colors of the optional accessories of the shoe. At this time, there is an icon of a left foot in the upper left corner of the 3D display box, 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 colors for a single shoe.

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

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

[0176] In the 3D ordering mode, you can also select the color and material of different positions for the left and right shoes. After confirming the 3D display, you can place an order and enter the normal shopping process ( Figure 7 Add to Cart Button component in .

[0177] After entering the purchase page of a specific style, click on the code and last button in the middle menu bar, and the color will change. In addition to providing users with insole accessories, this APP platform also provides insoles for different arches; users can choose different sizes for left and right feet, different color matching modes, etc.; they can even choose different widths for the left and right feet.

[0178] Corresponding to the aforementioned method embodiment, in order to reduce the jamming and delay phenomenon in the interactive display of the 3D model shopping interface, adapt the user device and thus improve the user shopping experience, in the above system, the display system also includes a candidate shopping target interactive operation detection component;

[0179] The candidate shopping target interactive operation detection component is used to detect the user's interactive operation on a local position of the overall surface framework diagram of the candidate shopping target;

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

[0181] If no second interactive operation of the user on the second local position of the overall surface framework diagram of the first candidate shopping target is detected during the period from the time when the server starts downloading the first data packet to the time when the download of the first data packet is completed, the first data packet is parsed and the parsed result of the first data packet is displayed on the display interface of the APP.

[0182] A plurality of embodiments are given above, 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 pointed out 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 solves multiple or all technical problems.

[0183] It is understandable that the relevant principles and advantages of the system embodiment are the same as the relevant principles and advantages of the method embodiment described in detail above, so they are not repeated here.

[0184] For other technologies, principles, algorithms or models not elaborated in detail in this application, please refer to the prior art.

[0185] The foregoing has shown and described the method embodiments and system of the present invention, but it is understandable to those skilled in the art that various changes, modifications, substitutions and variations may be made to these embodiments without departing from the principles and spirit of the present invention, and 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 displays the 3D model shopping interface through an APP, characterized in that: The display system further comprises: A 3D display component, wherein the 3D display component is used to display a 3D stereoscopic rotatable structure image of a candidate shopping target; A touch interaction clicking component, wherein the touch interaction clicking component includes a first alternating switching component and a second selecting component; When the first alternating switching component is clicked, the pairing effects of at least two different states of the candidate shopping target are alternately displayed on the shopping interface; The second selectable component includes display subcomponents in a nine-square grid format, each of the display subcomponents corresponding to a recommended color matching mode or a customized color matching mode; When one of the display subcomponents is clicked, the display effect of the corresponding color matching mode of the candidate shopping target corresponding to the subcomponent is displayed on the shopping interface; The display system also includes a candidate shopping target interactive operation detection component; The candidate shopping target interactive operation detection component is used to detect the user's interactive operation on a local position of the overall surface framework diagram of the candidate shopping target; If a first interactive operation of a user on a first local position of the overall surface framework diagram of a first candidate shopping target is detected, the APP starts downloading a first data packet corresponding to the first local position from a server; If no second interactive operation of the user on the second local position of the overall surface framework diagram of the first candidate shopping target is detected during the period from the time when the server starts downloading the first data packet to the time when the download of the first data packet is completed, the first data packet is parsed and the parsed result of the first data packet is displayed on the display interface of the APP.

2. A method for displaying a 3D model shopping interface, the method being applied to an electronic device, characterized in that: The method comprises: S100: In response to a shopping search keyword input by a user, displaying at least one candidate shopping target on a display interface of the electronic device; S200: In response to a user selecting a first candidate shopping target, entering a 3D model shopping display interface, and displaying an overall surface framework diagram of the first candidate shopping target on the 3D model shopping display interface; S300: if a first interactive operation of a user on a first local position of the overall surface framework image of the first candidate shopping target is detected, downloading a first data packet corresponding to the first local position from a server; S400: If a second interactive operation of the user on a second local position of the overall surface framework diagram of the first candidate shopping target is not detected during the period from when the server starts downloading the first data packet to when the downloading of the first data packet is completed, the first data packet is parsed and the parsed result of the first data packet is displayed on the display interface of the electronic device.

3. A method for displaying a 3D model shopping interface as claimed in claim 2, characterized in that: The overall surface framework diagram is a 3D structural framework vector diagram of the first candidate shopping target, and the 3D structural framework vector diagram only displays the surface appearance vector data diagram of the first candidate shopping target.

4. A method for displaying a 3D model shopping interface as claimed in claim 3, characterized in that: The 3D structural framework vector diagram includes a plurality of vector structural points; each vector structural point corresponds to at least one data packet to be parsed; The step S300 starts downloading the first data packet corresponding to the first local location from the server, specifically including: Determine a target vector structure point based on the first local position; Determine from the server the data packet to be parsed corresponding to the target vector structure point; Determining the first data packet from the data packets to be parsed based on the current resource configuration of the electronic device; Start downloading the first data packet.

5. The method for displaying a 3D model shopping interface according to claim 2, wherein: The step S400 also includes: if a second interactive operation of the user on a 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 download of the first data packet is completed, then while continuing to download the first data packet, starting to download a second data packet corresponding to the second local position from the server.

6. A method for displaying a 3D model shopping interface as claimed in claim 5, characterized in that: The step S400 further includes: If no third interactive operation of the user on the third 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 second data packet to when the download of the second data packet is completed, the second data packet is parsed and the parsed result of the second data packet is displayed on the display interface of the electronic device.

7. A method for displaying a 3D model shopping interface, the method being applied to an electronic device, characterized in that: The method comprises the following steps: S710: In response to a shopping search keyword input by a user, display K candidate shopping targets {Om1, Om2, ..., Om k }, k>1; S720: Responding to the user's selection of the candidate shopping target Om i , enter the 3D model shopping display interface, and display the candidate shopping target Om on the 3D model shopping display interface i Overall surface frame diagram SK i ; 1≤i≤k; The overall surface frame diagram SK i Including N vector structure points {Vp i1 ,Vp i2 ,…,Vp iN }; Each vector structure point Vp ij Corresponding to at least one data packet to be parsed, each data packet to be parsed corresponds to a different level of hardware resource configuration; 1≤j≤N; S730: Determine whether the user has interest in the candidate shopping target Om i Overall surface frame diagram SK i Interaction operations at local locations; If it exists, the local position is used as the current target position and the process goes to step S740; If not, proceed to step S760; S740: Start downloading the target data packet corresponding to the current target location from the server; S750: During the downloading of the target data packet, return to step S730; 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, wherein the parsing result includes the candidate shopping target Om i A detailed view of the local 3D model at the current target position.

8. The method for displaying a 3D model shopping interface according to claim 7, characterized in that: The step S750 further includes: After the target data packet is downloaded, jump to step S760.

9. A customization system for a 3D model shopping interface, wherein the customization system is configured with a 3D model shopping application, and the 3D model shopping application can be installed in an electronic device to display a 3D model shopping interface, thereby implementing a display method for a 3D model shopping interface as described in any one of claims 1-8.

10. An electronic device, characterized in that: include: A processor and a memory for storing a computer program that can be run on the processor, wherein the processor, when running the computer program, executes the steps of a method for displaying a 3D model shopping interface as described in any one of claims 1 to 8.

Images