CN103021023A - Three-dimensional scene construction method based on browser - Google Patents
Three-dimensional scene construction method based on browser Download PDFInfo
- Publication number
- CN103021023A CN103021023A CN201210516254XA CN201210516254A CN103021023A CN 103021023 A CN103021023 A CN 103021023A CN 201210516254X A CN201210516254X A CN 201210516254XA CN 201210516254 A CN201210516254 A CN 201210516254A CN 103021023 A CN103021023 A CN 103021023A
- Authority
- CN
- China
- Prior art keywords
- dimensional
- dimensional scenic
- file
- compression
- scene
- 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
- Processing Or Creating Images (AREA)
Abstract
The invention relates to a three-dimensional scene construction method based on a browser. The method includes producing an original three-dimensional scene model, compressing the original three-dimensional scene model into a required three-dimensional scene file through a three-dimensional compression algorithm, and storing the file in a server; downloading the three-dimensional scene file on the server through the browser, setting a download thread count according to the size of the file, and setting the download priority of the three-dimensional scene file simultaneously; loading the downloaded three-dimensional scene file in a resource manager of a client; and rendering a three-dimensional scene in the resource manager to generate a final three-dimensional scene. Compared with the prior art, the construction method has the advantages of being rapid in scene download speed, high in rendering efficiency, capable of improving operating speed and the like.
Description
Technical field
The present invention relates to a kind of three-dimensional scenic modeling method, especially relate to a kind of three-dimensional scenic construction method based on browser.
Background technology
Continuous progress along with Internet technology, content on the network is from simple literal to picture, from the video to Flash, and content becomes increasingly abundant, and various programs can directly be moved in webpage, no longer need to download and install client, the information service more and more simple and fast that becomes.Yet the 3D technology but can not directly be moved on network always, and main cause is because the data volume of 3D is too large, needs the very long download stand-by period.
Although now the hardware performance of computing machine is in continuous lifting, network speed is also determined constantly adding, and the data volume of three dimensional stress own is just large, and relatively high to hardware requirement, and present main flow hardware environment and network speed environment are to its support or limited.Therefore will be at existing hardware and net environment, realize the three-dimensional interactive content of real simulate real world, must break through the restriction of Hardware Render and network speed, develop a kind of high compression ratio, file standard that can high rate data transmission can utilize the limited hardware resource to realize the Rendering true to nature of high speed three-dimensional figure simultaneously.
Summary of the invention
Purpose of the present invention is exactly the three-dimensional scenic construction method based on browser that provides in order to overcome the defective that above-mentioned prior art exists that a kind of scene speed of download is fast, rendering efficiency is high, can improve travelling speed.
Purpose of the present invention can be achieved through the following technical solutions:
A kind of three-dimensional scenic construction method based on browser, the method may further comprise the steps:
1) makes original three-dimensional scene models, by the three-dimensional scenic file of three-dimensional compression algorithm with original three-dimensional scene models boil down to needs, and be saved in the server;
2) by the three-dimensional scenic file on the browser downloads server, and the Thread Count that setting is downloaded according to file size, set simultaneously the priority that the three-dimensional scenic file is downloaded;
3) with the three-dimensional scenic file load downloaded in the explorer of client;
4) three-dimensional scenic in the explorer is played up, thereby generated final three-dimensional scenic.
Described three-dimensional compression algorithm comprises contextual data compression and data texturing compression.
Described contextual data is compressed specifically: by contextual data mid point, face, solid being analyzed and integrated according to spatial information, the compression contextual data.
Described data texturing compression comprises the association compression of multitexture, the process of pixel pinup picture and the maximization splicing compression of texture mapping.
Described three-dimensional scenic is played up specifically: at first the object in the scene is carried out visibility culling, comprise that Frustum clipping and the back side rejects, then according to the material of scene scene is divided into groups to play up.
Compared with prior art, the present invention has the following advantages:
1) the present invention compresses original three-dimensional scene models by special-purpose compression algorithm, has greatly reduced the transmitted data on network amount, is the technique guarantee of three-dimensional scenic data smooth operation on webpage;
2) the present invention sets the downloading wire number of passes of three-dimensional scenic data according to file size, to accelerate the speed of download of file;
3) the present invention can reduce the memory cost of project, under the low end machines configuration, smooth view effect can be arranged also;
At first the object in the scene is carried out visibility culling when 4) the present invention plays up, accelerated rendering speed;
5) the present invention divides into groups to play up to scene according to the material of scene, can reduce the material of playing up pipeline and switch, and accelerates rendering speed.
Description of drawings
Fig. 1 is the schematic flow sheet of the inventive method.
Embodiment
The present invention is described in detail below in conjunction with the drawings and specific embodiments.
Embodiment
As shown in Figure 1, a kind of three-dimensional scenic construction method based on browser, the method may further comprise the steps:
In step s101, make original three-dimensional scene models, by the three-dimensional scenic file of three-dimensional compression algorithm with original three-dimensional scene models boil down to needs, and be saved in the server.Described three-dimensional compression algorithm comprises contextual data compression and two steps of data texturing compression.
The first step: the compression of contextual data
Contextual data consists of triangular facet (Triangle) by summit (Vertex), consist of solid (Mesh) by triangular facet, and consist of key-frame animation (KeyFrame Animation) and skeleton cartoon (SkeletonAnimation) by frame data, present embodiment is found out a large amount of same or analogous points, face and solid by the spatial division algorithm in scene, spatial information is reanalysed and puts in order, and the contextual data source is compressed to several million from hundreds of million the most at last.
Second step: the compression of data texturing
The proportion that data texturing accounts in the 3D data is larger, and data texturing is set by a series of material parametric texture and a series of picture forms, and the size of these image datas has determined the size of data texturing.When scene is larger, perhaps need complicated multiple material texture blend, such as diffuse map (Diffuse Map), shadow map (Light Map), high light pinup picture (Specula Map), normal pinup picture (Normal Map) and animation pinup picture (Animation Map), just need a large amount of picture materials, this has caused data texturing to become very huge.Jpeg image compression algorithm or DDS texture compression algorithm can be compressed to data bitmap 10-20 doubly, but in order to realize a real superficial makings material, need a large amount of pinup pictures to carry out texture blend, be nowhere near so simply use JPEG or DDS that texture image is compressed.The compression of present embodiment data texturing mainly reduces the data volume of texture in a large number by the association compression (Reference Map Algorithm) of multitexture, the process (Procedure Map) of pixel pinup picture, the maximization splicing compression (Maximize Seamless Algorithm) of texture mapping.
Three-dimensional compression algorithm by present embodiment is compressed original three-dimensional scene models, can greatly reduce the transmitted data on network amount, is the technique guarantee of three-dimensional scenic data smooth operation on webpage.
In step s102, by the three-dimensional scenic file on the browser downloads server, and the Thread Count that setting is downloaded according to file size, set simultaneously the priority that the three-dimensional scenic file is downloaded.Present embodiment adopts the following single-threaded download of file of 1M, and the file that 1M is above, 2M is following adopts 2 download thread, and the above file of 2M adopts 4 download thread, can accelerate like this speed of download of document scene.The priority of downloading can be set according to user's demand for experience, such as downloading first landform, basic object etc., and downloaded copy scene etc. then.
In step s103, with the three-dimensional scenic file load downloaded in the explorer of client.Type according to object in the scene joins in the scene manager respectively.Simultaneously model of place is carried out the scenario node management, such as clone's model, namely adopt with a internal memory and create scenario node, can reduce like this memory cost of project, under the low end machines configuration, smooth view effect can be arranged also.
In step s104, the three-dimensional scenic in the explorer is played up, thereby generated final three-dimensional scenic.Described three-dimensional scenic is played up specifically: at first the object in the scene is carried out visibility culling, comprise that Frustum clipping and the back side rejects, then according to the material of scene scene is divided into groups to play up.
Utilize the visibility culling method, reject before the model coordinate translate phase final image played up and do not have contributive scene part, then will remain scene sends to and plays up pipeline, can effectively reduce the complexity of scene and the burden of graphics pipeline, be a kind of very effective method that improves scene rendering efficient.According to the material of scene scene is divided into groups to play up and to reduce the material of playing up pipeline and switch, accelerate rendering speed.
Take above-mentioned foundation desirable embodiment of the present invention as enlightenment, by above-mentioned description, the relevant staff can in the scope that does not depart from this invention technological thought, carry out various change and modification fully.The technical scope of this invention is not limited to the content on the instructions, must determine its technical scope according to the claim scope.
Claims (5)
1. three-dimensional scenic construction method based on browser is characterized in that the method may further comprise the steps:
1) makes original three-dimensional scene models, by the three-dimensional scenic file of three-dimensional compression algorithm with original three-dimensional scene models boil down to needs, and be saved in the server;
2) by the three-dimensional scenic file on the browser downloads server, and the Thread Count that setting is downloaded according to file size, set simultaneously the priority that the three-dimensional scenic file is downloaded;
3) with the three-dimensional scenic file load downloaded in the explorer of client;
4) three-dimensional scenic in the explorer is played up, thereby generated final three-dimensional scenic.
2. a kind of three-dimensional scenic construction method based on browser according to claim 1 is characterized in that, described three-dimensional compression algorithm comprises contextual data compression and data texturing compression.
3. a kind of three-dimensional scenic construction method based on browser according to claim 2, it is characterized in that, described contextual data is compressed specifically: by contextual data mid point, face, solid being analyzed and integrated according to spatial information, the compression contextual data.
4. a kind of three-dimensional scenic construction method based on browser according to claim 2 is characterized in that, described data texturing compression comprises the association compression of multitexture, the process of pixel pinup picture and the maximization splicing compression of texture mapping.
5. a kind of three-dimensional scenic construction method based on browser according to claim 1, it is characterized in that, described three-dimensional scenic is played up specifically: at first the object in the scene is carried out visibility culling, comprise the rejecting of Frustum clipping and the back side, then according to the material of scene scene is divided into groups to play up.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210516254XA CN103021023A (en) | 2012-12-05 | 2012-12-05 | Three-dimensional scene construction method based on browser |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210516254XA CN103021023A (en) | 2012-12-05 | 2012-12-05 | Three-dimensional scene construction method based on browser |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN103021023A true CN103021023A (en) | 2013-04-03 |
Family
ID=47969589
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210516254XA Pending CN103021023A (en) | 2012-12-05 | 2012-12-05 | Three-dimensional scene construction method based on browser |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103021023A (en) |
Cited By (16)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104102545A (en) * | 2014-07-04 | 2014-10-15 | 北京理工大学 | Three-dimensional resource allocation and loading optimization method for mobile augmented reality browser |
| WO2015062388A1 (en) * | 2013-10-31 | 2015-05-07 | 优视科技有限公司 | Picture loading method and device and video playback method and device |
| CN105741340A (en) * | 2016-01-22 | 2016-07-06 | 云南电网有限责任公司电力科学研究院 | Transmission line 3D scene simulation method and transmission line 3D scene simulation system for webpage display |
| CN106575442A (en) * | 2014-08-15 | 2017-04-19 | 高通股份有限公司 | Bandwidth reduction using texture lookup by adaptive shading |
| CN106909640A (en) * | 2017-02-16 | 2017-06-30 | 杭州新迪数字工程系统有限公司 | Threedimensional model lightweight display technique based on webgl |
| CN106971417A (en) * | 2017-05-17 | 2017-07-21 | 成都四方伟业软件股份有限公司 | A kind of method and system for showing three-dimensional scatter diagram in a browser |
| CN107194995A (en) * | 2017-07-11 | 2017-09-22 | 王刚 | A kind of method of rapid build true three-dimension person model |
| CN107577766A (en) * | 2017-09-04 | 2018-01-12 | 苏州英诺迈医学创新服务有限公司 | A kind of loading method and device of webpage 3D targets |
| CN108876925A (en) * | 2017-05-09 | 2018-11-23 | 北京京东尚科信息技术有限公司 | Virtual reality scenario treating method and apparatus |
| CN110297838A (en) * | 2019-07-04 | 2019-10-01 | 珠海金山网络游戏科技有限公司 | A kind of landform material edit methods, calculate equipment and storage medium at device |
| CN110535935A (en) * | 2019-08-26 | 2019-12-03 | 上海欣能信息科技发展有限公司 | A kind of loading method and framework based on the unified storage of more power station three-dimensional model datas |
| CN111127623A (en) * | 2019-12-25 | 2020-05-08 | 上海米哈游天命科技有限公司 | Model rendering method and device, storage medium and terminal |
| CN112102483A (en) * | 2020-11-16 | 2020-12-18 | 湖南新云网科技有限公司 | Method and device for dynamically displaying three-dimensional model on electronic teaching whiteboard |
| CN112308959A (en) * | 2020-10-19 | 2021-02-02 | 广州市昱安信息技术有限公司 | Three-dimensional model data rapid loading method and system |
| CN113890675A (en) * | 2021-09-18 | 2022-01-04 | 聚好看科技股份有限公司 | Self-adaptive display method and device of three-dimensional model |
| CN117230487A (en) * | 2023-11-14 | 2023-12-15 | 三峡科技有限责任公司 | Visual system for monitoring hydrogen production energy consumption by water electrolysis |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101067827A (en) * | 2007-06-14 | 2007-11-07 | 上海创图网络科技发展有限公司 | Three-dimensional web page realizing method based on browser |
| CN101082934A (en) * | 2007-06-19 | 2007-12-05 | 北京师范大学 | Three-dimensional visual method of very-large-scale space data in network surroundings |
| CN102279752A (en) * | 2011-08-31 | 2011-12-14 | 北京华电万通科技有限公司 | Device and method for rendering ultra-large scene in real time based on Web three-dimension (3D) |
| CN102413164A (en) * | 2011-08-31 | 2012-04-11 | 北京华电万通科技有限公司 | Web-based three-dimensional scenic visualized editing device and method |
-
2012
- 2012-12-05 CN CN201210516254XA patent/CN103021023A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101067827A (en) * | 2007-06-14 | 2007-11-07 | 上海创图网络科技发展有限公司 | Three-dimensional web page realizing method based on browser |
| CN101082934A (en) * | 2007-06-19 | 2007-12-05 | 北京师范大学 | Three-dimensional visual method of very-large-scale space data in network surroundings |
| CN102279752A (en) * | 2011-08-31 | 2011-12-14 | 北京华电万通科技有限公司 | Device and method for rendering ultra-large scene in real time based on Web three-dimension (3D) |
| CN102413164A (en) * | 2011-08-31 | 2012-04-11 | 北京华电万通科技有限公司 | Web-based three-dimensional scenic visualized editing device and method |
Non-Patent Citations (1)
| Title |
|---|
| 平凡: "创图周哲 跨平台3D引擎SUN3D将商业化", 《07073游戏网》, 10 February 2012 (2012-02-10), pages 07073 - 560370 * |
Cited By (26)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2015062388A1 (en) * | 2013-10-31 | 2015-05-07 | 优视科技有限公司 | Picture loading method and device and video playback method and device |
| US10360694B2 (en) | 2013-10-31 | 2019-07-23 | Uc Mobile Co., Ltd. | Methods and devices for image loading and methods and devices for video playback |
| US10121263B2 (en) | 2013-10-31 | 2018-11-06 | Uc Mobile Co., Ltd. | Methods and devices for image loading and methods and devices for video playback |
| CN104102545A (en) * | 2014-07-04 | 2014-10-15 | 北京理工大学 | Three-dimensional resource allocation and loading optimization method for mobile augmented reality browser |
| CN104102545B (en) * | 2014-07-04 | 2017-12-01 | 北京理工大学 | Mobile augmented reality browser three dimensional resource configures the optimization method with loading |
| CN106575442A (en) * | 2014-08-15 | 2017-04-19 | 高通股份有限公司 | Bandwidth reduction using texture lookup by adaptive shading |
| CN106575442B (en) * | 2014-08-15 | 2018-05-04 | 高通股份有限公司 | Use the bandwidth reducing of the texture lookups by self-adaption paint |
| CN105741340B (en) * | 2016-01-22 | 2019-06-14 | 云南电网有限责任公司电力科学研究院 | A kind of transmission line of electricity three-dimensional scenic emulation mode and system for web page display |
| CN105741340A (en) * | 2016-01-22 | 2016-07-06 | 云南电网有限责任公司电力科学研究院 | Transmission line 3D scene simulation method and transmission line 3D scene simulation system for webpage display |
| CN106909640A (en) * | 2017-02-16 | 2017-06-30 | 杭州新迪数字工程系统有限公司 | Threedimensional model lightweight display technique based on webgl |
| CN106909640B (en) * | 2017-02-16 | 2020-04-21 | 杭州新迪数字工程系统有限公司 | Webgl-based three-dimensional model lightweight display technology |
| CN108876925B (en) * | 2017-05-09 | 2022-03-04 | 北京京东尚科信息技术有限公司 | Virtual reality scene processing method and device |
| CN108876925A (en) * | 2017-05-09 | 2018-11-23 | 北京京东尚科信息技术有限公司 | Virtual reality scenario treating method and apparatus |
| CN106971417A (en) * | 2017-05-17 | 2017-07-21 | 成都四方伟业软件股份有限公司 | A kind of method and system for showing three-dimensional scatter diagram in a browser |
| CN106971417B (en) * | 2017-05-17 | 2019-06-14 | 成都四方伟业软件股份有限公司 | A kind of method and system showing three-dimensional scatter plot in a browser |
| CN107194995A (en) * | 2017-07-11 | 2017-09-22 | 王刚 | A kind of method of rapid build true three-dimension person model |
| CN107577766A (en) * | 2017-09-04 | 2018-01-12 | 苏州英诺迈医学创新服务有限公司 | A kind of loading method and device of webpage 3D targets |
| CN110297838A (en) * | 2019-07-04 | 2019-10-01 | 珠海金山网络游戏科技有限公司 | A kind of landform material edit methods, calculate equipment and storage medium at device |
| CN110297838B (en) * | 2019-07-04 | 2024-02-27 | 珠海金山数字网络科技有限公司 | Terrain material editing method, device, computing equipment and storage medium |
| CN110535935A (en) * | 2019-08-26 | 2019-12-03 | 上海欣能信息科技发展有限公司 | A kind of loading method and framework based on the unified storage of more power station three-dimensional model datas |
| CN111127623A (en) * | 2019-12-25 | 2020-05-08 | 上海米哈游天命科技有限公司 | Model rendering method and device, storage medium and terminal |
| CN111127623B (en) * | 2019-12-25 | 2023-08-29 | 上海米哈游天命科技有限公司 | Model rendering method and device, storage medium and terminal |
| CN112308959A (en) * | 2020-10-19 | 2021-02-02 | 广州市昱安信息技术有限公司 | Three-dimensional model data rapid loading method and system |
| CN112102483A (en) * | 2020-11-16 | 2020-12-18 | 湖南新云网科技有限公司 | Method and device for dynamically displaying three-dimensional model on electronic teaching whiteboard |
| CN113890675A (en) * | 2021-09-18 | 2022-01-04 | 聚好看科技股份有限公司 | Self-adaptive display method and device of three-dimensional model |
| CN117230487A (en) * | 2023-11-14 | 2023-12-15 | 三峡科技有限责任公司 | Visual system for monitoring hydrogen production energy consumption by water electrolysis |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103021023A (en) | Three-dimensional scene construction method based on browser | |
| US9652880B2 (en) | 2D animation from a 3D mesh | |
| CN102157008B (en) | Large-scale virtual crowd real-time rendering method | |
| US9610501B2 (en) | Delivery of projections for rendering | |
| CN110751712A (en) | Online three-dimensional rendering technology and system based on cloud platform | |
| US11711563B2 (en) | Methods and systems for graphics rendering assistance by a multi-access server | |
| EP2674919A2 (en) | Streaming light propagation | |
| CN104680572B (en) | Mobile terminal BUILDINGS MODELS based on BIM renders performance optimization method and system | |
| CN105354872A (en) | Rendering engine, implementation method and producing tools for 3D web game | |
| CN103914868A (en) | Method for mass model data dynamic scheduling and real-time asynchronous loading under virtual reality | |
| CN102982159B (en) | A kind of three-dimensional web page many scenes fast switch over method | |
| US9396564B2 (en) | Atlas generation based on client video configuration | |
| CN101119485A (en) | Characteristic reservation based three-dimensional model progressive transmission method | |
| CN103021020A (en) | Three-dimensional (3D) rendering method based on multiple light sources | |
| CN112732255B (en) | Rendering method, device, equipment and storage medium | |
| CN110930492B (en) | Model rendering method, device, computer readable medium and electronic equipment | |
| CN106815880A (en) | animation multiplexing method and system | |
| CN105678829B (en) | Two-dimensional and three-dimensional combined digital building exhibition method | |
| Wang et al. | Factorized point based global illumination | |
| KR102598603B1 (en) | Adaptation of 2D video for streaming to heterogeneous client endpoints | |
| CN113192173A (en) | Image processing method and device for three-dimensional scene and electronic equipment | |
| CN111179383A (en) | Rendering lens recombination method and device for CG animation production | |
| CN102298796B (en) | Method for real-timely drawing large data volume CAD model | |
| Sun et al. | Many-lights real time global illumination using sparse voxel octree | |
| CN116521770A (en) | Art resource data processing method and device, storage medium and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C12 | Rejection of a patent application after its publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20130403 |