CN101923564A - Method for improving performance of webpage of representing three-dimensional object based on image cache - Google Patents
Method for improving performance of webpage of representing three-dimensional object based on image cache Download PDFInfo
- Publication number
- CN101923564A CN101923564A CN 201010197326 CN201010197326A CN101923564A CN 101923564 A CN101923564 A CN 101923564A CN 201010197326 CN201010197326 CN 201010197326 CN 201010197326 A CN201010197326 A CN 201010197326A CN 101923564 A CN101923564 A CN 101923564A
- Authority
- CN
- China
- Prior art keywords
- picture
- webpage
- dimensional
- representing
- dimensional object
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a method for improving the performance of a webpage of representing a three-dimensional object based on image cache. In the early stage, display information of the three-dimensional object at various angles is acquired, images acquired are subjected to data analysis and processing and then stored in a server in an image form; in the process of representing the three-dimensional object at various angles, a webpage front end initiates a representation request for the server, the server returns image information at corresponding angles, and the webpage front end represents the three-dimensional effect by utilizing various algorithms and saves the image information in a cache of a client; therefore, when a user accesses the webpage next time, the image information can be quickly extracted from the cache of the client and the three-dimensional effect is efficiently represented to the user.
Description
Technical field:
The present invention relates to computer networking technology, webpage front end flash technology is relevant.Particularly relate to comprehensive the present technology of browser to three-dimensional body.
Background technology:
Along with Internet development, the internet is constantly changing people's life style, the mode of thinking, working method.The internet also will change the management mode of enterprise in the near future.The continuation of hybrid network/multipad development trend at present, we will expect to see that the continuation of RIA (enriching internet application) on use and function is perfect.The Flash technology that Adobe provides is one of leader of rich internet application program.The benefit that Flash brings on web construction is obvious unusually: comprehensively control, seamless guiding redirect, abundanter media content, more show consideration for user's the support of smooth mutual, cross-platform and thin-client and integrated etc. with other Flash application scheme seamless links.
Universal each application that relates to of Flash technology has emerged various Flash 3D engines for adapting to the demand that presents the 3D scene on the webpage.Yet when using the abundant API of these third party libraries, also brought the problem on all performances, up to the present Flash player version does not also support complete 3D, presents the 3D object and needs the bigger CPU calculated amount of browser end, often takies more broadband, family and be written into.
Present stage, the extraordinary method of neither one solves the above-mentioned problem of mentioning, if just simple making three-dimensional model replaces, that can strengthen load to browser end.Perhaps have only high performance client just can ignore these problems, yet as the level that reaches a widespread use, under the prerequisite of huge customer volume, can't present the experience that the user is satisfied at the interface that includes three-dimensional scenic character efficiently, be harmful and none profit to enterprise's influence power and the propaganda expansion of power and product promotion.
In this type of The Application of Technology, the process investigation finds that domestic consumer becomes because of the field for the requirement that represents of three-dimensional body, and such as in the Entertainment field, the user is very high for representing with mutual requirement of three-dimensional body; And show the field in effect, such as indoor design, the user focuses on experience effect and shows, there is no high request for the interactive operations such as real-time rotation of three-dimensional body.Therefore, show the field for effect, web browser should look for another way, rather than simply model be imported when representing three-dimensional body.
Summary of the invention:
Fundamental purpose of the present invention is exactly in order to address the above problem, and a kind of method that promotes performance of webpage of representing three-dimensional object based on image cache is provided.This method can be presented on three-dimensional body in the browser when user capture efficiently, and takies few cpu resource, and the room and time cost all is placed on service end.
A further object of the present invention is by a three-dimensional body being carried out 360 several picture collections of degree of limited perspective, with the picture-storage of these magnanimity in service end, browser end needs according to the user in real time, the pictorial information cooperation at corresponding visual angle is presented the 3D experience that mechanism satisfies the user accordingly, simultaneously it is buffered in client, so that present performance when guaranteeing this information of repeated accesses.
The object of the present invention is achieved like this: by the tri-dimensional picture information acquisition, tri-dimensional picture information presents mechanism, promote the performance of three-dimensional body comprehensive displaying in web browser, it is characterized in that: this method is gathered the display message of three-dimensional body all angles early stage, the picture that collects is carried out data analysis and processing, form with picture is stored in the server, webpage front end three-dimensional body presents in the process in all angles, initiate to present request to server, server returns the pictorial information of corresponding angle, the webpage front end presents 3-D effect then, and these pictorial informations are kept in the client-cache, can when visiting, from client-cache, take out rapidly next time, efficiently 3-D effect is presented to the user.
Comprehensive displaying can be the displaying to all angles under the visual angle of three-dimensional body; It can be displaying to all angles under all visual angles of three-dimensional body.
Described method comprises following steps:
A. selected three-dimensional body
B. use picture to obtain instrument carries out each angle to three-dimensional body picture collection
C. the picture to each angle carries out data analysis and processing
D. picture and pictorial information are stored
When e. the webpage front end presents three-dimensional body, obtain corresponding picture by tri-dimensional picture information securing mechanism
F. pictorial information reaches after the browser, is placed on corresponding position reaching 3-D effect according to presenting mechanism, and pictorial information is carried out buffer memory
When g. presenting the three-dimensional body under a certain angle once more, check whether this angle information picture is buffered, if, then directly get local cache and present, if not, turn back to the e step
Described three-dimensional body can be the real-world object in the reality; It can be the three-dimensional body of computer virtual.
Described picture obtains instrument, can be hardware such as video camera, camera; Can be by the computer software modeling tool to the real-world object modeling, or, generate the multi-angle picture then to the dummy object modeling.
The picture of each angle can be 360 pictures in the 360 degree scopes under the visual angle; Can be several pictures in all angular ranges under the visual angle; Also can be several pictures in all angular ranges under all visual angles.
Tri-dimensional picture information securing mechanism can be the HTTP request that web browser is initiated; It can be the SOCKET request that web browser is initiated; It also can be the URL request that web browser is initiated.
According to presenting mechanism pictorial information being placed on corresponding position to reach 3-D effect, can be directly to utilize deep sort algorithm that this picture and other picture group are lumped together demonstration; Can be to redraw all pictorial informations on a pictures, one whole demonstration then.
Pictorial information is carried out buffer memory, can be that web browser itself carries out buffer memory to picture; It can be the caching mechanism of default; It also can be the caching mechanism that client-side program is set.
Pictorial information can be the picture file of forms such as gif, png, jpeg, bmp; Also can be binary file, generate the picture format file by the client-side program decoding.
Description of drawings:
Fig. 1 is that the present invention is to presenting the method flow diagram of three-dimensional body
Fig. 2 is that the present invention is to presenting the system flowchart of three-dimensional body
Embodiment:
The present invention is applied in online household decoration design website:
For a user who has just bought new house, if can in a virtual 3D domestic environment, select own house type of being purchased house, the decoration material that utilizes environment to provide, preview before indiscriminately ad. as one wishes autonomous Design is used as under battle conditions is a good selection.Obviously, in the three-dimensional domestic environment that this website presented, the phenomenon that a plurality of three-dimensional bodies of ubiquity present simultaneously, if according to the technology of being used to have, directly take to import the three-dimensional model that other instruments of prior usefulness design, its performance will be along with the increasing and the complexity of picture and reducing greatly of object quantity, can't guarantee the user can be normally, stablize, experience efficiently the content in the website.So we can be by method proposed by the invention, by prior collection and be stored in the server picture of various angles under the various visual angles, with corresponding angle present 3-D effect in relevant presenting after mechanism is handled according to user's request, and cooperate caching mechanism can solve the problem on the performance in the whole browsing process well.
Referring to Fig. 1 and Fig. 2, Fig. 2 has showed that the present invention presents the system chart of three-dimensional body at browser end.This system presents machine-processed two large divisions by tri-dimensional picture information acquisition, three-dimensional body and forms.The tri-dimensional picture information acquisition comprises selected three-dimensional body drawn materials through art designing's software of specialty analyzes and is processed into tri-dimensional picture information under the various visual angles, then be stored in the corresponding server, except they memory location and foreground present mechanism relevant, also comprise in every width of cloth picture and present needed data in the mechanism, in order to determine the coordinate of the position that it is presented in the 3D scene.And whole three-dimensional body presents mechanism mainly is the flash technology of utilizing the foreground, add that the design of third-party 3D engine storehouse presents the 3D environment as a setting, and the three-dimensional body under the various angles that need in the scene to present in real time, then after from server, obtaining corresponding picture, determine putting position by presenting the related data that related algorithm designed in the mechanism obtains on the picture, reach the purpose of 3D visually, pictorial information is kept in the buffer memory of browser, can be when visiting the object of same angle once more fast corresponding pictorial information.
For the application on the online household of the present invention decoration design website, according to the general user in the handoff procedure of the fixed viewpoint of several customs, in the scene all information preceding from switching,, in switching, arrive the displaying after switching again, all pictorial informations disappear from showing, obtain, calculate, in the process of Zhan Shiing, owing to the existence of caching mechanism, and core of the present invention is that pictorial information is the basis again, what this flow process can bring the user is level and smooth, and the 3D visual angle conversion of no time interval sense is experienced.
The server that uses in this system can be the server of various brands and configuration, for example can adopt the server of brands such as Dell, Compaq, IBM, association, Founder.Operating system on the respective server also can be multiple choices, as Windows, Linux, Solaris etc.
Use the present invention, concerning the user of an online household decoration design, can satisfy it and in the process of design, run into the effective realization of various complex situations when showing, improve its work efficiency.
Claims (10)
1. method that promotes performance of webpage of representing three-dimensional object based on image cache, this method is by the tri-dimensional picture information acquisition, tri-dimensional picture information presents mechanism, promote the performance of three-dimensional body comprehensive displaying in web browser, it is characterized in that: this method is gathered the display message of three-dimensional body all angles early stage, the picture that collects is carried out data analysis and processing, form with picture is stored in the server, webpage front end three-dimensional body presents in the process in all angles, initiate to present request to server, server returns the pictorial information of corresponding angle, the webpage front end presents 3-D effect then, and these pictorial informations are kept in the client-cache, can be when visiting next time, from client-cache, take out rapidly, efficiently 3-D effect is presented to the user.
2. the method based on image cache lifting performance of webpage of representing three-dimensional object according to claim 1, it is characterized in that: comprehensive displaying can be the displaying to all angles under the visual angle of three-dimensional body; It can be displaying to all angles under all visual angles of three-dimensional body.
3. the method based on image cache lifting performance of webpage of representing three-dimensional object according to claim 1, it is characterized in that: described method comprises following steps:
A. selected three-dimensional body
B. use picture to obtain instrument carries out each angle to three-dimensional body picture collection
C. the picture to each angle carries out data analysis and processing
D. picture and pictorial information are stored
When e. the webpage front end presents three-dimensional body, obtain corresponding picture by tri-dimensional picture information securing mechanism
F. pictorial information reaches after the browser, is placed on corresponding position reaching 3-D effect according to presenting mechanism, and pictorial information is carried out buffer memory
When g. web browser presents three-dimensional body under a certain angle once more, check whether this angle information picture is buffered, if, then directly get local cache and present, if not, turn back to the e step
4. the method based on image cache lifting performance of webpage of representing three-dimensional object according to claim 3, it is characterized in that: described three-dimensional body can be the real-world object in the reality; It can be the three-dimensional body of computer virtual.
5. the method based on image cache lifting performance of webpage of representing three-dimensional object according to claim 3, it is characterized in that: described picture obtains instrument, can be hardware devices such as video camera, camera; Can be by the computer software modeling tool to the real-world object modeling, or, generate a collection of multi-angle picture then to the dummy object modeling.
6. the method based on image cache lifting performance of webpage of representing three-dimensional object according to claim 3 is characterized in that: the picture of each angle can be 360 pictures in the 360 degree scopes under the visual angle; Can be several pictures in all angular ranges under the visual angle; Also can be several pictures in all angular ranges under all visual angles.
7. the method based on image cache lifting performance of webpage of representing three-dimensional object according to claim 3 is characterized in that: tri-dimensional picture information securing mechanism can be the HTTP request that web browser is initiated; It can be the SOCKET request that web browser is initiated; It also can be the URL request that web browser is initiated.
8. the method that promotes performance of webpage of representing three-dimensional object based on image cache according to claim 3, it is characterized in that: according to presenting mechanism pictorial information being placed on corresponding position to reach 3-D effect, can be directly to utilize deep sort algorithm that this picture and other picture group are lumped together demonstration; Can be to redraw all pictorial informations on a pictures, one whole demonstration then.
9. the method based on image cache lifting performance of webpage of representing three-dimensional object according to claim 3, it is characterized in that: pictorial information is carried out buffer memory, can be that web browser itself carries out buffer memory to picture; It can be the caching mechanism of default; It also can be the caching mechanism that client-side program is set.
10. the method based on image cache lifting performance of webpage of representing three-dimensional object according to claim 9, it is characterized in that: pictorial information can be the picture file of forms such as gif, png, jpeg, bmp; Also can be binary file, generate the picture format file by the client-side program decoding.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN 201010197326 CN101923564A (en) | 2010-06-08 | 2010-06-08 | Method for improving performance of webpage of representing three-dimensional object based on image cache |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN 201010197326 CN101923564A (en) | 2010-06-08 | 2010-06-08 | Method for improving performance of webpage of representing three-dimensional object based on image cache |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN101923564A true CN101923564A (en) | 2010-12-22 |
Family
ID=43338498
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN 201010197326 Pending CN101923564A (en) | 2010-06-08 | 2010-06-08 | Method for improving performance of webpage of representing three-dimensional object based on image cache |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN101923564A (en) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102693227A (en) * | 2011-03-22 | 2012-09-26 | 炬力集成电路设计有限公司 | Method and system for outputting swf file data, and Flash player |
| CN102930001A (en) * | 2012-10-26 | 2013-02-13 | 北京法兰奇科技有限责任公司 | Object image stereo high-definition enlarging display method for Internet web webpage |
| CN105373375A (en) * | 2014-08-30 | 2016-03-02 | 上海爱护网贸易有限公司 | Asynchronous loading based WEB 3D display method and system |
| CN105373374A (en) * | 2014-08-30 | 2016-03-02 | 上海爱护网贸易有限公司 | Method and system for displaying 3D place in WEB |
| CN108965389A (en) * | 2018-06-13 | 2018-12-07 | 连尚（新昌）网络科技有限公司 | Method for showing information |
| CN110020235A (en) * | 2017-08-23 | 2019-07-16 | 北京京东尚科信息技术有限公司 | Web browser threedimensional model localization method, device, medium and electronic equipment |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080294332A1 (en) * | 2007-01-17 | 2008-11-27 | 3-D-V-U Israel (2000) Ltd. | Method for Image Based Navigation Route Corridor For 3D View on Mobile Platforms for Mobile Users |
| US20090207167A1 (en) * | 2008-02-18 | 2009-08-20 | International Business Machines Corporation | Method and System for Remote Three-Dimensional Stereo Image Display |
| CN101692229A (en) * | 2009-07-28 | 2010-04-07 | 武汉大学 | Self-adaptive multilevel cache system for three-dimensional spatial data based on data content |
-
2010
- 2010-06-08 CN CN 201010197326 patent/CN101923564A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080294332A1 (en) * | 2007-01-17 | 2008-11-27 | 3-D-V-U Israel (2000) Ltd. | Method for Image Based Navigation Route Corridor For 3D View on Mobile Platforms for Mobile Users |
| US20090207167A1 (en) * | 2008-02-18 | 2009-08-20 | International Business Machines Corporation | Method and System for Remote Three-Dimensional Stereo Image Display |
| CN101692229A (en) * | 2009-07-28 | 2010-04-07 | 武汉大学 | Self-adaptive multilevel cache system for three-dimensional spatial data based on data content |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102693227A (en) * | 2011-03-22 | 2012-09-26 | 炬力集成电路设计有限公司 | Method and system for outputting swf file data, and Flash player |
| CN102693227B (en) * | 2011-03-22 | 2015-08-26 | 炬芯（珠海）科技有限公司 | A kind of output intent of swf file data, system and Flash player |
| CN102930001A (en) * | 2012-10-26 | 2013-02-13 | 北京法兰奇科技有限责任公司 | Object image stereo high-definition enlarging display method for Internet web webpage |
| CN105373375A (en) * | 2014-08-30 | 2016-03-02 | 上海爱护网贸易有限公司 | Asynchronous loading based WEB 3D display method and system |
| CN105373374A (en) * | 2014-08-30 | 2016-03-02 | 上海爱护网贸易有限公司 | Method and system for displaying 3D place in WEB |
| CN110020235A (en) * | 2017-08-23 | 2019-07-16 | 北京京东尚科信息技术有限公司 | Web browser threedimensional model localization method, device, medium and electronic equipment |
| CN110020235B (en) * | 2017-08-23 | 2021-08-03 | 北京京东尚科信息技术有限公司 | Web browser three-dimensional model positioning method, device, medium and electronic equipment |
| CN108965389A (en) * | 2018-06-13 | 2018-12-07 | 连尚（新昌）网络科技有限公司 | Method for showing information |
| CN108965389B (en) * | 2018-06-13 | 2021-07-06 | 南京尚网网络科技有限公司 | Method for displaying information |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9240070B2 (en) | Methods and systems for viewing dynamic high-resolution 3D imagery over a network | |
| KR102222087B1 (en) | Image recognition method and apparatus based on augmented reality | |
| CA2781638C (en) | Securely sharing design renderings over a network | |
| US10242280B2 (en) | Determining regions of interest based on user interaction | |
| CN103077239B (en) | Based on the iFrame embedded Web 3D system that cloud is played up | |
| US9924240B2 (en) | Systems and methods for interactive video generation and rendering | |
| CN101923564A (en) | Method for improving performance of webpage of representing three-dimensional object based on image cache | |
| WO2016177288A1 (en) | Method for displaying three-dimensional simulation scene image | |
| CN102957748A (en) | Dynamic update method and system for three-dimensional scene | |
| CN101702166A (en) | Quick online virtual scene construction method for online exposition | |
| JP2011103073A (en) | Information display device | |
| CN102982159A (en) | Three-dimensional webpage multi-scenario fast switching method | |
| CN114245228B (en) | Page link release method and device and electronic equipment | |
| WO2016005147A1 (en) | Method and system for converting an existing 3d model into graphical data | |
| TW200929066A (en) | Geospatial data system for selectively retrieving and displaying geospatial texture data in successive additive layers of resolution and related methods | |
| CN104616342A (en) | Interconversion method of sequence frame and panorama | |
| Ellul et al. | Investigating approaches to improving rendering performance of 3D city models on mobile devices | |
| CN116091672A (en) | Image rendering method, computer device and medium thereof | |
| CN117390322A (en) | Virtual space construction method and device, electronic equipment and nonvolatile storage medium | |
| CN103699652A (en) | Webpage access method and webpage access system | |
| Chen et al. | Interactive, internet delivery of visualization via structured prerendered multiresolution imagery | |
| WO2021098306A1 (en) | Object comparison method, and device | |
| CN108898644A (en) | A kind of raster data dynamic rendering method, system and storage medium | |
| Stojanovic et al. | Streaming and 3D mapping of AGRI-data on mobile devices | |
| Qu et al. | A spatial web service client based on Microsoft Bing Maps |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20101222 |