CN115270032A

CN115270032A - WebGL-based dynamic high-definition character display method and system

Info

Publication number: CN115270032A
Application number: CN202210953737.XA
Authority: CN
Inventors: 李选贤; 张洪波
Original assignee: Shanghai Tuke Technology Co ltd
Current assignee: Shanghai Tuke Technology Co ltd
Priority date: 2022-08-10
Filing date: 2022-08-10
Publication date: 2022-11-01
Anticipated expiration: 2042-08-10
Also published as: CN115270032B

Abstract

The invention relates to a dynamic high-definition character display method and a system based on WebGL, wherein the method comprises the following steps: acquiring a first character set comprising a character object to be displayed; dividing the textual objects into first and second types of textual objects based on first cache data of the front end, the first type of textual objects having multi-channel signed distance field information cached in the first cache data; extracting multi-channel signed distance field information corresponding to the first class of textual objects from the first cached data and constructing a first set of multi-channel signed distance field information; a second multi-channel signed distance field information set is correspondingly constructed based on the second type of textual object, wherein the second multi-channel signed distance field information set includes: multi-channel signed distance field information for a second type of textual object; rendering is performed based on the multi-channel signed distance field information set to display the textual object. The method and the system provided by the invention can relieve the distortion problem of the characters to a certain extent and realize the dynamic display of mass characters.

Description

WebGL-based dynamic high-definition character display method and system

Technical Field

The invention relates to the technical field of computer graphic Web display, in particular to a dynamic high-definition character display method and system based on WebGL.

Background

When the application scene of real-time display of massive dynamic characters is involved, especially when the scene with large character size such as a multi-national language environment is involved, the method is realized by a single-channel Signed Distance Field (SDF) mode. However, there are some problems with SDF-based text display. For example, fonts generated based on the SDF cannot meet the requirement of high definition scaling, and such fonts have the problems of triangulation and rounding in the process of enlarging and rendering. As shown in fig. 1 and 2, fig. 1 and 2 are rendering effects of the SDF characters "a" of 16 pixels and 32 pixels, respectively, and both the SDF characters "a" have a triangular rounding problem after enlarged rendering. Meanwhile, the dynamic SDF character generation mode has higher requirements on the hardware performance of the corresponding system, and the more the number of the real-time display characters is, the higher the requirements on the hardware performance of the computer is, and the higher the implementation cost is correspondingly.

Disclosure of Invention

The present invention is directed to a method and system for dynamic high-definition text display based on WebGL, which partially solves or alleviates the above-mentioned disadvantages of the prior art,

in order to solve the above mentioned technical problems, the present invention specifically adopts the following technical solutions:

the invention provides a dynamic high-definition character display method based on WebGL, which comprises the following steps:

obtaining a first character set, the first character set comprising: an intended textual object to be displayed;

classifying the text objects based on first cache data at a front end, and correspondingly classifying the text objects into a first class of text objects and a second class of text objects, wherein the first class of text objects has corresponding multi-channel signed distance field information in the first cache data;

extracting the multichannel signed distance field information corresponding to the first class of textual objects from the first cached data and constructing a first multichannel signed distance field information set accordingly;

a second multi-channel signed distance field information set is correspondingly constructed based on the second type of textual object, wherein the second multi-channel signed distance field information set includes: the multichannel signed distance field information corresponding to the second type of textual object;

rendering based on the corresponding multi-channel signed distance field information set to display the textual object.

Further, in some embodiments, constructing the set of information for the second multichannel signed distance field based on the correspondence of the second type of textual object includes:

classifying the second type of textual object based on second cached data at a back end, and correspondingly classifying the second type of textual object into a third type of textual object and a fourth type of textual object, wherein the third type of textual object has corresponding multi-channel signed distance field information in the second cached data;

extracting the multichannel signed distance field information corresponding to the third type of textual object from the second cached data and building a third multichannel signed distance field information set accordingly;

generating multi-channel signed distance field information correspondingly based on the fourth type of textual object, and correspondingly constructing to obtain a fourth multi-channel signed distance field information set;

the second multi-channel signed distance field information set is obtained based on the third and fourth multi-channel signed distance field information sets.

Further, in some embodiments, the method further comprises the steps of:

updating a current timestamp and a frequency of use of each multi-channel signed distance field information in the first cached data based on the first type of textual object;

wherein the current timestamp is a latest display time of the first type of textual object corresponding to the multi-channel signed distance field information.

Further, in some embodiments, the method further comprises the steps of:

obtaining a data size of the fourth multi-channel signed distance field information set;

obtaining the size of the remaining cache space of the front end, wherein the cache space is used for caching the first cache data;

determining whether the size of the data is less than or equal to the size of the remaining cache space, and if so, caching the fourth multi-channel signed distance field information set into the cache space, and if not, partially clearing the first cache data based on a priority of the multi-channel signed distance field information in the first cache data to make the size of the remaining cache space not less than the size of the data, and caching the fourth multi-channel signed distance field information set into the cache space.

Further, in some embodiments, the second cache data includes a first cache portion and a second cache portion, where the first cache portion is cached in a first storage space at the back end, the second cache portion is cached in a second storage space at the back end, and a data read-write speed of the first storage space is greater than a data read-write speed of the second storage space.

Further, in some embodiments, the method further comprises the steps of:

updating a current timestamp and a frequency of use of each multi-channel signed distance field information in the first cache portion, wherein the current timestamp is a most recent display time of the textual object corresponding to the multi-channel signed distance field information;

determining whether a partial update of the first cache portion is needed based on the current timestamp and the frequency of use to cache partial multichannel signed distance field information in the first cache portion in the second storage space, wherein the partial multichannel signed distance field information refers to multichannel signed distance field information having a priority greater than a first preset priority.

Further, in some embodiments, the textual objects in the first set of characters are not repeated.

The second aspect of the present invention further provides a WebGL-based dynamic high-definition text display system, including:

a first character set acquisition module configured to acquire a first character set, the first character set comprising: an intended textual object to be displayed;

a first classification module configured to classify the literal objects based on first cached data at a front end into a first class of literal objects and a second class of literal objects, wherein the first class of literal objects has corresponding multi-channel signed distance field information in the first cached data;

a first information set construction module configured to extract the multichannel signed distance field information corresponding to the first type of textual object from the first cached data and to construct a first multichannel signed distance field information set accordingly;

a second information set construction module configured to correspondingly construct a second multichannel signed distance field information set based on the second type of textual object, wherein the second multichannel signed distance field information set comprises: the multichannel signed distance field information corresponding to the second type of textual object;

a rendering module configured for rendering based on the corresponding multi-channel set of signed distance field information to display the textual object.

Further, in some embodiments, the second information set construction module further comprises:

a classification unit configured to classify the second-type textual object into a third-type textual object and a fourth-type textual object based on back-end second cached data, wherein the third-type textual object has corresponding multi-channel signed distance field information in the second cached data;

a first information set construction unit configured to extract the multichannel signed distance field information corresponding to the third type of textual object from the second cached data and to construct a third multichannel signed distance field information set accordingly;

a second information set construction unit configured to generate multi-channel signed distance field information based on the third type of textual object and to construct a fourth multi-channel signed distance field information set;

a third information set construction unit configured for deriving the second multi-channel signed distance field information set based on the third and fourth multi-channel signed distance field information sets.

The beneficial technical effects are as follows:

the dynamic high-definition character display method based on the WebGL selects a multi-channel signed distance field (MSDF) technology, effectively relieves the distortion problem (such as the problem that triangles become round corners in the amplification process) of characters in the amplification rendering process, and accordingly realizes high-definition display of character objects.

In addition, the method is further optimized through the first cache data arranged at the front end, the logic of data transmission of the CPU and the GPU is reduced and optimized, and the subtitle rendering performance and efficiency are improved to a certain extent.

Further, the invention preferably performs data caching in a front-end and back-end caching (i.e. double-end caching) manner, and the double-end caching manner does not cause excessive pressure on the cache at one end; and the mode of double-end cache is convenient for reasonably distributing and managing the cache data so as to further coordinate and balance the multi-party pressure of front-end cache, network request, back-end concurrence, back-end cache, MSDF generation and the like, and the PC resources required by each rendering are minimum and optimal based on the comprehensive coordination of the multi-party pressure. Based on the coordination and balance of the multi-party pressure, the method greatly reduces the request and response data generated by the front end and the back end in the running process in the real-time dynamic character display process, thereby effectively reducing the network data transmission pressure, the concurrent pressure of the back end and the analysis time of the front end, and further effectively accelerating the generation and display efficiency of characters. Meanwhile, the method also greatly reduces the time consumption and the performance consumption of the real-time/dynamic generation of the MSDF information so as to further accelerate the overall efficiency of the text display.

And only for the character set which does not have cache in the browser, the request for generating new MSDF information is applied, so that the request and response data are greatly reduced, and the network data transmission pressure and the concurrent pressure of a server are favorably reduced.

Therefore, the method and the device can be well suitable for massive and dynamic character display scenes. For example, dynamic high definition displays involving languages with very large character sets such as chinese, japanese, korean, etc.; for another example, the present invention relates to a scene of dynamic high-definition display of a multi-national language such as english and arabic.

The character display method provided by the invention can be well applied to real-time dynamic display scenes of various characters with larger character quantity, in particular to display scenes in which the character content, the character quantity and the character size (namely the character scaling state) are rapidly changed (namely, character display scenes with multiple changes are involved). E.g. data star diagrams etc., in particular GraphXR scenarios involving fast rotation, scaling etc. As shown in fig. 11a to fig. 11c, in GraphXR, a large amount of high definition text can be displayed, and the text can be zoomed, rotated, and the like. In the dynamic text display process of GraphXR, when a user wants to view a certain part of data, the data can be dragged to display the part of data in a high-definition enlarged mode. In the process, a large amount of characters may be rapidly changed from an invisible state to a high-definition visible state in a short time, that is, the content and the number of the characters displayed on the current interface are rapidly changed in real time along with the operation of the user (for example, when the user performs an enlarging operation, the number of the characters visible on the current interface in a high-definition state is rapidly increased in a moment, and the characters are also rapidly rendered and enlarged). On one hand, the MSDF technology is applied to the dynamic display of the characters, so that the high-definition display of the characters in the rapid rendering and amplifying process can be effectively realized. Meanwhile, the method and the device optimize and reduce the synthesis time of MSDF information through a front-end cache mode and a rear-end cache mode, optimize the logic of data transmission of a CPU and a GPU, improve the subtitle rendering performance and efficiency to a certain extent, and can be well suitable for the dynamic character display scene with rapid display content change and more display characters. Therefore, the text object to be displayed can be generated in real time and quickly in a short time by combining the MSDF technology with the front-end cache and the rear-end cache, and the text object which changes in real time can be displayed in a dynamic and high-definition scaling manner.

Preferred application scenarios of the present invention further include: the display scene (such as a starry sky data map) has a large number of data types and a large amount of data, and in the display scene, the types of the related data are numerous, and a user can display different types of data in a targeted manner based on different retrieval modes/analysis modes. Therefore, when the user switches the analysis/search mode in real time based on the application requirements, the text object to be displayed at present will change rapidly. It will be appreciated that preferred adaptation scenarios of the present invention further include: display scenes updated in real time in a database (text library). In this kind of display scenario, the current database is in a real-time dynamic update state (i.e., external data is imported in real time). Therefore, in the display scene, the currently displayed character objects may also have real-time dynamic changes, and many related character objects are difficult to estimate.

Drawings

In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below. Throughout the drawings, like elements or portions are generally identified by like reference numerals. In the drawings, elements or portions are not necessarily drawn to scale. It is obvious that the drawings in the following description are some embodiments of the invention, and that for a person skilled in the art, other drawings can be derived from them without inventive exercise.

Fig. 1 is a schematic diagram of rendering effect of an SDF character "a" of 16 pixels generated based on the SDF technique;

FIG. 2 is a diagram illustrating the rendering effect of a 32-pixel SDF character "A" generated based on the SDF technique;

fig. 3 is a schematic flowchart of a WebGL-based dynamic high-definition text display method according to an exemplary embodiment of the present invention;

FIG. 4 is a flow chart illustrating the construction of a second MSDF information set in an exemplary embodiment of the invention;

FIG. 5 is a schematic representation of the rendering effect of a 16-pixel MSDF character "A" generated in an exemplary embodiment of the invention;

FIG. 6 is a diagram illustrating a display effect of text objects according to an embodiment of the present invention;

FIG. 7 is a schematic flow chart of a method in accordance with an embodiment of the present invention;

FIG. 8 is a diagram illustrating classification relationships of textual objects in an embodiment of the present invention;

fig. 9 is a schematic block diagram of a WebGL-based dynamic high-definition text display system according to an exemplary embodiment of the present invention;

FIG. 10a is a PNG picture in the MSDF information for the character "AB" in an exemplary embodiment of the invention;

FIG. 10b is a JSON information in MSDF information for a character "AB" in an exemplary embodiment of the invention;

fig. 11a is a schematic diagram of a first operating state of an exemplary application scenario GraphXR in accordance with the present invention;

fig. 11b is a schematic diagram of a second operating state of an exemplary application scenario GraphXR in accordance with the present invention;

fig. 11c is a schematic diagram of a first operating state of an exemplary application scenario GraphXR according to the present invention.

Detailed Description

In order to make the objects, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention. It is to be understood that the embodiments described are only a few embodiments of the present invention, and not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.

Herein, suffixes such as "module", "part", or "unit" used to denote elements are used only for facilitating the description of the present invention, and have no specific meaning in itself. Thus, "module", "component" or "unit" may be used mixedly.

Herein, the terms "upper", "lower", "inner", "outer", "front", "rear", "one end", "the other end", and the like indicate orientations or positional relationships based on the orientations or positional relationships shown in the drawings, and are only for convenience of describing the present invention and simplifying the description, but do not indicate or imply that the referred device or element must have a specific orientation, be constructed in a specific orientation, and be operated, and thus, should not be construed as limiting the present invention. Furthermore, the terms "first" and "second" are used for descriptive purposes only and are not to be construed as indicating or implying relative importance.

As used herein, unless otherwise expressly specified or limited, the terms "mounted," "disposed," "connected," and the like are to be construed broadly, such that the terms "connected," or "connected," as used herein, may be fixedly connected, detachably connected, or integrally connected; they may be mechanically coupled, directly coupled, indirectly coupled through intervening media, or may be interconnected between two elements. The specific meanings of the above terms in the present invention can be understood in a specific case to those of ordinary skill in the art.

Herein "and/or" includes any and all combinations of one or more of the associated listed items.

By "plurality" herein is meant two or more, i.e. it includes two, three, four, five, etc.

Herein, "WebGL" is a technology used to draw and render complex two-dimensional, three-dimensional graphics (3D graphics) on web pages, and to allow users to interact with them.

In this context, the "front end" refers to a foreground portion of a website, which runs on a browser such as a Personal Computer (PC) or a mobile terminal to present various text objects to a web page browsed by a user, for example, a browser. "backend" refers to a server that interacts with a user through a browser.

Herein, MSDF (Multi-channel signed distance field), i.e. a Multi-channel signed distance field (or a Multi-channel signed distance field), can be understood as MSDF character is a luminous body and can emit different lights in four directions, i.e. left, right, up and down, the colors of the corresponding lights are red, green, blue and white in turn, so as to generate corresponding RGBA values, and an MSDF picture (i.e. PNG picture) is shown in fig. 5. Also, the GPU can only recognize color information, and data expressed in colors (red, green, blue, transparent: RGBA) are processed. When the MSDF picture is taken by the GPU, the MSDF picture is processed by a corresponding algorithm, and when the median value in the RGBA is larger than 0.5, the MSDF picture is displayed, otherwise, the MSDF picture is not displayed. Therefore, the character picture can be indirectly changed into a vector graph (which can be processed based on a corresponding algorithm), so that the problem of distortion (such as the problem of triangle rounding) does not occur in the character zooming process.

Example one

The first aspect of the present invention provides a method for displaying dynamic high-definition text based on WebGL, as shown in fig. 3, the method includes the steps of:

s101, a first character set is obtained, and the first character set comprises: an intended textual object to be displayed; the character objects are characters to be displayed.

S102, classifying the literal objects based on the first cache data at the front end, and correspondingly classifying the literal objects into a first class of literal objects and a second class of literal objects, wherein the first class of literal objects has corresponding MSDF information (namely multichannel signed distance field information) in the first cache data, and the second class of literal objects does not have corresponding MSDF information in the first cache data;

s103, extracting MSDF information corresponding to the first type of literal objects from the first cache data, and correspondingly constructing to obtain a first MSDF information set;

s104, correspondingly constructing a second MSDF information set based on the second type of literal object, wherein the second MSDF information set comprises: MSDF information corresponding to the second type literal object;

s105 renders based on the corresponding MSDF information set to display the literal object.

In some embodiments, the MSDF information comprises: PNG pictures, and JSON information.

For example, in one embodiment, the PNG42 pixel picture information of MSDF character "AB" is shown in fig. 10a, and the JSON information thereof is expanded as shown in fig. 10 b.

In some embodiments, step S104 specifically includes: for a literal object for which no available MSDF information is extracted from the first cache data, a corresponding first request is sent to the MSDF server, and the first request comprises: a second type of textual object. The MSDF server correspondingly generates MSDF information of the second type of literal objects based on the received first request, and correspondingly constructs a second MSDF information set. For example, in this embodiment, when the required MSDF information exists in the first cache data, the existing required MSDF information is extracted from the first cache data, and for the remaining text objects from which the existing MSDF information is not extracted, the corresponding MSDF information may be generated in real time based on the MSDF server. And rendering the obtained MSDF information after the MSDF information of all the character objects to be displayed is obtained so as to display the character objects.

In this embodiment, a Multichannel Signed Distance Field (MSDF) technique is used to dynamically generate textual objects to be displayed. Among them, the literal object generated based on the MSDF technique can adapt to the scaling change well, as shown in fig. 5, the "a" character of 16 × 16 pixels generated based on the MSDF technique does not have the problem of triangle rounding appearing in fig. 1 and 2 after the enlarged rendering. In addition, in the embodiment, the first cache data is cached at the front end, so that in the generating process of the literal object, the required MSDF information can be preferentially selected from the first cache data, thereby reducing the time consumption for generating the MSDF information and the occupation of the performance of the MSDF server to a certain extent, and improving the generating efficiency of the whole MSDF information. Meanwhile, because the request for generating the MSDF information is only provided for the literal object without the cache information, the request data and the response data can be effectively reduced, and thus the network data transmission pressure (such as the reduction of the transmission data volume of a server and a browser) and the concurrence pressure of a server can be effectively reduced.

It can be understood that, when the more literal objects (or MSDF information) that need to be generated, the longer the response and transmission time is needed, which may result in more requests pushed by the server side so that the concurrency capability index of the server side is decreased. Therefore, especially under the condition of dynamic display data mass, MSDF information is provided for partial text objects through the first cache data, and the concurrency pressure of the server side can be reduced to a certain extent.

Preferably, in some embodiments, as shown in fig. 4, step S104 includes:

s401, classifying the second type of literal objects based on the second cache data at the rear end, and correspondingly classifying the second type of literal objects into a third type of literal objects and a fourth type of literal objects, wherein the third type of literal objects have corresponding MSDF information in the second cache data, and the fourth type of literal objects do not have corresponding MSDF information in the second cache data;

s402, extracting MSDF information corresponding to the third type literal object from the second cache data, and correspondingly constructing to obtain a third MSDF information set;

s403, correspondingly generating MSDF information based on the fourth type literal object, and correspondingly constructing to obtain a fourth MSDF information set;

s404, a second MSDF information set is obtained based on the third and fourth MSDF information sets.

In some embodiments, S403 specifically includes the steps of: transmitting a second request to the MSDF server to generate the MSDF information, wherein the second request comprises: a fourth type of textual object; the MSDF server generates MSDF information corresponding to the fourth type literal object based on the received second request. In this embodiment, a request for applying for generating MSDF information is generated only for a literal object for which no cache information exists at the front end (such as a browser) and the back end (i.e., a server) at each time, which greatly reduces request and response data, i.e., reduces the generation pressure of the MSDF server and also reduces the concurrent pressure of the server.

In this embodiment, the mode of front-end and back-end caching is selected to further relieve the operating pressure of the back end (i.e., the server) and the MSDF server. The first cache data at the front end can effectively reduce the amount of request data sent to the MSDF server (in other words, reduce the amount of network data transmission between different ports), and reduce the amount of data that needs to be processed (including caching, sending, etc.) at the back end. The pressure of real-time production of MSDF information of the MSDF server can be further reduced through the second cache data of the back end. In other words, the front-end and back-end caching manner in this embodiment provides reliable reuse optimization for MSDF production operations, further reducing the time consumption for MSDF information production and the performance consumption of MSDF servers. And the combination of the front-end cache and the back-end cache can ensure a more efficient text display process, can not cause more load pressure for the front end, and can not cause excessive consumption on the performance of the browser.

Moreover, the front-end and back-end caching method in this embodiment is particularly suitable for being applied to a display scene with a large number of text objects and a certain repeatability, for example, a display of a map navigation system.

Preferably, in some embodiments, the first cache data includes: MSDF information of the text objects that are displayed historically.

Preferably, in some embodiments, the second cache data includes: MSDF information of the text objects that are displayed historically.

Specifically, in some embodiments, the MSDF information in the first and second cache data is MSDF information of a literal object that has been displayed at the browser end, that is, MSDF information generated by a current MSDF server for a historical period of time.

It is understood that there is no duplication of MSDF information in the first and second buffered data in order to avoid invalid occupation of resources.

Further, in some embodiments, the method further comprises the steps of:

updating the current timestamp and the use frequency of each MSDF information in the first cache data based on the first type of literal object;

and the current timestamp is the latest display time of the first type of literal object corresponding to the MSDF information.

Further, in some embodiments, the method further comprises the steps of:

obtaining a data size (or information set size) of a fourth MSDF information set;

obtaining the size of the remaining cache space at the front end, wherein the cache space is used for caching the first cache data;

and judging whether the size of the data is smaller than or equal to the size of the remaining cache space, caching the fourth MSDF information set into the cache space when the judgment result is yes, and partially clearing the first cache data based on the priority of the MSDF information in the first cache data when the judgment result is no so that the size of the remaining cache space is not smaller than the size of the data, and caching the fourth MSDF information set into the cache space.

For example, in some specific embodiments, the relevant information (including the current timestamp and frequency of use of MSDF information) in the first cached data is updated based on the first type of literal object information. Specifically, the latest usage time (or the latest display time) of the literal object corresponding to the MSDF information is used as the current timestamp, and the usage frequency is increased by 1. When the MSDF information of the second literal object is cached, the size of the remaining cache space needs to be checked. For example, when it is checked that the size of the remaining buffer space is x, and the size of the current second literal object (preferably, a literal object that does not exist in the first and second buffer spaces) is y, when y ≧ x (or, in other embodiments, when y ≧ x · λ, then purging of the buffer space is started, where λ is a safety factor, less than 1, for example, λ may be set to 0.8, 0.9, etc.), then it is necessary to determine the priority information of each buffered MSDF information according to the latest usage time and usage frequency, and sequentially purge part of the buffered MSDF information therein based on the priority information, and purge part of the available buffer space so that the MSDF information of the second literal object can be normally stored. And finally, caching the MSDF information of the second literal object into the first cache data to realize the dynamic update of the first cache data.

Alternatively, in other embodiments, when a text object appears two or more times within the current time, the frequency of use is correspondingly increased two or more times.

In this embodiment, by dynamically updating and managing the first cache data, it is ensured that the current first cache data has a stronger association with the current content to be displayed (that is, in the subsequent display process, the probability that the generated literal objects in the first character set have corresponding MSDF information cached in the first cache data is relatively higher).

Preferably, in some embodiments, to increase the efficiency of the display of text, and to reduce the complexity of the display system, the text objects in the first character set are not repeated.

Preferably, in some embodiments, each text object is further marked with the number of occurrences, where the number of occurrences is the total number of occurrences of the text object in the current region to be displayed.

Further, in some embodiments, the corresponding priority of the MSDF information is:

W＝aT-bF (1)

wherein, W is priority, a and b are weights, T is a time difference between a current time and the current timestamp, and F is the usage frequency. Equation (1) above is a mathematical model of MSDF information priority determined based on current timestamp, frequency of use. It is understood that the specific values of a and b can be set by the operator.

For example, in some embodiments, when W is larger, the priority of the corresponding MSDF information is higher, and priority is given to processing when data purging is performed. That is, the priority in the present embodiment represents the clearing priority of MSDF information.

Further, in some embodiments, when a part of MSDF information in the first buffered data is cleared/deleted, the cleared/deleted MSDF information is buffered in the second buffered data located at the back end.

Further, in some embodiments, the second cache data includes a first cache portion and a second cache portion, where the first cache portion is cached in a first storage space at the back end, the second cache portion is cached in a second storage space at the back end, and a data read/write speed of the first storage space is greater than a data read/write speed of the second storage space.

For example, in some embodiments, the cache data flushed from the first cache data is preferentially cached to the first cache portion in the second cache data.

Further, in some embodiments, the method further comprises the steps of:

updating a current timestamp and a use frequency of each MSDF information in the first cache part, wherein the current timestamp is the latest display time of the text object corresponding to the MSDF information;

and judging whether partial updating needs to be carried out on the first cache part or not based on the current timestamp and the use frequency so as to cache partial MSDF information in the first cache part into the second storage space, wherein the partial MSDF information refers to MSDF information with priority higher than a first preset priority.

In some embodiments, the MSDF priority in the second buffered data may be determined in the manner described in equation (1) above, wherein the first preset priority may be freely set by a staff.

For example, in some embodiments, the first storage space is a memory area (i.e., an internal memory) at the back end, and the second storage space is an external storage area (i.e., an external memory) or a cache memory at the back end, such as a hard disk, a floppy disk, and the like.

In this embodiment, the second cache data is mainly stored in the backend, that is, the server, and when the storage space (including the first storage space and the second storage space) of the server is relatively sufficient, the cache is usually not cleared. However, in order to increase the text display efficiency, and considering the characteristics of the storage space size and the reading speed of the first and second storage spaces, the buffer data of the first and second storage spaces may be reasonably partitioned based on the recent usage time and usage frequency, and relatively infrequent MSDF information may be transferred from the first storage space (e.g., a memory) to the second storage space (e.g., a hard disk). The reading speed of the first cache part is relatively high, and the reading speed of MSDF information is favorably improved, so that the overall efficiency of text display is improved.

In this embodiment, the literal object with a relatively close current timestamp or the literal object with a relatively high frequency of use in the near future is cached and information is updated in real time, so that the first cache data cached at the front end does not occupy too much storage space, and network request time can be saved and generation pressure of the MSDF server can be relieved. Specifically, the MSDF information includes position information corresponding to the PNG picture and the JSON text, and the first cache data under dynamic management can effectively reduce the transmission amount of the MSDF information between the front and back ends, and accordingly, the requirement for network data transmission is lower, and the time (that is, the PNG picture) for resolving the JSON and the MSDF picture required by the front end is shorter. In addition, because the first cache data is in dynamic update management, the occupied storage space is limited, and adverse limits can not be caused to the memory of the browser, the computing performance of a computer CPU and the like. On the other hand, the second cache data cached at the back end can further relieve the operation pressure of the MSDF server, and reduce the generation time of the MSDF information.

Preferably, in some embodiments, the most recent usage time and the frequency of usage are both determinative, and the most recent usage time is the primary weight.

Preferably, in some embodiments, to improve the efficiency of display of text, reducing the complexity of the display system, the text objects in the first character set are not repeated.

For example, in some embodiments, all textual objects to be displayed are first retrieved and each textual object is filtered to remove duplicate textual objects, such that the same character appears only once in the first set of characters. I.e. only once for a text object that appears twice or more.

Preferably, in a specific embodiment, as shown in fig. 7, the specific execution flow of the method is as follows: the browser end (namely the front end) acquires the visible character set in the WebGL scene, and character objects in the visible character set are not repeated. Then, whether the browser caches MSDF information corresponding to the whole character set is judged, if yes, the display of the character object is directly realized based on the cached MSDF information (the MSDF information cached by the browser does not need to be analyzed); if not, splitting the character set according to whether cache exists or not, and sending the character set without cache information to the MSDF server. The MSDF server detects whether each character is cached at a server side (namely, a rear end) in sequence, and if so, extracts corresponding MSDF information and responds to the browser side; and if not, generating corresponding MSDF information aiming at the uncached literal object, caching the MSDF information at the server side, and then responding the cached MSDF information to the browser. The browser caches corresponding MSDF information according to characters, collects the obtained MSDF information in each step, analyzes the MSDF information sent to the browser from the back end (it can be understood that format change may occur during transmission of the MSDF information sent to the browser from the back end, so that the MSDF information needs to be analyzed into a format convenient to read by the browser), and transmits the MSDF information to a GPU (graphics processing unit) to complete rendering and display by matching with buffer geometry.

Preferably, in some embodiments, when it is determined that the data size of the fourth MSDF information set to be currently buffered is larger than the size of the remaining buffer space, the logic for clearing the buffer is triggered, and the time interval between the current time for triggering the logic for clearing the buffer and the last time for performing partial removal (i.e., clearing the buffer) is larger than the preset time length, the space increment of the buffer space is determined based on the data size of the fourth MSDF information set to be currently buffered.

Or, in other embodiments, when it is determined that the data size of the fourth MSDF information set to be currently buffered is larger than the buffer space, determining a space increment of the buffer space based on the current data size, so that the extended buffer space may buffer the current fourth MSDF information set.

It can be understood that the space increment is set so that the expanded cache space is greater than or equal to the size of the data to be cached. In particular, the value of the spatial increment may be set directly by the operator himself.

For example, in one embodiment, the currently set storage threshold (or storage threshold) of the front end may store M1 (e.g., 1000 characters) and not more than M2 (e.g., 5000 characters) at maximum. If the following occurs:

1. triggering the logic of clearing the cache if the length of the current newly added character set is greater than the length of the residual space of the cache, and if the time of triggering is longer than the time of clearing the first cache data last time and longer than a preset time (for example, 4S, 8S or other self-defined preset time);

or 2, newly adding a character set to be cached, wherein the length of the character set to be cached is larger than the length of the residual cache space and is larger than the total cache space by a certain proportion M' (such as 60%);

or 3, the length of the newly added character set to be cached is larger than the total cache space length;

the cache threshold is increased by Ma "(so that the front-end memory space can accommodate the new cache character set), until the threshold reaches M2, it is not increased. In this embodiment, the available storage threshold (the size of the storage space for storing the first cache data) of the front end may be dynamically managed based on the frequency of the first cache data being flushed and the rendering performance.

In this embodiment, the cache space for storing the first cache data is not fixed, but may be flexibly adjusted and planned based on the real-time number of characters to be cached and the first cache data. Therefore, the method can dynamically adapt to the character display requirements in different time periods or different application scenes. And for the second cache data at the back end, a full cache manner is preferably adopted, that is, the second cache data is not cleared. It should be noted that the not clearing the second cache data herein means that the second cache data is not directly deleted from the back end, but does not exclude the adjustment of the storage area of the second cache data at the back end. In other words, the front end and the back end in this embodiment respectively use a partial cache mode and a full cache mode to cache and manage the first cache data and the second cache data, and respectively implement dynamic management (including cache, purge, storage location transfer, and other operations) on the first cache data and the second cache data based on characteristics of the partial cache mode and the full cache mode.

In some embodiments, the textual object includes one or more of the following types: a single character, a phrase or phrase consisting of two or more characters.

Example two

The invention also provides another dynamic high-definition character display method based on WebGL, which is the same as the first embodiment and comprises the following steps as shown in FIGS. 3 and 4:

classifying the literal objects based on first cache data at the front end, and correspondingly classifying the literal objects into first-class literal objects and second-class literal objects, wherein the first-class literal objects have corresponding MSDF information in the first cache data;

extracting the MSDF information corresponding to the first type of literal objects from the first cache data, and correspondingly constructing to obtain a first MSDF information set;

and correspondingly constructing a second MSDF information set based on the second type literal object, wherein the second MSDF information set comprises: the MSDF information corresponding to the second type literal object;

rendering based on the corresponding MSDF information set to display the text object.

Further, in some embodiments, the step of constructing a second MSDF information set based on the correspondence of the second type literal object includes:

classifying the second type of literal objects based on second cache data at the rear end, and correspondingly classifying the second type of literal objects into a third type of literal objects and a fourth type of literal objects, wherein the third type of literal objects have corresponding MSDF information in the second cache data;

extracting the MSDF information corresponding to the third type of literal object from the second cache data, and correspondingly constructing to obtain a third MSDF information set;

correspondingly generating MSDF information based on the fourth type literal object, and correspondingly constructing to obtain a fourth MSDF information set;

and correspondingly obtaining the second MSDF information set based on the third and fourth MSDF information sets.

The embodiment preferably performs data caching in a front-end and back-end caching mode, and realizes coordination and balance among front-end character rendering, front-end caching, network request, server concurrence, server caching, MSDF generation and other pressures while ensuring efficient and rapid dynamic display. Specifically, the front-end and back-end caching mode enables the PC resources required by rendering each time to be minimum and optimal, provides reliable reuse optimization for MSDF generation operation, and greatly reduces time consumption and performance consumption of MSDF information generation.

For example, when the literal object to be displayed comprises chinese, the literal objects in the first character set include: "is", "of", "news", "information", "media", and the like.

Correspondingly, the first and second cache data may include: "is" corresponding MSDF information, "news" corresponding MSDF information, "media" corresponding MSDF information. That is to say, in this embodiment, each MSDF information cached in the first and second cache data may correspond to a single character (such as a single chinese character), or may correspond to a specific phrase or phrase.

For another example, in some embodiments, when the textual objects to be displayed are in English, the textual objects in the first set of characters are preferably words, and English phrases or phrases (term). Specifically, in some embodiments, the MSDF information stored in the first and second cache data may correspond to commonly used words, phrases or phrases, such as "immedate", "therore", "a lot", "reserved to", "as a result of" and so on.

In this embodiment, the MSDF information in the first and second cache data may be stored in units of a single character, a phrase, or a phrase, further considering the actual characteristics of the expression of the characters, and further enhancing the relevance between the cache data and the actual application scenario (i.e., enhancing the practicability of the cache data).

Different from the first embodiment, in the present embodiment, another dynamic management method is selected for the first and second cache data, and accordingly, the method further includes the steps of:

the method comprises the steps of collecting the occurrence frequency of a character object in a first preset time, and storing MSDF information corresponding to the character object into first cache data when the occurrence frequency of the character object is larger than a preset first threshold value.

Preferably, in this embodiment, MSDF information of the text objects appearing with high frequency within a first preset time (for example, one month, one quarter) is buffered. This preferred screening provides a reliable reuse optimization for the MSD information generation process, while optimizing the logic for the GPU and CPU to transmit data.

Preferably, in some embodiments, the method further comprises the steps of:

and when the occurrence frequency of the literal object in the first preset time is greater than a preset second threshold value and is less than or equal to the first threshold value, storing the MSDF information corresponding to the literal object into second cache data.

For example, in some embodiments, for the case that the frequency of occurrence of the literal object within the first preset time is greater than the second threshold, the MSDF information corresponding to the literal object is stored in the second cache data. And when the frequency of occurrence of the literal objects is gradually increased and is larger than a first threshold value, the corresponding MSDF is transferred from the second cache data to the first cache data.

For example, in some embodiments, the text object that appears more than 15 times in a month is stored as a high frequency word in the first cache data. And taking the character objects which appear 8-14 times in one month as second high-frequency words and storing the second high-frequency words into second cache data.

Or, in other embodiments, further comprising the step of:

and when the occurrence frequency of the literal objects in the first cache data in a second preset time is smaller than a third threshold value, storing the corresponding MSDF information into second cache data, wherein the third threshold value is smaller than the first threshold value.

For example, in some embodiments, when the first and second predetermined times are both 1 month, the first threshold is set to 15, and the third threshold is set to 12.

In some embodiments, the first preset time and the second preset time may be the same.

Of course, in other embodiments, the first preset time and the second preset time may be different.

In this embodiment, the text object whose frequency is slightly reduced within a period of time is not immediately transferred to the second cache data. It can be understood that, in an actual text display application scenario, the display rule of text objects is not fixed, and there may be a situation that the frequency of occurrence of some text objects changes back and forth between different ranges, such as greater than the first threshold, and between the first threshold and the third threshold (or that the frequency of occurrence of text objects has a certain fluctuation). In this embodiment, the management mode of the cached data is further optimized by adding the third threshold, and operations such as frequent caching and purging for the same literal object are avoided, so as to further simplify the management pressure of the front end on the cached data. In addition, the embodiment can further adapt to display scenes with changeable character styles by setting the third threshold value, and the reliability of the method is improved.

Of course, it is understood that the setting of the first threshold, the second threshold and the third threshold may be adaptively set by a worker based on the actual operation conditions of the front end and the rear end.

Preferably, in some embodiments, in order to avoid invalid occupation of server resources, when the frequency of occurrence of literal objects in the second cache data within the first preset time is less than a preset second threshold, the corresponding MSDF information in the second cache data is cleared.

Or, in other embodiments, to avoid frequent buffering and purging operations, when the frequency of occurrence of the literal object is less than a preset fourth threshold, the corresponding MSDF information in the second buffered data is purged.

In this embodiment, not only the text object to be displayed can be dynamically generated, but also dynamic management is effectively implemented for the first and second cache data. In addition, in the embodiment, the dynamic management of the cache data comprehensively considers the storage characteristics (including storage space, reading mode, etc.) of the front and back ends and the application characteristics (i.e., frequency of occurrence) of the MSDF information, and reasonably plans and allocates the storage space and the MSDF information of the front and back ends.

Preferably, in some embodiments, to improve the efficiency of display of text, and to reduce the complexity of the display system, the text objects in the first character set are not repeated.

In some embodiments, the above preset times may be set by the staff according to the actual application requirements, for example, the first preset time is set to one month.

Preferably, in some embodiments, the method further comprises the steps of:

identifying the type of the application scene, selecting a high-frequency character object based on the type of the application scene, and correspondingly constructing to obtain a second character set;

correspondingly generating a corresponding fifth MSDF information set based on the second character set;

and correspondingly buffering the fifth MSDF information set in the first buffer data or the second buffer data.

The embodiment is particularly suitable for application scenarios in which the text objects display a large amount of text objects and have high text repeatability (or the text objects appear with certain regularity), such as the GraphXR display scenarios shown in fig. 11a to 11 c.

Preferably, for these special application scenarios, the application scenarios may be analyzed and identified in advance, and corresponding MSDF information may be cached in advance based on the analysis and identification of the application scenarios. Or, based on the analysis and identification of the application scenario, the caching conditions of the first and second caching data are set (e.g., the first and second thresholds are set).

For example, in a three-dimensional display relating to a map, the range of a character object to be displayed can be basically predicted. Therefore, pre-MSDF information buffering can be done for common place names. Alternatively, by the time MSDF information of a common word is generated in the actual display process, the MSDF information may be preferentially buffered.

For another example, when three-dimensional display of human information (such as name, native place, etc.) is involved, the range of the character objects to be displayed can be basically predicted. Specifically, the MSDF information generation may be performed in advance for commonly used words such as common names, and the most common surnames (e.g., the first one hundred surnames of the user) may be stored in the first cache data, and the rest of the surnames may be stored in the second cache data.

In this embodiment, the universality of the method can be further improved by identifying the type of the application scenario in a targeted manner.

In some embodiments, the identification of the type of application scene may be manually identified and set by a worker.

In one embodiment, the text rendering effect is shown in FIG. 6.

It is understood that the method may be implemented by only selecting the front-end cache, or may be implemented by only selecting the back-end cache. Preferably, the method is implemented by means of front-end and back-end caching.

The front-end and back-end caching scheme has good autonomous learning capability and adaptability. When the method is used in a specific application scene for a longer time, the characteristics (such as high-frequency words, secondary high-frequency words and the like) of the application scene can be familiar, and the adaptability to the application scene is better.

EXAMPLE III

Based on the first embodiment, a third aspect of the present invention provides a dynamic high-definition text display system based on WebGL, as shown in fig. 9, where the system includes:

a first character set obtaining module 01 configured to obtain a first character set, where the first character set includes: an intended textual object to be displayed;

the first classification module 02 is configured to classify the literal objects based on the first cache data at the front end, and correspondingly classify the literal objects into a first category of literal objects and a second category of literal objects, wherein the first category of literal objects has corresponding MSDF information in the first cache data;

the first information set construction module 03 is configured to extract MSDF information corresponding to the first type of literal object from the first cache data, and correspondingly construct a first MSDF information set;

a second information set constructing module 04 configured to correspondingly construct a second MSDF information set based on the second type literal object, where the second MSDF information set includes: MSDF information corresponding to the second type literal object;

a rendering module 05 configured for rendering based on the corresponding set of MSDF information to display the textual object.

Further, in some embodiments, the second information set construction module 04 further comprises:

a classifying unit 41 configured to classify the second type of literal objects based on the second cache data at the back end, and correspondingly classify the second type of literal objects into a third type of literal objects and a fourth type of literal objects, where the third type of literal objects have corresponding MSDF information in the second cache data;

a first information set constructing unit 42, configured to extract MSDF information corresponding to the third type literal object from the second cache data, and correspondingly construct a third MSDF information set;

a second information set constructing unit 43, configured to generate MSDF information correspondingly based on the fourth type literal object, and construct a fourth MSDF information set correspondingly;

a third information set constructing unit 44 configured to correspondingly derive a second MSDF information set based on the third and fourth MSDF information sets.

Further, in some embodiments, the system further comprises:

a first updating module configured to update a current timestamp and a frequency of usage of each MSDF information in the first cached data based on the first type literal object; and the current timestamp is the latest display time of the first type literal object corresponding to the MSDF information.

Further, in some embodiments, the system further comprises: a second update module, and the second update module comprises:

a first unit configured to obtain a data size of the fourth MSDF information set;

a second unit, configured to obtain a size of a remaining cache space of the front end, where the cache space is used for caching the first cache data;

and the updating unit is configured to judge whether the data size is smaller than or equal to the size of the cache space, cache the fourth MSDF information set in the cache space if the judgment result is yes, partially clear the first cache data based on the priority of the MSDF information in the first cache data if the judgment result is no, so that the size of the remaining cache space is not smaller than the data size, and cache the fourth MSDF information set in the cache space.

Further, in some embodiments, the priority of the MSDF information is: w = aT-bF;

wherein, W is priority, a, b is weight, T is time difference between current time and the current time stamp, F is the frequency of use.

Further, in some embodiments, the system further comprises:

a third updating module, configured to update a current timestamp and a usage frequency of each MSDF information in the first cache portion, where the current timestamp is a latest display time of the literal object corresponding to the MSDF information;

a fourth updating module, configured to determine whether partial updating needs to be performed on the first buffer portion based on the current timestamp and the usage frequency, so as to buffer partial MSDF information in the first buffer portion into the second storage space, where the partial MSDF information refers to MSDF information with a priority greater than a first preset priority.

Preferably, in some embodiments, the textual objects in the first set of characters are not repeated.

Example four

A fourth aspect of the present invention is to provide a dynamic high-definition text display system based on WebGL corresponding to the second embodiment, as shown in fig. 9, where the system includes:

a rendering module 05 configured for rendering based on the corresponding set of MSDF information to display the text object.

a second information set constructing unit 43, configured to generate MSDF information correspondingly based on the fourth type literal object, and obtain a fourth MSDF information set correspondingly;

For example, in some embodiments, when detecting that the text content to be displayed on the WebGL end is: when the news is a genre of recorded and broadcast information frequently used by media such as the internet of a newspaper radio station, a television station and the like, a first character set is obtained correspondingly, as shown in fig. 8, and first character objects in the first character set are classified based on a first classification module to obtain first and second character objects correspondingly. And then, classifying the second type of character objects based on the classifying unit to obtain third and fourth types of character objects correspondingly.

Further, in some embodiments, the system further comprises:

the first cache data management module is configured to collect occurrence frequency of each literal object within a first preset time, and store the MSDF information corresponding to the literal object into the first cache data when the occurrence frequency of the literal object is greater than a preset first threshold.

Further, in some embodiments, the system further comprises:

and the second cache data management module is configured to store the MSDF information corresponding to the literal object into second cache data when the occurrence frequency of the literal object in a first preset time is greater than a preset second threshold and is less than or equal to the first threshold.

Further, in some embodiments, the second cache data management module is further configured to clear the corresponding MSDF information (in the second cache data) when the occurrence frequency of the literal object within the first preset time is less than a preset second threshold.

Further, in some embodiments, the first cache data management module is further configured to save the corresponding MSDF information into the second cache data when the frequency of occurrence of the literal object in the first cache data within a second preset time is less than a third threshold.

EXAMPLE five

A fifth aspect of the present invention is to provide a computer program product for dynamic high-definition text display based on WebGL for use on a computer system, the computer program product comprising a computer usable medium having computer readable program code thereon, the computer readable program code comprising: program code for obtaining a first character set, the first character set comprising: an intended textual object to be displayed; program code for classifying the literal objects based on front-end first cache data, and correspondingly classifying the literal objects into first-class literal objects and second-class literal objects, wherein the first-class literal objects have corresponding MSDF information in the first cache data; program codes used for extracting the MSDF information corresponding to the first type of literal objects from the first cache data and correspondingly constructing a first MSDF information set; program code for correspondingly constructing a second MSDF information set based on the second type literal object, wherein the second MSDF information set includes: the MSDF information corresponding to the second type literal object; program code to render based on a corresponding set of MSDF information to display the literal object.

Exemplary hardware and software environments for implementing one or more embodiments of the invention include computers that may support WebGL, which may be user/client computers, server computers, or database computers that may support WebGL. The computer includes a processor and a memory, such as a Random Access Memory (RAM). Computers may be coupled and/or integrated with other devices, including input/output (I/O) devices such as keyboards, cursor control devices (e.g., mice, pointing devices, pens and tablets, touch screens, multi-touch devices, etc.), and printers. In one or more embodiments, the computer may be coupled to or constitute a portable or media viewing device (e.g., MP3 player, iPod) ^TM 、Nook ^TM Portable digital video players, cellular devices, personal digital assistants, etc.). In another embodiment, the computer may include a multi-touch device, mobile phone, gaming system, internet-enabled television, television set-top box, or other internet-enabled device executing on a variety of platforms and operating systems.

Preferably, in some embodiments, the exemplary hardware and software environment for implementing one or more embodiments of the invention is a device that can support WebGL. Such as personal computers, cell phones, VR devices (e.g., oculus, HTC VIVE, holoLens, etc.) and the like.

In one embodiment, the computer operates with a general purpose processor, executing instructions defined by a computer program under the control of an operating system. A computer program and/or operating system can be stored in the memory and can be interfaced to a user and/or other devices for accepting inputs and commands and for providing outputs and results in accordance with inputs and commands and instructions defined by the computer program and operating system.

The output/results may be displayed on a display or may be provided to other devices for display or further processing or manipulation. In one embodiment, the display comprises a Liquid Crystal Display (LCD) having a plurality of individually addressable liquid crystals. Alternatively, the display may comprise a Light Emitting Diode (LED) display having clusters of red, green and blue diodes driven together to form a full-color pixel. Each liquid crystal or pixel of the display becomes opaque or translucent to form part of the image on the display in response to data or information generated by the processor in accordance with the application of computer programs and/or operating system instructions to inputs and commands.

In various embodiments of the invention, the display is a 3D display device, which may include a 3D enabled display (e.g., a 3D television or display), a head mounted display (e.g., a helmet or glasses with two small LCD or OLED [ organic light emitting diode ] displays with magnifiers, one for each eye), an active or passive 3D viewer (e.g., LC shutter glasses, linear polarization glasses, circular polarization glasses, etc.), and the like. In this regard, any technology that may be used to view 3D stereoscopic images is represented by a display. Further, one or more stereo cameras may be configured to communicate with the computer to enable 3D display on the 3D display.

The 3D image may be provided through a Graphical User Interface (GUI) module. Although the GUI module is depicted as a single module, the instructions performing the GUI functions may be resident or distributed in an operating system, computer program, or implemented using special purpose memory and processors.

In one or more embodiments, the display is integrated with the computer and includes a multi-touch device having a touch sensitive surface (e.g., a crawler pod or touch screen) with the ability to recognize the presence of two or more contact points with the surface. Examples of multi-touch devices include mobile devices (e.g., iPhone) ^TM 、Nexus S ^TM 、Droid ^TM Devices, etc.), tablet computers (e.g., iPad) ^TM 、 HP Touchpad ^TM ) Portable/handheld game/music/video player/console devices (e.g., iPod Touch) ^TM MP3 player, nintendo 3DS ^TM 、PlayStation portable ^TM Etc.), touch tables and walls (e.g., project an image through acrylic and/or glass and then backlight the image with led).

Some or all of the operations performed by a computer in accordance with the computer program instructions may be implemented in a special purpose processor. In this embodiment, some or all of the instructions of the computer program may be implemented by firmware instructions stored in a read-only memory (ROM), a programmable read-only memory (PROM), or a flash memory, which may be located in a dedicated processor or memory. A special purpose processor may also be hardwired by circuit design to perform some or all of the operations to implement the present invention. Further, a special-purpose processor may be a hybrid processor including special-purpose circuitry for performing a subset of the functions, and other circuitry for performing more general-purpose functions (e.g., in response to computer program instructions). In one embodiment, the special purpose processor is an Application Specific Integrated Circuit (ASIC).

The computer may also implement a compiler that allows application programs or computer programs written in a programming language (e.g., COBOL, pascal, c + +, FORTRAN, or other languages) to be translated into code that is readable by the processor. Alternatively, the compiler may be an interpreter that directly executes the instructions/source code, converts the source code into an intermediate representation to be executed, or executes stored pre-compiled code. Such source code may be written in a variety of programming languages, such as Java ^TM 、Perl ^TM 、Basic ^TM And so on. After completion, the application or computer program accesses and manipulates data received from the I/O devices and stored in the memory of the computer using the relationships and logic generated by the compiler.

The computer also optionally includes an external communications device such as a modem, satellite link, ethernet card or other device for accepting input from, and providing output to, other computers.

In one embodiment, the instructions that implement the operating system, computer program, and compiler are tangibly embodied in a non-transitory computer-readable medium, e.g., a data storage device, which may include one or more fixed or removable data storage devices, e.g., a compact drive, a floppy disk drive, a hard disk drive, a CD-ROM drive, a tape drive, and so forth. In addition, the operating system and computer program are comprised of computer program instructions that, when accessed, read, and executed by a computer, cause the computer to perform the necessary steps.

Of course, those skilled in the art will recognize that any combination of the above-described components, or any number of different components, peripherals, and other devices, may be used with a computer.

Distributed computer systems use networks to connect client computers to server computers. A typical combination of resources may include a network including the Internet, a lan (local area network), a wan (wide area network), a SNA (system network architecture) network, or similar personal computing clients.

It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one of 8230, and" comprising 8230does not exclude the presence of additional like elements in a process, method, article, or apparatus comprising the element.

Through the above description of the embodiments, those skilled in the art will clearly understand that the method of the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but in many cases, the former is a better implementation manner. Based on such understanding, the technical solutions of the present invention may be embodied in the form of a software product, which is stored in a storage medium (such as ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a computer terminal (such as a mobile phone, a computer, a server, or a network device) to execute the method according to the embodiments of the present invention.

While the present invention has been described with reference to the embodiments shown in the drawings, the present invention is not limited to the embodiments, which are illustrative and not restrictive, and it will be apparent to those skilled in the art that various changes and modifications can be made therein without departing from the spirit and scope of the invention as defined in the appended claims.

Claims

1. A dynamic high-definition character display method based on WebGL is characterized by comprising the following steps:

extracting the multichannel signed distance field information corresponding to the first class of textual objects from the first cached data and correspondingly constructing a first multichannel signed distance field information set;

a second multi-channel signed distance field information set is correspondingly constructed based on the second type of textual object, where the second multi-channel signed distance field information set includes: the multichannel signed distance field information corresponding to the second type of textual object;

rendering is performed based on the corresponding multi-channel signed distance field information set to display the textual object.

2. The method of claim 1 wherein constructing a second multi-channel signed distance field information set based on the correspondence of the second type of textual object comprises:

classifying the second type of literal object based on second cache data at the back end, and correspondingly classifying the second type of literal object into a third type of literal object and a fourth type of literal object, wherein the third type of literal object has corresponding multichannel signed distance field information in the second cache data;

3. The method of claim 2, further comprising the step of:

4. The method of claim 3, further comprising the step of:

obtaining the size of the remaining cache space of the front end, wherein the cache space is used for caching the first cache data; determining whether the size of the data is less than or equal to the size of the remaining cache space, and if so, caching the fourth multi-channel signed distance field information set into the cache space, and if not, partially clearing the first cache data based on a priority of the multi-channel signed distance field information in the first cache data to make the size of the remaining cache space not less than the size of the data, and caching the fourth multi-channel signed distance field information set into the cache space.

5. The method according to claim 2, wherein the second cache data comprises a first cache portion and a second cache portion, wherein the first cache portion is cached in a first storage space of the back end, the second cache portion is cached in a second storage space of the back end, and a data read/write speed of the first storage space is greater than a data read/write speed of the second storage space.

6. The method of claim 5, further comprising the step of:

updating a current timestamp and a frequency of use of each multichannel signed distance field information in the first cache portion, wherein the current timestamp is a most recent display time of the textual object corresponding to the multichannel signed distance field information;

7. The method of claim 1, wherein the textual objects in the first set of characters are not repeated.

8. A dynamic high-definition text display system based on WebGL is characterized by comprising the following components:

a first classification module configured to classify the literal object based on first cached data at a front end into a first class of literal object and a second class of literal object, wherein the first class of literal object has corresponding multi-channel signed distance field information in the first cached data;

a rendering module configured to render based on the corresponding multi-channel signed distance field information set to display the text object.

9. The system of claim 8, wherein the second information set construction module further comprises:

a classification unit configured to classify the second type of textual object based on second cached data at a back end into a third type of textual object and a fourth type of textual object, wherein the third type of textual object has corresponding multi-channel signed distance field information in the second cached data;

a third information set construction unit configured to obtain the second multi-channel signed distance field information set based on a correspondence of third and fourth multi-channel signed distance field information sets.

10. The system of claim 1, wherein the textual objects in the first character set are not repeated.