LU502859B1 - Three-dimensional display method based on web-side quadrilateral connection technology - Google Patents
Three-dimensional display method based on web-side quadrilateral connection technology Download PDFInfo
- Publication number
- LU502859B1 LU502859B1 LU502859A LU502859A LU502859B1 LU 502859 B1 LU502859 B1 LU 502859B1 LU 502859 A LU502859 A LU 502859A LU 502859 A LU502859 A LU 502859A LU 502859 B1 LU502859 B1 LU 502859B1
- Authority
- LU
- Luxembourg
- Prior art keywords
- web
- quadrilateral
- models
- map
- method based
- Prior art date
Links
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/131—Protocols for games, networked simulations or virtual reality
Landscapes
- Engineering & Computer Science (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Processing Or Creating Images (AREA)
Abstract
Disclosed is a three-dimensional display method based on a WEB-side quadrilateral connection technology, comprising: A: creating 3D models of a product by using 3D modeling software; B: unfolding UVs in the way of flattening the UVs, and self-drawing grid textures in three-dimensional software; C: importing the models and material files into development software of a threeJS language, realizing normal repeated display of textures outside UV frames by using self-made compiler codes, and then uploading a quadrilateral continuous map that has been produced and UV information of the models; D: using the development software of the threeJS language to conduct design by means of model lamplight, map material resource files, scene resource related information and material resource related information; E: testing whether the quadrilateral continuous map can be expressed normally or not through a WEB-side window; and F: confirming that no problem exists in the visualization of the WEB side.
Description
- N . LU5028
DESCRIPTION 59
THREE-DIMENSIONAL DISPLAY METHOD BASED ON WEB-SIDE QUADRILATERAL
CONNECTION TECHNOLOGY
The present invention relates to the three-dimensional technical field of WEB-side computers, and in particular to a three-dimensional display method based on a WEB-side quadrilateral connection technology.
Quadrilateral continuity occurs in decorative painting, with separate patterns, dyadic continuity, quadrilateral continuity and suited patterns. Generally, the quadrilateral continuity is formed by arranging four identical patterns according to certain rules. The patterns can be symmetrically arranged about the center line, symmetrically arranged about the horizontal line, arranged about the center point, etc. At present, the quadrilateral continuous technology on the market cannot realize the matching with real clothing in terms of grid or stripe textures.
The purpose of the present invention is to provide a three-dimensional display method based on a
WEB-side quadrilateral connection technology, so as to solve the problems raised in the above-mentioned background art.
To achieve the above-mentioned objective, the present invention provides the following technical solution: disclosed is a three-dimensional display method based on a WEB-side quadrilateral connection technology, including the following steps of:
A: creating 3D models of a product by using 3D modeling software;
B: unfolding UVs in the way of flattening the UVs, self-drawing grid textures in three-dimensional software, and adjusting the placement positions of the UVs in a map, so that strips and seams in the grid textures are matched, thereby ensuring the consistency of UV size;
C: importing the models and material files into development software of a threeJS language, realizing normal repeated display of textures outside UV frames by using self-made compiler codes, and then uploading a quadrilateral continuous map that has been produced and UV information of the models into an Internet server for storage;
D: using the development software of the threeJS language to conduct a user interaction section design and a script code design by means of model lamplight, map material resource files, scene resource related information and material resource related information;
E: testing whether the quadrilateral continuous map can be expressed normally or not through a
WEB-side window, and if it is found that the quadrilateral continuous map cannot be expressed normally, returning to step C to check; and
F: after it is confirmed that no problem exists in the virtualization of the WEB side, uploading all the files to the server, and enabling the access to the quadrilateral continuous map models through an external network.
Preferably, the connection rule of the self-made complier codes in the step C is to connect up and down, connect left and right, and wirelessly and repeatedly extend to the surrounding.
Preferably, in the step D, a plurality of UI interfaces and thumbnail images are designed in the design solution according to parts of different orientations, and reasonable interactions are designed by simulating user behaviors, and are complied, by means of threeJS codes, into pages that are viewable on the basis of the WEB side, so that the quadrilateral continuous map is visualized.
Compared with the prior art, the present invention has the following beneficial effects that: 1. The realism of the cloth is restored by means of a quadrilateral continuous map, and YV information enables it to be displayed on the models. 2. The model and UI performance are optimized by rationally laying out the entire interface. 3. Repetitive textures are reflected in a short time with few resources, and clothing stripe-matching and seam-matching are truly restored.
To illustrate the technical solutions in the embodiments of the present invention more clearly, the accompanying drawings to be used in the description of the embodiments will be briefly described
. . . . LU502859 below. Obviously, the accompanying drawings described below merely show some of the embodiments of the present invention. For those of ordinary skill in the art, other drawings can also be obtained from these drawings without any creative effort.
FIG. 1 is a flowchart of the steps of the present invention.
Description of the present invention
The technical solutions in the embodiments of the present invention will be described below clearly and completely with reference to the accompanying drawings in the embodiments of the present invention. Obviously, the described embodiments are merely some but not all of the embodiments of the present invention. Based on the embodiments of the present invention, all other embodiments obtained by those of ordinary skill in the art without creative efforts shall fall within the protection scope of the present invention.
Referring to FIG. 1, the present invention provides a technical solution that: disclosed 1s a three-dimensional display method based on a WEB-side quadrilateral connection technology, including the following steps of:
A: creating 3D models of a product by using 3D modeling software;
B: unfolding UVs in the way of flattening the UVs, self-drawing grid textures in three-dimensional software, and adjusting the placement positions of the UVs in a map, so that strips and seams in the grid textures are matched, thereby ensuring the consistency of UV size;
C: importing the models and material files into development software of a threeJS language, realizing normal repeated display of textures outside UV frames by using self-made compiler codes, and then uploading a quadrilateral continuous map that has been produced and UV information of the models into an Internet server for storage;
D: using the development software of the threeJS language to conduct a user interaction section design and a script code design by means of model lamplight, map material resource files, scene resource related information and material resource related information;
E: testing whether the quadrilateral continuous map can be expressed normally or not through a
WEB-side window, and if it is found that the quadrilateral continuous map cannot be expressed normally, returning to step C to check; and
F: after it is confirmed that no problem exists in the virtualization of the WEB side, uploading afl hao files to the server, and enabling the access to the quadrilateral continuous map models through an external network.
Preferably, the connection rule of the self-made complier codes in the step C is to connect up and down, connect left and right, and wirelessly and repeatedly extend to the surrounding.
Advantageously, the realism of the cloth is restored by means of a quadrilateral continuous map, and
YV information enables it to be displayed on the models.
Preferably, in the step D, a plurality of UI interfaces and thumbnail images are designed in the design solution according to parts of different orientations, and reasonable interactions are designed by simulating user behaviors, and are complied, by means of threeJS codes, into pages that are viewable on the basis of the WEB side, so that the quadrilateral continuous map is visualized. Advantageously, the model and UI performance are optimized by rationally laying out the entire interface.
In the description of this specification, description with reference to the terms “one embodiment”, “examples”, “specific examples” and the like mean that a specific feature, structure, material or characteristic described in conjunction with the embodiment or example is included in at least one embodiment or example of the present invention. In this specification, schematic representations of the above-mentioned terms do not necessarily refer to the same embodiment or example.
Furthermore, the described specific features, structures, materials or characteristics may be combined in any suitable manner in any one or more embodiments or examples.
The above-disclosed preferred embodiments of the present invention are provided only to help illustrate the present invention. The preferred embodiments neither exhaustively describe all details, nor do they limit the present invention to the specific embodiments. Obviously, many modifications and variations are possible in light of the content of this specification. The present specification selects and specifically describes these embodiments in order to better explain the principles and practical applications of the present invention, so that those skilled in the art can well understand and utilize the present invention. The present invention is to be limited only by the claims and their full scope and equivalents.
Claims (3)
1. A three-dimensional display method based on a WEB-side quadrilateral connection technology, comprising the following steps of: A: creating 3D models of a product by using 3D modeling software; B: unfolding UVs in the way of flattening the UVs, self-drawing grid textures in three-dimensional software, and adjusting the placement positions of the UVs in a map, so that strips and seams in the grid textures are matched, thereby ensuring the consistency of UV size; C: importing the models and material files into development software of a threeJS language, realizing normal repeated display of textures outside UV frames by using self-made compiler codes, and then uploading a quadrilateral continuous map that has been produced and UV information of the models into an Internet server for storage; D: using the development software of the threeJS language to conduct a user interaction section design and a script code design by means of model lamplight, map material resource files, scene resource related information and material resource related information; E: testing whether the quadrilateral continuous map can be expressed normally or not through a WEB-side window, and if it is found that the quadrilateral continuous map cannot be expressed normally, returning to step C to check; and F: after it is confirmed that no problem exists in the virtualization of the WEB side, uploading all the files to the server, and enabling the access to the quadrilateral continuous map models through an external network.
2. The three-dimensional display method based on a WEB-side quadrilateral connection technology according to claim 1, wherein the connection rule of the self-made complier codes in the step C is to connect up and down, connect left and right, and wirelessly and repeatedly extend to the surrounding.
3. The three-dimensional display method based on a WEB-side quadrilateral connection technology according to claim 1, wherein, in the step D, a plurality of Ul interfaces and thumbnail images are designed in the design solution according to parts of different orientations, and reasonable interactions are designed by simulating user behaviors, and are complied, by means of threeJS codes,
. . . . . . LUR02859 into pages that are viewable on the basis of the WEB side, so that the quadrilateral continuous map 1s visualized.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| LU502859A LU502859B1 (en) | 2022-09-29 | 2022-09-29 | Three-dimensional display method based on web-side quadrilateral connection technology |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| LU502859A LU502859B1 (en) | 2022-09-29 | 2022-09-29 | Three-dimensional display method based on web-side quadrilateral connection technology |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| LU502859B1 true LU502859B1 (en) | 2023-03-29 |
Family
ID=85725026
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| LU502859A LU502859B1 (en) | 2022-09-29 | 2022-09-29 | Three-dimensional display method based on web-side quadrilateral connection technology |
Country Status (1)
| Country | Link |
|---|---|
| LU (1) | LU502859B1 (en) |
-
2022
- 2022-09-29 LU LU502859A patent/LU502859B1/en active IP Right Grant
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Parisi | Programming 3D Applications with HTML5 and WebGL: 3D Animation and Visualization for Web Pages | |
| TWI603286B (en) | Method for displaying a 3d scene graph on a sreen | |
| CN107832108A (en) | Rendering intent, device and the electronic equipment of 3D canvas web page elements | |
| Bijl et al. | Advanced 3D visualization for simulation using game technology | |
| WO2023159595A1 (en) | Method and device for constructing and configuring three-dimensional space scene model, and computer program product | |
| Sinenko et al. | Automation of visualization process for organizational and technological design solutions | |
| Ghayour et al. | Real-time 3D graphics with WebGL 2: build interactive 3D applications with JavaScript and WebGL 2 (OpenGL ES 3.0) | |
| Lee et al. | Immersive authoring of Tangible Augmented Reality content: A user study | |
| Souza et al. | Fast simulation of cloth tearing | |
| LU502859B1 (en) | Three-dimensional display method based on web-side quadrilateral connection technology | |
| CN113096255A (en) | WebGL-based three-dimensional view synchronous fusion non-invasive integration technical method | |
| Rodrigues et al. | A case study of 3D technologies in higher education: Scanning the metalwork collection of museums sheffield and its implications to teaching and learning | |
| Huang et al. | Developing a BIM-based visualization and interactive system for healthcare design | |
| CN115018975A (en) | Data set generation method and device, electronic equipment and storage medium | |
| Zaman et al. | Integration of BIM data and real-time game engine applications: Case studies in construction safety management. | |
| Nagashree et al. | Markerless Augmented Reality Application for Interior Designing | |
| CN114461959A (en) | WEB side online display method and device of BIM data and electronic equipment | |
| CN111475249B (en) | Three-dimensional display method based on WEB terminal tetragonal connection technology | |
| CN112330772A (en) | Radar map generation method, device, equipment and storage medium | |
| Klinkmüller et al. | Visualising business capabilities in the context of business analysis | |
| Astawa et al. | Augmented Reality Mobile Application Base On Marker Object | |
| Johansson et al. | From BIM to VR | |
| FLOREA et al. | Using a Web-Based Framework to Build and Experiment with Virtual Reality Worlds. | |
| Hering et al. | 3DCIS: A real-time browser-rendered 3d campus information system based on webgl | |
| ZEHNER | Landscape visualization in high resolution stereoscopic visualization environments |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| FG | Patent granted |
Effective date: 20230329 |