CN108597028A - A kind of method, apparatus and equipment of continuous load Web AR objects - Google Patents
A kind of method, apparatus and equipment of continuous load Web AR objects Download PDFInfo
- Publication number
- CN108597028A CN108597028A CN201810321109.3A CN201810321109A CN108597028A CN 108597028 A CN108597028 A CN 108597028A CN 201810321109 A CN201810321109 A CN 201810321109A CN 108597028 A CN108597028 A CN 108597028A
- Authority
- CN
- China
- Prior art keywords
- models
- data
- model
- animation
- static
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T19/00—Manipulating 3D models or images for computer graphics
- G06T19/006—Mixed reality
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/10—Geometric effects
- G06T15/20—Perspective computation
- G06T15/205—Image-based rendering
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- Computer Graphics (AREA)
- General Physics & Mathematics (AREA)
- Computing Systems (AREA)
- Geometry (AREA)
- Computer Hardware Design (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Processing Or Creating Images (AREA)
Abstract
The present invention provides a kind of method, apparatus and equipment of continuous load Web AR objects.The method includes：In Web browser loading page, the request for downloading AR models is sent to remote server；Receive the AR model datas that the remote server is returned according to the request for downloading AR models；Static models are generated according to the static models data in the AR model datas, and the model animation data in the AR model datas is tied to the static models；Based on the static models for being bundled with model animation data, 3D animation models are rendered in the Web browser according to certain trigger events or in the preconfigured timing node of animation configuration file.The present invention avoid the occurrence of just start to download when needing to render 3D models, structure, load 3D models render a series of actions again and leading to the problem of significant delays causes real-time poor, while the also uniform workload of Web browser.
Description
Technical field
The present invention relates to technical field of virtual reality, more particularly, to a kind of method of continuous load Web AR objects,
Device and equipment.
Background technology
With virtual reality technology VR (Virtual Reality) and augmented reality AR technologies (Augmented Realty)
Rise and popularization, interactive very high request is proposed with virtual or real world to 3D models.Especially with Web browser
Can promotion, WebGL specifications it is perfect so that on Web browser realize VR, AR interaction be possibly realized, then 3D models are outstanding
It, which is real-time loading and rendering of the model with animation effect on Web browser, is particularly important.
WebGL (Web Graphics Library) is a kind of 3D drawing agreement, and the drawing technique standard of WebGL allows handle
JavaScript and OpenGL ES 2.0 are combined together, and a JavaScript by increasing OpenGL ES 2.0 is tied up
Fixed, WebGL can provide hardware 3D for HTML5Canvas and accelerate to render, and web developer is able to come by system video card
3D scenes and model are shown in Web browser more glibly, and creates complicated navigation and data visualization.
The existing method for being loaded in Web browser and rendering 3D animation models is usually, in user and browser page
When face generates specific alternative events, browser disposably downloads external model from remote server, reads in memory and carries out one
Sequence of maneuvers is finally presented in Web browser with completing the load of model and the rendering of animation.
The advantages of this method, is to select to render designated model in a browser in particular moment according to demand,
With under；But there is also apparent disadvantages：1. when the details of external model makes exquisiteness, external model is excessive, or even meeting
Up to up to a hundred million, if when generation specific interaction event needs stress model, just start disposably to download in Web browser
Simultaneously rendering speed can be very slow for model, and real-time is hardly obtained guarantee.2. the browser in the lower mobile device of configuration is under
When carrying excessive file, there may be the risk that interim card even crashes.3. when same model needs continuously to play different animations,
The disposable method downloaded and rendered can cause animation can not smooth playing, it is difficult to ensure that the authenticity under VR, AR environment.
Currently, there are no corresponding methods to realize the continuously multiple drives of load rendering on Web browser for the prior art
The scheme of the 3D models of picture.
Invention content
The present invention provides a kind of continuous load Web AR for overcoming the above problem or solving the above problems at least partly
The method, apparatus and equipment of object.
According to an aspect of the present invention, a kind of method of continuous load Web AR objects is provided, including：
In Web browser loading page, the request for downloading AR models is sent to remote server；
Receive the AR model datas that the remote server is returned according to the request for downloading AR models；
Static models are generated according to the static models data in the AR model datas, and will be in the AR model datas
Model animation data is tied to the static models；
Based on the static models for being bundled with model animation data, according to certain trigger events or in animation configuration file
In preconfigured timing node 3D animation models are rendered in the Web browser.
According to another aspect of the present invention, a kind of device of continuous load Web AR objects is also provided, including：
Model request module, in Web browser loading page, being sent to remote server and downloading asking for AR models
It asks；
Data reception module, the AR moulds returned according to the request for downloading AR models for receiving the remote server
Type data；
Model preprocessing module, for generating static models according to the static models data in the AR model datas, and
Model animation data in the AR model datas is tied to the static models；And
3D rendering modules, for based on the static models for being bundled with model animation data, according to certain trigger events
Or 3D animation models are rendered in the Web browser in the preconfigured timing node of animation configuration file.
According to another aspect of the present invention, a kind of electronic equipment is also provided, including：
At least one processor；And
At least one processor being connect with the processor communication, wherein：
The memory is stored with the program instruction that can be executed by the processor, and the processor calls described program to refer to
The method for enabling the method and its any alternative embodiment that are able to carry out continuous load Web AR objects of the invention.
According to another aspect of the present invention, a kind of non-transient computer readable storage medium is provided, which is characterized in that institute
Non-transient computer readable storage medium storage computer instruction is stated, the computer instruction makes the computer execute the present invention
The method of the method and its any alternative embodiment of continuous load Web AR objects.
The present invention proposes a kind of method of continuous load Web AR objects, by advance from server end download 3D models,
Structure static state 3D models, advance reading model animated content in advance avoid out in needing the when of rendering in Web directly to render displaying
Now need render 3D models when just start download, structure, load 3D models render a series of actions again and generate significant delays
Lead to the problem of real-time difference, while the also uniform workload of Web browser, allows the mobile end equipment that partial properties are poor
On browser can also load quickly 3D models even model animation.
Description of the drawings
Fig. 1 is a kind of method flow schematic diagram of continuous load Web AR objects of the embodiment of the present invention；
Fig. 2 is that continuously load renders the flow signal of multiple 3D models with animation on Web browser of the embodiment of the present invention
Figure；
Fig. 3 is a kind of specific embodiment schematic diagram of the method for continuous load Web AR objects of the embodiment of the present invention；
Fig. 4 is the block schematic illustration of a kind of electronic equipment of the embodiment of the present invention.
Specific implementation mode
With reference to the accompanying drawings and examples, the specific implementation mode of the present invention is described in further detail.Implement below
Example is not limited to the scope of the present invention for illustrating the present invention.
Fig. 1 is a kind of method flow schematic diagram of continuous load Web AR objects of the embodiment of the present invention, company as shown in Figure 1
The method of continuous load Web AR objects, including：
S100 sends the request for downloading AR models to remote server in Web browser loading page；
Specifically, the embodiment of the present invention while Web browser loading page, sends to remote server and downloads AR moulds
The request of type, the request are Asynchronous Request, do not interfere with the normal display of browser.
Specifically, if there is animation configuration file, then in Web browser loading page, under being sent to remote server
Carry the request of AR models and animation configuration file.
S200 receives the AR model datas that the remote server is returned according to the request for downloading AR models；
Specifically, after remote server receives the request for downloading AR models, by requested AR models with character manifold
Formula returns to request end.
S300 generates static models according to the static models data in the AR model datas, and by the AR pattern numbers
Model animation data in is tied to the static models；
Fig. 2 is that continuously load renders the flow signal of multiple 3D models with animation on Web browser of the embodiment of the present invention
Figure, referring to FIG. 2, step S300 handles the AR model datas of reception, specifically, being that AR model datas are divided into two
Divided data, a part are static models data, and a part is model animation data, this two parts data needs to handle respectively, root
Static models are built according to static models data, then by model data binding to the static models built.
S400 is matched based on the static models for being bundled with model animation data according to certain trigger events or in animation
It sets the preconfigured timing node of file and renders 3D animation models in the Web browser.
Before 3D animation plays, step S100 to S300 builds static state 3D models, in advance reading model animation in advance
Hold, once certain trigger events occur, browser can be responded quickly, realize that 3D effect renders.
Specifically, the certain trigger events, can be that user clicks the thing for starting to play 3D animations on Web browser
Part either timed events or other events etc., are not specifically limited herein.
The embodiment of the present invention from server end by downloading 3D models, in advance structure static state 3D models, in advance reading in advance
Model animated content is avoided the occurrence of in needing the when of rendering in Web directly to render displaying in the case where needing the when of rendering 3D models just to start
Load, structure, load 3D models render a series of actions again and leading to the problem of significant delays leads to real-time difference, while also uniformly
The workload of Web browser, the browser in mobile end equipment for making partial properties poor can also load 3D quickly
Model even model animation.
In an alternative embodiment, step S100, it is described in Web browser loading page, to remote server
The request for downloading AR models is sent, is specifically included：
In Web browser loading page, opens one or more sub-line journeys, sent out to remote server using HTTP request
Send the request for downloading AR models.
Specifically, while Web browser loading page, can open a sub-line journey with HTTP request go it is asynchronous under
Carry the model of remote server.Can be opened according to demand if necessary to load multiple models then respective numbers sub-line journey go it is different
Walk download model.
In an alternative embodiment, step S300, the static models data according in the AR model datas
Static models are generated, and the model animation data in the AR model datas is tied to the static models, are specifically included：
S300.1 intercepts static data part and animation data part in the AR model datas；Wherein, the static number
It is static models data according to part, includes the vertical array information of model；The animation data part is model animation data；
Specifically, the AR model datas that remote server is returned in the form of character stream are first converted into string format, cut
Taking the data portion B of the model animation in the data portion A and character string of static models in character string, wherein part A should include
The vertical array information of model.
The static data part and the animation data are partially converted to rendered formats, obtain and render lattice by S300.2
The static data of formula and the animation data of rendered formats；If rendered formats are JSON formats, then the static number of JSON formats is obtained
According to the animation data with JSON formats；But rendered formats are not limited to JSON formats.
Specifically, step S300.1 and then A and B be converted into load 3D static models and when model animation needs
The data portion A of JSON formats, static models is converted to the static data C of JSON formats, the data portion B conversions of model animation
For the animation data D of JSON formats.
If rendered formats be JSON formats, then following S300.3 and S300.4 and etc. in rendered formats can be replaced
JSON formats.
S300.3 obtains the vertex data of model according to the static data of the rendered formats, according to the vertex data
Generate static models；
Step S300.3 is to carry out building for 3D models in memory in advance, in this way when needing to show 3D animations, so that it may
Quickly to respond.
The animation data of the rendered formats is added to animation array by S300.4, and the animation array is tied to institute
State static models.
The animation of rendered formats is tied to the static models by step S300.4, when needing to show 3D animations, directly
3D renderings are carried out according to the animation for the rendered formats having had converted.
Specifically, the AR model datas include the data of one or more AR models；Then correspondingly, step S300.2,
It is described that the static data part and the animation data are partially converted to rendered formats, obtain the static data of rendered formats
With the animation data of rendered formats, specifically include：
For one or more AR models, if the AR models carry one or more animations, by the quiet of each AR models
State data portion is converted to the static data of a rendered formats, by one or more animation data parts pair of each AR models
That answers is converted to the animation data of one or more parts rendered formats.
Above-mentioned steps S300.2 can specifically be divided into four kinds of situations, as follows：
1. the model of model there are one, description carries animation.This situation only needs static models part A and mould as above
Type animation part B is converted to JSON formats.
2. model there are one, but model carries the animation of different actions.Because model is identical, in order to avoid repeated work
Efficiency is influenced, therefore first opens a sub-line journey download first model and obtains static models part A and animation model part B, this
When other models carry out that after equally operating identical part A can be obtained, therefore other sub-line journeys need to only handle animation model part B, this
Sample is after JSONization conversion, it should obtain the static models C portion and model animation D of JSON formats1、D2...DnPartly (n is
Animation number).
3. there is multiple models, different models carry different animations.Processing of the processing mode of this situation with the first situation
Mode, it is however noted that, animation part data will be corresponded with its corresponding model part data.
4. there are multiple models, the single animation of department pattern band, the multiple animations of department pattern band.The processing method of this situation is only
It need to be in conjunction with the method for situation 2 and situation 3.
In an alternative embodiment, step S300.3, it is described that mould is obtained according to the static data of the rendered formats
The vertex data of type generates static models according to the vertex data, specifically includes：
All vertex datas of vertical array information in the static data are added to model vertices array, and according to
WebGL standards generate the vertex of model, wherein every three data in the vertical array information are a vertex of model
Three-dimensional coordinate information；
According to the vertex data of the model vertices array, every three vertex are spliced into dough sheet, all dough sheets are added
To model dough sheet array, and according to the dough sheet of WebGL standards generation model；
According to all dough sheets of generation, it is built into static models.
Specifically, the static data part further includes the material information and/or textures information of model；
Correspondingly, step S300.3, the vertex data that model is obtained according to the static data of the rendered formats, root
Static models are generated according to the vertex data, further include：
Based on the material information, assign the static models corresponding material according to WebGL standards；And/or based on institute
Textures information is stated, corresponding textures are covered to the static models according to WebGL standards.
If specifically, the static data part includes the material information of model, assigned according to WebGL standards described quiet
The corresponding material of states model；If the static data part includes the textures information of model, according to WebGL standards to described quiet
States model covers corresponding textures；If if the static data part includes the material information and textures information of model simultaneously,
After assigning corresponding material to the static models, corresponding specific textures are covered on the model for assigned material.
In an alternative embodiment, step S400, it is described based on the static mould for being bundled with model animation data
Type is rendered according to certain trigger events or in the preconfigured timing node of animation configuration file in the Web browser
3D animation models, specifically include：
Based on the static models for being bundled with model animation data, according to certain trigger events or in animation configuration file
Preconfigured timing node renders the static models in the Web browser；
If the static models are bundled with a model animation data, according to one model animation data to described
Static models are rendered, and 3D animation models are obtained；
If the static models are bundled with multiple model animation datas, animation number is obtained according to the sequence for rendering and playing
According to, and animation array is respectively added to after being bound with corresponding static models, and according to the demand of broadcasting in animation array
Animation data assign corresponding weight, corresponding rendering is carried out to the static models according to the weight of each animation data.
Specifically, after browser has rendered 3D static models, according to the AnimationMixer classes of Three.js and
Model animation D to add animation to 3D models in part.Additional animation is divided into two kinds of situations：
1. only there are one animations for model.As long as such situation is pressed into an animation in animation array, directly allow
AnimationMixer handles animation and real-time update renders.
2.Model carries multiple animations.Such situation needs to read all animations in the parts model animation D of JSON formats
Data, and it is respectively pressed into animation array, according to the demand of currently playing specific animation weight is assigned to the value in animation array.
It will currently need the weight of the animation played to be set as highest, update animation mixer, browser can render required animation.
Fig. 3 is a kind of specific embodiment schematic diagram of the method for continuous load Web AR objects of the embodiment of the present invention, below
Illustrate the method that Web AR objects are continuously loaded described in the embodiment of the present invention by the specific embodiment of Fig. 3.
Current embodiment require that the effect completed is：User clicks the start button on browser, and Web browser needs to render
Go out the monster model of a 3D, while this model is walked up and down in three-dimensional scenic.When user by mobile mouse (ends PC)/
When rotating mobile (mobile terminal) aims at monster, monster flies away from place, rounds trip flight in three-dimensional scenic.When user persistently aims at three
Second when, monster falls ground, plays dead action.If aiming does not continue three seconds but, monster continues to keep Flight Animation.
In this embodiment, there are three 3D models for server end, are Walk.js, Fly.js and Dead.js respectively, correspond to
Model with animation of walking about, the model with Flight Animation and the model with dead animation.In the scene of this embodiment,
Above-mentioned technical solution realizes that step is specific as follows：
Step 1, Web browser build the page DOM node while, open three sub-line journey webworker1,
Webworker2 and webworker3 goes the content of three models at download server end in a manner of HTTP request.
Step 2, client Web browser get the model of the character stream obtained from server end, will
The character stream that webworker1 is downloaded is converted into character string modelString, the 3D in interception character string modelString
The data portion static_part of the static models and data portion animation_part of model animation.By model part
Static_part is converted into JSON formats, is assigned to model to preserve.The parts animation_part are converted into JSON lattice
Formula forms json objects, is named as walk and is pressed into Animations arrays.Since the model of three animations is consistent, so
The character stream that webworker2 and webworker3 is obtained is converted into only needing the data portion of truncated models animation after character string, point
After not being converted into JSON formats, json objects are similarly formed, are respectively designated as fly and dead, and are pressed into Animations arrays.
Step 3 obtains model vertices array model.vertices in model part model, every three in array
Data recycle the model.vertices.length/3 all vertex for reading out model as a three-dimensional vector vector3
Three-dimensional coordinate, the method that structure face is used in combination, every three vertex are formed a dough sheet, are recycled with this and obtain a 3D monster mould
The geometry of type, is assigned to monster, so monster is exactly the 3D monster models built in memory.
Step 4, when the user clicks start button on Web browser when, it is only necessary to add the geometry of model in the scene
Body object, i.e. monster variables, update renderer renderer, you can directly to render the 3D monster moulds in a browser
Type.
Step 5, after rendering model, using Three.js AnimationMixer to the monster model addition walk about it is dynamic
It draws.It states that a mixer binds the model i.e. in three-dimensional scenic, the animation array Animations that step 2 kind obtains is made
Mixer is passed to for parameter, because to play animation of walking about, by the weight of first object walk in Animations
Weight is set as 1, and other two is set as 0, then realizes and render the effect that 3D monsters are walked about in screen.
Step 6, when user aims at monster, generate alternative events, browser need to will be in current animation array at this time
The weight weight of walk objects is set as 0, the weight of fly objects is set as 1, and update the mixer stated in step 5, then
Realize that 3D monsters are by the animated transition for becoming to fly of walking about in screen.
Step 7, when user aims at monster and continues three seconds, generate alternative events, with the principle of step 6, browser at this time
The weight of fly objects in current animation array need to be set as 0, the weight of dead objects is set as 1, and update in step 5
The mixer stated then realizes that the 3D monsters to fly in three-dimensional scenic in screen fall dead animated transition.
In short, the embodiment of the present invention proposes a kind of method of continuous load Web AR objects, by advance from server end
3D models, in advance structure static state 3D models, advance reading model animated content are downloaded, is directly rendered in needing the when of rendering in Web
Displaying avoids the occurrence of and just starts to download when needing to render 3D models, structure, loads 3D models and render a series of actions again and produce
Raw significant delays lead to the problem of real-time difference, while the also uniform workload of Web browser, make partial properties poor
Browser in mobile end equipment can also load 3D models even model animation quickly.
The embodiment of the present invention also provides a kind of device of continuous load Web AR objects, including：
Model request module, in Web browser loading page, being sent to remote server and downloading asking for AR models
It asks；
Data reception module, for receive the remote server according to it is described download AR models request, with character stream
The AR model datas that form returns；
Model preprocessing module, for generating static models according to the static models data in the AR model datas, and
Model animation data in the AR model datas is tied to the static models；And
3D rendering modules, for based on the static models for being bundled with model animation data, according to certain trigger events
Or 3D animation models are rendered in the Web browser in the preconfigured timing node of animation configuration file.
The device of the embodiment of the present invention can be used for executing the embodiment of the method for continuous load Web AR objects shown in FIG. 1
Technical solution, implementing principle and technical effect are similar, and details are not described herein again.
Fig. 4 shows the block schematic illustration of a kind of electronic equipment of the embodiment of the present invention.
Reference Fig. 4, the equipment, including：Processor (processor) 401, memory (memory) 402 and bus
403；Wherein, the processor 401 and memory 402 complete mutual communication by the bus 403；
The processor 401 is used to call the program instruction in the memory 402, to execute above-mentioned each method embodiment
The method provided, such as including：In Web browser loading page, the request for downloading AR models is sent to remote server；
Receive the AR model datas that the remote server is returned according to the request for downloading AR models；According to the AR model datas
In static models data generate static models, and the model animation data in the AR model datas is tied to the static state
Model；It is pre- according to certain trigger events or in animation configuration file based on the static models for being bundled with model animation data
The timing node first configured renders 3D animation models in the Web browser.
Another embodiment of the present invention discloses a kind of computer program product, and the computer program product is non-including being stored in
Computer program in transitory computer readable storage medium, the computer program include program instruction, when described program refers to
When order is computer-executed, computer is able to carry out the method that above-mentioned each method embodiment is provided, such as including：It is clear in Web
Look at device loading page when, to remote server send download AR models request；The remote server is received according under described
Carry the AR model datas that the request of AR models returns；Static mould is generated according to the static models data in the AR model datas
Type, and the model animation data in the AR model datas is tied to the static models；Based on being bundled with model animation number
According to the static models, according to certain trigger events or in the preconfigured timing node of animation configuration file in the Web
3D animation models are rendered in browser.
Another embodiment of the present invention provides a kind of non-transient computer readable storage medium, and the non-transient computer is readable
Storage medium stores computer instruction, and the computer instruction makes the computer execute what above-mentioned each method embodiment was provided
Method, such as including：In Web browser loading page, the request for downloading AR models is sent to remote server；Described in reception
The AR model datas that remote server is returned according to the request for downloading AR models；According to the static state in the AR model datas
Model data generates static models, and the model animation data in the AR model datas is tied to the static models；Base
It is preconfigured according to certain trigger events or in animation configuration file in the static models for being bundled with model animation data
Timing node renders 3D animation models in the Web browser.
One of ordinary skill in the art will appreciate that：Realize that above equipment embodiment or embodiment of the method are only schematic
, wherein can be that physically separate component may not be physically separated for the processor and the memory, i.e.,
A place can be located at, or may be distributed over multiple network units.It can select according to the actual needs therein
Some or all of module achieves the purpose of the solution of this embodiment.Those of ordinary skill in the art are not paying creative labor
In the case of dynamic, you can to understand and implement.
Through the above description of the embodiments, those skilled in the art can be understood that each embodiment can
It is realized by the mode of software plus required general hardware platform, naturally it is also possible to pass through hardware.Based on this understanding, on
Stating technical solution, substantially the part that contributes to existing technology can be expressed in the form of software products in other words, should
Computer software product can store in a computer-readable storage medium, such as ROM/RAM, magnetic disc, CD, including several fingers
It enables and using so that a computer equipment (can be personal computer, server or the network equipment etc.) executes each implementation
Method described in certain parts of example or embodiment.
Finally it should be noted that：The above embodiments are merely illustrative of the technical solutions of the present invention, rather than its limitations；Although
Present invention has been described in detail with reference to the aforementioned embodiments, it will be understood by those of ordinary skill in the art that：It still may be used
With technical scheme described in the above embodiments is modified or equivalent replacement of some of the technical features；
And these modifications or replacements, various embodiments of the present invention technical solution that it does not separate the essence of the corresponding technical solution spirit and
Range.
Claims (10)
1. a kind of method of continuous load Web AR objects, which is characterized in that including：
In Web browser loading page, the request for downloading AR models is sent to remote server；
Receive the AR model datas that the remote server is returned according to the request for downloading AR models；
Static models are generated according to the static models data in the AR model datas, and by the animation in the AR model datas
Data are tied to the static models；
Based on the static models for being bundled with animation data, it is pre-configured with according to certain trigger events or in animation configuration file
Timing node 3D animation models are rendered in the Web browser.
2. according to the method described in claim 1, it is characterized in that, described in Web browser loading page, to remote service
Device sends the request for downloading AR models, specifically includes：
In Web browser loading page, under opening one or more sub-line journeys, being sent to remote server using HTTP request
Carry the request of AR models.
3. according to the method described in claim 1, it is characterized in that, the static models number according in the AR model datas
According to generation static models, and the model animation data in the AR model datas is tied to the static models, specifically included：
Intercept static data part and animation data part in the AR model datas；Wherein, the static data part is quiet
States model data include the vertical array information of model；The animation data part is model animation data；
The static data part and the animation data are partially converted to rendered formats, obtain the static data of rendered formats
With the animation data of rendered formats；
The vertex data that model is obtained according to the static data of the rendered formats generates static mould according to the vertex data
Type；
The animation data of the rendered formats is added to animation array, the animation array is tied to the static models.
4. according to the method described in claim 3, it is characterized in that, the AR model datas include one or more AR models
Data；
Correspondingly, described be partially converted to rendered formats by the static data part and the animation data, obtain and render lattice
The static data of formula and the animation data of rendered formats, specifically include：
For one or more AR models, if the AR models carry one or more animations, by the static number of each AR models
It is according to the static data for being partially converted to a rendered formats, one or more animation data parts of each AR models are corresponding
Be converted to the animation data of one or more parts rendered formats.
5. according to the method described in claim 3, it is characterized in that, described obtain mould according to the static data of the rendered formats
The vertex data of type generates static models according to the vertex data, specifically includes：
All vertex datas of vertical array information in the static data are added to model vertices array, and according to
WebGL standards generate the vertex of model, wherein every three data in the vertical array information are a vertex of model
Three-dimensional coordinate information；
According to the vertex data of the model vertices array, every three vertex are spliced into dough sheet, all dough sheets are added to mould
Type dough sheet array, and according to the dough sheet of WebGL standards generation model；
According to all dough sheets of generation, it is built into static models.
6. according to the method described in claim 5, it is characterized in that, the static data part further includes the material information of model
And/or textures information；
Correspondingly, the vertex data that model is obtained according to the static data of the rendered formats, according to the vertex data
Static models are generated, further include：
Based on the material information, assign the static models corresponding material according to WebGL standards；And/or
Based on the textures information, corresponding textures are covered to the static models according to WebGL standards.
7. according to claim 3-6 any one of them methods, which is characterized in that described based on being bundled with model animation data
The static models, according to certain trigger events or in the preconfigured timing node of animation configuration file in the web browsing
3D animation models are rendered in device, are specifically included：
It is advance according to certain trigger events or in animation configuration file based on the static models for being bundled with model animation data
The timing node of configuration renders the static models in the Web browser；
If the static models are bundled with a model animation data, according to one model animation data to the static state
Model is rendered, and 3D animation models are obtained；
If the static models are bundled with multiple model animation datas, animation data is obtained according to the sequence for rendering and playing,
And animation array is respectively added to after being bound with corresponding static models, and according to the demand of broadcasting to dynamic in animation array
It draws data and assigns corresponding weight, corresponding rendering is carried out to the static models according to the weight of each animation data, is obtained
3D animation models.
8. a kind of device of continuous load Web AR objects, which is characterized in that including：
Model request module, in Web browser loading page, the request for downloading AR models to be sent to remote server；
Data reception module, the AR pattern numbers returned according to the request for downloading AR models for receiving the remote server
According to；
Model preprocessing module, for generating static models according to the static models data in the AR model datas, and by institute
The model animation data stated in AR model datas is tied to the static models；And
3D rendering modules, for based on the static models for being bundled with model animation data, according to certain trigger events or
The preconfigured timing node of animation configuration file renders 3D animation models in the Web browser.
9. a kind of electronic equipment, which is characterized in that including：
At least one processor；And
At least one processor being connect with the processor communication, wherein：
The memory is stored with the program instruction that can be executed by the processor, and the processor calls described program to instruct energy
Enough methods executed as described in claim 1 to 7 is any.
10. a kind of non-transient computer readable storage medium, which is characterized in that the non-transient computer readable storage medium is deposited
Computer instruction is stored up, the computer instruction makes the computer execute the method as described in claim 1 to 7 is any.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810321109.3A CN108597028A (en) | 2018-04-11 | 2018-04-11 | A kind of method, apparatus and equipment of continuous load Web AR objects |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810321109.3A CN108597028A (en) | 2018-04-11 | 2018-04-11 | A kind of method, apparatus and equipment of continuous load Web AR objects |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108597028A true CN108597028A (en) | 2018-09-28 |
Family
ID=63621749
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810321109.3A Pending CN108597028A (en) | 2018-04-11 | 2018-04-11 | A kind of method, apparatus and equipment of continuous load Web AR objects |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108597028A (en) |
Cited By (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109617960A (en) * | 2018-12-10 | 2019-04-12 | 浙江传媒学院 | A kind of web AR data presentation method based on attributed separation |
| CN110060320A (en) * | 2019-04-18 | 2019-07-26 | 成都四方伟业软件股份有限公司 | Animation producing method and device based on WEBGL |
| CN110446228A (en) * | 2019-08-13 | 2019-11-12 | 腾讯科技（深圳）有限公司 | Data transmission method, device, terminal device and storage medium |
| CN110708202A (en) * | 2019-10-15 | 2020-01-17 | 深圳前海微众银行股份有限公司 | Configuration method, device and equipment of plug-in node and storage medium |
| CN110995931A (en) * | 2019-12-10 | 2020-04-10 | 北京邮电大学 | City business card service method based on interactive short message and WebXR |
| CN111179383A (en) * | 2019-12-27 | 2020-05-19 | 上海咔咖文化传播有限公司 | Rendering lens recombination method and device for CG animation production |
| CN111724469A (en) * | 2020-06-28 | 2020-09-29 | 广州小鹏车联网科技有限公司 | Loading method and display method of three-dimensional model, vehicle and storage medium |
| CN112702611A (en) * | 2019-10-22 | 2021-04-23 | 上海华为技术有限公司 | Playing method and playing system |
| CN112991500A (en) * | 2021-03-12 | 2021-06-18 | 广东三维家信息科技有限公司 | Home decoration movie and television animation method and device, electronic equipment and storage medium |
| CN113628321A (en) * | 2021-07-15 | 2021-11-09 | 杭州玖欣物联科技有限公司 | Large-scale industrial three-dimensional model rendering method |
| WO2021232603A1 (en) * | 2020-05-19 | 2021-11-25 | 深圳市商汤科技有限公司 | Data processing method and apparatus, processor, electronic device, and storage medium |
| CN114401423A (en) * | 2022-01-13 | 2022-04-26 | 上海哔哩哔哩科技有限公司 | Data processing method and device |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2005165873A (en) * | 2003-12-04 | 2005-06-23 | Masahiro Ito | Web 3d-image display system |
| CN106909640A (en) * | 2017-02-16 | 2017-06-30 | 杭州新迪数字工程系统有限公司 | Threedimensional model lightweight display technique based on webgl |
| CN107222529A (en) * | 2017-05-22 | 2017-09-29 | 北京邮电大学 | Augmented reality processing method, WEB modules, terminal and cloud server |
| CN107247548A (en) * | 2017-05-31 | 2017-10-13 | 腾讯科技（深圳）有限公司 | Method for displaying image, image processing method and device |
-
2018
- 2018-04-11 CN CN201810321109.3A patent/CN108597028A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2005165873A (en) * | 2003-12-04 | 2005-06-23 | Masahiro Ito | Web 3d-image display system |
| CN106909640A (en) * | 2017-02-16 | 2017-06-30 | 杭州新迪数字工程系统有限公司 | Threedimensional model lightweight display technique based on webgl |
| CN107222529A (en) * | 2017-05-22 | 2017-09-29 | 北京邮电大学 | Augmented reality processing method, WEB modules, terminal and cloud server |
| CN107247548A (en) * | 2017-05-31 | 2017-10-13 | 腾讯科技（深圳）有限公司 | Method for displaying image, image processing method and device |
Non-Patent Citations (2)
| Title |
|---|
| IT技术研究院: "图解WebGL&Three.js工作原理", 《HTTPS://BLOG.CSDN.NET/K0MWAK/ARTICLE/DETAILS/78104445》 * |
| 杨润斌等: "基于WebGL的3D动画实时播放系统", 《计算机系统应用》 * |
Cited By (17)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109617960A (en) * | 2018-12-10 | 2019-04-12 | 浙江传媒学院 | A kind of web AR data presentation method based on attributed separation |
| CN109617960B (en) * | 2018-12-10 | 2022-04-12 | 浙江传媒学院 | Attribution separation-based web AR data presentation method |
| CN110060320A (en) * | 2019-04-18 | 2019-07-26 | 成都四方伟业软件股份有限公司 | Animation producing method and device based on WEBGL |
| CN110446228B (en) * | 2019-08-13 | 2022-02-22 | 腾讯科技（深圳）有限公司 | Data transmission method, device, terminal equipment and storage medium |
| CN110446228A (en) * | 2019-08-13 | 2019-11-12 | 腾讯科技（深圳）有限公司 | Data transmission method, device, terminal device and storage medium |
| CN110708202A (en) * | 2019-10-15 | 2020-01-17 | 深圳前海微众银行股份有限公司 | Configuration method, device and equipment of plug-in node and storage medium |
| CN110708202B (en) * | 2019-10-15 | 2023-12-05 | 深圳前海微众银行股份有限公司 | Configuration method, device, equipment and storage medium of plug-in node |
| CN112702611A (en) * | 2019-10-22 | 2021-04-23 | 上海华为技术有限公司 | Playing method and playing system |
| CN110995931A (en) * | 2019-12-10 | 2020-04-10 | 北京邮电大学 | City business card service method based on interactive short message and WebXR |
| CN111179383A (en) * | 2019-12-27 | 2020-05-19 | 上海咔咖文化传播有限公司 | Rendering lens recombination method and device for CG animation production |
| CN111179383B (en) * | 2019-12-27 | 2024-03-15 | 杭州玄机科技股份有限公司 | Rendering lens reorganization method and device for CG animation production |
| WO2021232603A1 (en) * | 2020-05-19 | 2021-11-25 | 深圳市商汤科技有限公司 | Data processing method and apparatus, processor, electronic device, and storage medium |
| CN111724469A (en) * | 2020-06-28 | 2020-09-29 | 广州小鹏车联网科技有限公司 | Loading method and display method of three-dimensional model, vehicle and storage medium |
| CN112991500A (en) * | 2021-03-12 | 2021-06-18 | 广东三维家信息科技有限公司 | Home decoration movie and television animation method and device, electronic equipment and storage medium |
| CN113628321A (en) * | 2021-07-15 | 2021-11-09 | 杭州玖欣物联科技有限公司 | Large-scale industrial three-dimensional model rendering method |
| CN114401423A (en) * | 2022-01-13 | 2022-04-26 | 上海哔哩哔哩科技有限公司 | Data processing method and device |
| CN114401423B (en) * | 2022-01-13 | 2023-12-12 | 上海哔哩哔哩科技有限公司 | Data processing method and device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108597028A (en) | A kind of method, apparatus and equipment of continuous load Web AR objects | |
| US10354430B2 (en) | Image update method, system, and apparatus | |
| JP5937711B2 (en) | Program, recording medium, information processing apparatus, and control method | |
| US9934602B2 (en) | System, method and device for three-dimensional modeling | |
| CN109901894B (en) | Progress bar image generation method and device and storage medium | |
| CN109885367B (en) | Interactive chat implementation method, device, terminal and storage medium | |
| JP6181917B2 (en) | Drawing system, drawing server, control method thereof, program, and recording medium | |
| TWI543108B (en) | Crowd-sourced video rendering system | |
| US20220241689A1 (en) | Game Character Rendering Method And Apparatus, Electronic Device, And Computer-Readable Medium | |
| CN113076152B (en) | Rendering method and device, electronic equipment and computer readable storage medium | |
| WO2022252547A1 (en) | Rendering method, device and system | |
| CN105556574A (en) | Rendering apparatus, rendering method thereof, program and recording medium | |
| CN112150592B (en) | Animation file generation method and device, storage medium and electronic equipment | |
| CN111142967B (en) | Augmented reality display method and device, electronic equipment and storage medium | |
| CN108389241A (en) | The methods, devices and systems of textures are generated in scene of game | |
| CN112316433A (en) | Game picture rendering method, device, server and storage medium | |
| CN116958344A (en) | Animation generation method and device for virtual image, computer equipment and storage medium | |
| WO2024088144A1 (en) | Augmented reality picture processing method and apparatus, and electronic device and storage medium | |
| CN108876925B (en) | Virtual reality scene processing method and device | |
| CN113313796B (en) | Scene generation method, device, computer equipment and storage medium | |
| CN113672280A (en) | Animation playing program package compiling method and device, electronic equipment and storage medium | |
| CN113192173A (en) | Image processing method and device for three-dimensional scene and electronic equipment | |
| WO2023142756A1 (en) | Live broadcast interaction method, device, and system | |
| Kumar et al. | Graphics in the Game Industry | |
| US20240009560A1 (en) | 3D Image Implementation |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180928 |