CN112825039B - Canvas-based three-dimensional sphere content display implementation method - Google Patents
Canvas-based three-dimensional sphere content display implementation method Download PDFInfo
- Publication number
- CN112825039B CN112825039B CN201911145834.0A CN201911145834A CN112825039B CN 112825039 B CN112825039 B CN 112825039B CN 201911145834 A CN201911145834 A CN 201911145834A CN 112825039 B CN112825039 B CN 112825039B
- Authority
- CN
- China
- Prior art keywords
- sphere
- canvas
- dimensional
- content
- event
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/04—Texture mapping
-
- 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/20—Editing of 3D images, e.g. changing shapes or colours, aligning objects or positioning parts
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04802—3D-info-object: information is displayed on the internal or external surface of a three dimensional manipulable object, e.g. on the faces of a cube that can be rotated by the user
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04804—Transparency, e.g. transparent or translucent windows
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2210/00—Indexing scheme for image generation or computer graphics
- G06T2210/62—Semi-transparency
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2219/00—Indexing scheme for manipulating 3D models or images for computer graphics
- G06T2219/20—Indexing scheme for editing of 3D models
- G06T2219/2016—Rotation, translation, scaling
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Graphics (AREA)
- Architecture (AREA)
- Computer Hardware Design (AREA)
- Processing Or Creating Images (AREA)
Abstract
The invention discloses a Canvas-based three-dimensional sphere content display implementation method, which comprises the following steps of: creating a blank canvas, customizing the width, height and radius of the canvas, adding a custom element into the canvas, typesetting the custom element, customizing a corresponding interactive event if the element on the current canvas needs to define the interactive event, obtaining an edited canvas, and customizing the offset angle between adjacent canvases; converting the edited canvas content into a picture in a transparent background format, wherein the content and the size of the converted picture are the same as those of the canvas; and storing the customized interaction events, the offset angle between the adjacent canvases and the converted pictures as related data together into a database. The invention separates the manufacturing and the display of the sphere, so that the display of the sphere can be compatible with more terminals, the calculation complexity during the display is reduced, and the display performance of the sphere is improved.
Description
Technical Field
The invention relates to the technical field of vision, in particular to a Canvas-based implementation method for displaying contents of a three-dimensional sphere.
Background
The three-dimensional visual effect can be realized by using the cascading style sheet in the technical field of the front end, but the three-dimensional sphere visual effect is difficult to realize by using the cascading style sheet, and a sphere model cannot be rendered through HTML nodes and the cascading style sheet. In addition, because the Canvas and the cascading style sheet have different rendering modes, the performance of rendering the three-dimensional visual effect by using the cascading style sheet is poor, the page with more complex scenes is often blocked, and the display effect is poor. The traditional three-dimensional visual page is complex in manufacturing process and high in difficulty, a three-dimensional sphere effect can be manufactured only by a manufacturer with a certain mathematical modeling basis and being familiar with a Canvas interface, and the manufacturing period is long. And the model reuse rate is extremely low, and the code needs to be rewritten every time a scene is changed, and belongs to a customized page. Three-dimensional content editing is difficult to perform on a page, one is that the coordinate of the page is a plane coordinate, only two dimensions of X and Y can be operated, and the three-dimensional operation to be simulated is very difficult, and the operation difficulty is high and the calculation is complex.
With the continuous development of webpage technology, most terminals can support Canvas WebGL three-dimensional rendering engines, how to provide an efficient and high-performance three-dimensional sphere visual effect manufacturing method, and the method capable of meeting the increasingly urgent requirements of schemes used by most people becomes, so that a method for realizing the three-dimensional sphere content display based on Canvas is provided.
Disclosure of Invention
Based on the technical problems in the background art, the invention provides a Canvas-based implementation method for displaying the content of a three-dimensional sphere.
The invention provides a Canvas-based three-dimensional sphere content display implementation method, which comprises the following steps:
s1: creating a blank canvas, customizing the width, height and radius of the canvas, adding a custom element into the canvas, typesetting the custom element, customizing a corresponding interactive event if the element on the current canvas needs to define the interactive event, obtaining an edited canvas, and customizing the offset angle between adjacent canvases;
s2: converting the edited canvas content into a picture in a transparent background format, wherein the content and the size of the converted picture are the same as those of the canvas;
s3: storing the self-defined interaction event, the offset angle between the adjacent canvases and the converted picture as related data into a database;
s4: acquiring related data in a database, acquiring a WebGL three-dimensional image rendering engine through a Canvas interface on a terminal supporting the Canvas WebGL three-dimensional rendering engine, initializing a drawing space of a three-dimensional model, defining the radius, the prototype and the texture of the sphere model, defining an environment light source and a lens view port, and creating the sphere model;
s5: drawing a sphere model, defining the position, the radius and the circle center of a sphere, drawing the texture of the sphere, and rendering the sphere on a three-dimensional space;
s6: adding a rotation function to the spherical model;
s7: adding the canvas to the sphere according to the size of the sphere, the size of the canvas and the offset angle between the canvases, setting the angle offset between the canvases according to the angle between the canvases, rendering the canvas in a three-dimensional direction, and adding the canvas content to the corresponding position of the sphere;
s8: initializing a sphere to display contents, wherein only the contents of the sphere facing one side of a terminal screen within the range of 0-180 degrees are displayed during initialization, and other contents are alternately displayed when the sphere rotates;
s9: acquiring a click interaction event from a database, calculating an element on a clicked canvas according to a position triggered by time and a rotation angle of a sphere when the interaction event occurs on the sphere, if the element has a defined interaction event, triggering the corresponding interaction event or executing event callback, and if the element does not have the defined interaction event, skipping;
s10: and adjusting the three-dimensional drawing environment position and the viewport proportion according to the size of the terminal screen.
Preferably, the width of the canvas in the S1 is 2R, the height is H, the bottom of the canvas is a semi-sphere, the radius is R, and the range of the offset angle between the canvases is 1-359 degrees.
Preferably, the customized elements in S1 are texts, static pictures and graphics, and stack style attribute setting is performed on each element, the typesetting is implemented by dragging and moving the position of the element with a mouse, and performing two-dimensional shift and two-dimensional rotation of the element, and the customized corresponding interaction event includes a type and a callback of a defined interaction event.
Preferably, the picture format of the transparent background format in S2 is a PNG format.
Preferably, the WebGL three-dimensional image rendering engine in S4 is obtained through a JavaScript language.
Preferably, the radius of the sphere in S5 is R, and the center of the sphere is the midpoint (0, 0) of the three-dimensional coordinate.
Preferably, the sphere rotates around a center of the sphere when rotating, the rotation triggering condition is defined as automatic rotation or rotation when a terminal generates a rotation event interaction, and the rotation event is: when the screen slides down, the sphere rotates forward, and when the screen slides up, the sphere slides backward.
Preferably, in S8, when the sphere rotates forward by N degrees, the content in the N to N +180 degree region is displayed, and the other content is hidden, and when the sphere slides backward by N degrees, the content in the-N to-N +180 degree region is displayed, and the other content is hidden.
Preferably, the interaction event is a mouse event or a screen touch event.
The beneficial effects of the invention are as follows:
1. the ball body is manufactured and displayed separately, so that the display of the ball body can be compatible with more terminals, the calculation complexity during display is reduced, the performance generation of the display of the ball body is improved, and when the picture is added to the ball body, the blank area can not block the display of the content behind the ball body and the content is visually just directly added to the ball body.
2. When the sphere content is initialized, only the content within the range of 0-180 degrees on the sphere is rendered, and other content is displayed when the sphere rolls to a corresponding angle, so that the rendering performance can be improved, and the content within the range of more than 360 degrees can be accommodated.
3. The reusability of the sphere can be improved by storing the Canvas content, the interactive response event and the angle between the canvases into the database, the transmission is convenient, the three-dimensional sphere visual effect can be rendered on any Canvas-compatible terminal through the two-dimensional data, the difficulty that the three-dimensional model is difficult to edit on a browser is solved, and the use efficiency of the model is improved.
Drawings
FIG. 1 is a diagram of a corresponding relationship between Canvas and a sphere model of a Canvas-based implementation method for displaying three-dimensional sphere content according to the present invention;
fig. 2 is a schematic flow diagram of a method for implementing the representation of the content of the three-dimensional sphere based on Canvas according to the present invention.
Detailed Description
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, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments.
Referring to fig. 1-2, a Canvas-based implementation method for displaying three-dimensional sphere content includes the following steps:
the method comprises the steps of firstly abstracting the content added on the sphere into a plurality of two-dimensional rectangular canvas, then adding the content into the canvas, then carrying out corresponding position typesetting and interactive event binding, adopting a method of abstracting the three-dimensional model into a plurality of two-dimensional planes, adding the content on the two-dimensional planes when adding the content, and not considering the Z coordinate in the three-dimensional coordinate.
Creating a blank canvas, customizing the width, the height and the radius of the canvas by user, wherein the width of the canvas is 2R, the height of the canvas is H, the bottom of the canvas is semi-spherical, the radius of the canvas is R, and the bottom semi-circle is a marking element for prompting that the part of the sphere is positioned, and when the sphere is rendered, the content falling into the sphere cannot be displayed;
adding custom elements into the canvas, wherein the elements which can be added comprise characters, static pictures and figures, setting the attribute of the stacking style of the elements, dragging and moving the positions of the elements by a mouse, performing two-dimensional displacement and two-dimensional rotation of the elements, and typesetting the elements, wherein the semicircle layer at the bottom in the canvas is the highest, so that the positions of the custom elements which are added can be positioned at the lower layer of the semicircle when positioned in the semicircle area;
if the element on the current canvas needs to define the interactive event, customizing the corresponding interactive event, such as defining the type of the interactive event and the callback of the event, obtaining the edited canvas, so that a piece of canvas is defined, adding the content of the canvas to a certain latitude on the sphere in the following process, repeating the steps, continuously adding the canvas, and defining the content of the next latitude until all scene definitions are completed;
before adding the next canvas, customizing an offset angle between adjacent canvases, and finally converting the offset angle between the canvases into data of the canvas on a Z coordinate of a sphere, wherein a two-dimensional rectangular plane is converted into a key numerical value of a three-dimensional image, the defined angle is deg and is used for calculating a latitude offset angle between the current canvas and the previous canvas, when a subsequent sphere is rendered, the first canvas is added at the position of 0 degree of the sphere, the subsequent canvas calculates the angle according to the defined angle deg until the last canvas is added, the offset angle value range between the canvases is 1-359 degrees, the content manufacturing step is completed, the content needs to be stored next, the manufactured content needs to be stored in a database, and when the sphere is rendered, the data is obtained from the database for rendering;
acquiring other contents except the bottom semicircle in each page of canvas by a program, converting the contents on the edited canvas into a picture in a transparent background format by utilizing the specific characteristics of the SVG for EIGNObject tag according to the manufactured style and typesetting, wherein the contents and the size of the converted picture are the same as those of the canvas; storing the self-defined interaction event, the offset angle between the adjacent canvases and the converted picture as related data into a database together, and completing all manufacturing steps of the sphere content, wherein the defined content comprises the picture of the transparent background format containing the sphere content, the offset angle between the canvases and the interaction event;
the method comprises the following steps of rendering a sphere, acquiring related data in a database, acquiring the WebGL engine of Canvas through a JavaScript language on a terminal supporting the WebGL three-dimensional rendering engine of the Canvas, initializing a rendering space of a three-dimensional model, defining the radius, the prototype and the texture of the sphere model, defining an environment light source and a lens viewport, and creating the sphere model; drawing a sphere model, defining the position, the radius and the circle center of a sphere, wherein the radius of the sphere is R, and the circle center is a three-dimensional coordinate midpoint (0, 0), drawing the texture of the sphere, and rendering the sphere on a three-dimensional space; adding a rotation function to the spherical model;
adding the canvas to the sphere according to the size of the sphere, the size of the canvas and the offset angle between the canvases, wherein the added position is that the center point of the bottom edge of the canvas is placed at the center of the sphere, the angle offset between the canvases is set according to the angle between the canvases, the canvas is rendered in the three-dimensional direction, and the canvas content is added to the corresponding position of the sphere; initializing a sphere to display contents, only displaying contents of which the sphere faces one side of a terminal screen within a range of 0-180 degrees during initialization, alternately displaying other contents when the sphere rotates, displaying contents in an area from N to N +180 degrees and hiding other contents when the sphere rotates forwards for N degrees, and displaying contents in an area from-N to-N +180 degrees and hiding other contents when the sphere slides backwards for N degrees;
the sphere rotates by taking the center of the sphere as a center when rotating, the rotation triggering condition is defined as automatic rotation or rotation when the terminal generates rotation event interaction, and the rotation event is as follows: when the screen slides downwards, the ball body rotates forwards, and when the screen slides upwards, the ball body slides backwards; acquiring a click interaction event from a database, when the interaction event occurs on a sphere, calculating an element on a clicked canvas according to a position triggered by time and a rotation angle of the sphere, if the element has a defined interaction event, triggering a corresponding interaction event or executing an event callback, and if the element does not have the defined interaction event, skipping; and adjusting the three-dimensional drawing environment position and the viewport proportion according to the size of the terminal screen.
In the invention, the picture format of the transparent background format is a PNG format, and the self-defining of the corresponding interactive event comprises the definition of the type and the call-back of the interactive event.
The above description is only for the preferred embodiment of the present invention, but the scope of the present invention is not limited thereto, and any person skilled in the art should be considered as the technical solutions and the inventive concepts of the present invention within the technical scope of the present invention.
Claims (9)
1. A Canvas-based three-dimensional sphere content display implementation method is characterized by comprising the following steps:
s1: creating a blank canvas, customizing the width, height and radius of the canvas, adding a custom element into the canvas, typesetting the custom element, customizing a corresponding interactive event if the element on the current canvas needs to define the interactive event, obtaining an edited canvas, and customizing the offset angle between adjacent canvases;
s2: converting the edited canvas content into a picture in a transparent background format, wherein the content and the size of the converted picture are the same as those of the canvas;
s3: storing the self-defined interaction event, the offset angle between the adjacent canvases and the converted picture as related data into a database;
s4: acquiring related data in a database, acquiring a WebGL three-dimensional image rendering engine through a Canvas interface on a terminal supporting the Canvas WebGL three-dimensional rendering engine, initializing a drawing space of a three-dimensional model, defining the radius, the prototype and the texture of the sphere model, defining an environment light source and a lens view port, and creating the sphere model;
s5: drawing a sphere model, defining the position, the radius and the circle center of a sphere, drawing the texture of the sphere, and rendering the sphere on a three-dimensional space;
s6: adding a rotation function to the spherical model;
s7: adding the canvas to the sphere according to the size of the sphere, the size of the canvas and the offset angle between the canvases, setting the angle offset between the canvases according to the angle between the canvases, rendering the canvases in the three-dimensional direction, and adding the content of the canvas to the corresponding position of the sphere;
s8: initializing a sphere to display contents, wherein only the contents of the sphere facing one side of a terminal screen within the range of 0-180 degrees are displayed during initialization, and other contents are alternately displayed when the sphere rotates;
s9: acquiring a click interaction event from a database, when the interaction event occurs on a sphere, calculating an element on a clicked canvas according to a position triggered by time and a rotation angle of the sphere, if the element has a defined interaction event, triggering a corresponding interaction event or executing an event callback, and if the element does not have the defined interaction event, skipping;
s10: and adjusting the three-dimensional drawing environment position and the viewport proportion according to the size of the terminal screen.
2. The Canvas-based three-dimensional sphere content display implementation method according to claim 1, wherein in S1, the Canvas has a width of 2 × R, a height of H, a bottom of a semi-sphere and a radius of R, and an offset angle between the canvases ranges from 1 to 359 degrees.
3. The Canvas-based three-dimensional sphere content display implementation method according to claim 2, wherein the custom elements in S1 are texts, static pictures and graphics, and stack style attribute setting is performed on each element, the typesetting is implemented by dragging and moving the element position with a mouse, performing two-dimensional displacement and two-dimensional rotation of the element, and the custom corresponding interaction event includes defining the type and callback of an interaction event.
4. The Canvas-based three-dimensional sphere content presentation implementation method as claimed in claim 3, wherein the transparent background format in S2 is in PNG format.
5. The Canvas-based three-dimensional sphere content presentation implementation method according to claim 4, wherein the WebGL three-dimensional image rendering engine in S4 is obtained through a JavaScript language.
6. The Canvas-based implementation method for displaying the content of the three-dimensional sphere according to claim 5, wherein the radius of the sphere in S5 is R, and the center of the sphere is a midpoint (0, 0) of the three-dimensional coordinates.
7. The Canvas-based three-dimensional sphere content presentation implementation method according to claim 6, wherein the sphere rotates around a sphere center as a center during rotation, a rotation trigger condition is defined as automatic rotation or rotation when a terminal generates rotation event interaction, and the rotation event is: when the screen slides down, the sphere rotates forward, and when the screen slides up, the sphere slides backward.
8. The Canvas-based three-dimensional sphere content presentation implementation method according to claim 7, wherein in S8, when the sphere rotates forward by N degrees, the content in the N to N +180 degree region is displayed, and the other content is hidden, and when the sphere slides backward by N degrees, the content in the-N to-N +180 degree region is displayed, and the other content is hidden.
9. The Canvas-based implementation method for three-dimensional sphere content presentation according to claim 8, wherein the interaction event is a mouse event or a screen touch event.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911145834.0A CN112825039B (en) | 2019-11-21 | 2019-11-21 | Canvas-based three-dimensional sphere content display implementation method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911145834.0A CN112825039B (en) | 2019-11-21 | 2019-11-21 | Canvas-based three-dimensional sphere content display implementation method |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112825039A CN112825039A (en) | 2021-05-21 |
| CN112825039B true CN112825039B (en) | 2022-10-28 |
Family
ID=75907193
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911145834.0A Active CN112825039B (en) | 2019-11-21 | 2019-11-21 | Canvas-based three-dimensional sphere content display implementation method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112825039B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113486278A (en) * | 2021-06-22 | 2021-10-08 | 西安震有信通科技有限公司 | Picture display method, intelligent terminal and computer readable storage medium |
| CN117093102A (en) * | 2022-05-13 | 2023-11-21 | 腾讯科技（上海）有限公司 | Map interaction method and device for virtual scene, electronic equipment and storage medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102937968A (en) * | 2012-10-11 | 2013-02-20 | 上海交通大学 | Double-eye 3D (three-dimensional) realizing method and system based on Canvas |
| CN109003334A (en) * | 2017-06-07 | 2018-12-14 | 上海福沁高科技企业发展有限公司 | A kind of binocular three-dimensional virtual reality scenario building system based on WebGL |
| CN109471900A (en) * | 2018-11-15 | 2019-03-15 | 中译语通科技股份有限公司 | Chart class data self action data exchange method and system, computer program |
| CN109656665A (en) * | 2018-12-20 | 2019-04-19 | 成都四方伟业软件股份有限公司 | A kind of visual presentation method of data, component and readable storage medium storing program for executing |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7739623B2 (en) * | 2004-04-15 | 2010-06-15 | Edda Technology, Inc. | Interactive 3D data editing via 2D graphical drawing tools |
-
2019
- 2019-11-21 CN CN201911145834.0A patent/CN112825039B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102937968A (en) * | 2012-10-11 | 2013-02-20 | 上海交通大学 | Double-eye 3D (three-dimensional) realizing method and system based on Canvas |
| CN109003334A (en) * | 2017-06-07 | 2018-12-14 | 上海福沁高科技企业发展有限公司 | A kind of binocular three-dimensional virtual reality scenario building system based on WebGL |
| CN109471900A (en) * | 2018-11-15 | 2019-03-15 | 中译语通科技股份有限公司 | Chart class data self action data exchange method and system, computer program |
| CN109656665A (en) * | 2018-12-20 | 2019-04-19 | 成都四方伟业软件股份有限公司 | A kind of visual presentation method of data, component and readable storage medium storing program for executing |
Non-Patent Citations (1)
| Title |
|---|
| canvas绘制3d球体;勇敢的心;《博客园-http://www.cnblogs.com/hahazhoutie4-blogs/p/8384054.html》;20180130;1-3 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112825039A (en) | 2021-05-21 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9153062B2 (en) | Systems and methods for sketching and imaging | |
| Moran et al. | Improving big data visual analytics with interactive virtual reality | |
| CN109308734B (en) | 3D character generation method and device, equipment and storage medium thereof | |
| Guha | Computer Graphics Through OpenGL®: from theory to experiments | |
| US20090125801A1 (en) | 3D windows system | |
| CN110163942B (en) | Image data processing method and device | |
| CN102163340A (en) | Method for labeling three-dimensional (3D) dynamic geometric figure data information in computer system | |
| CN112825039B (en) | Canvas-based three-dimensional sphere content display implementation method | |
| CN102044084A (en) | Two-dimensional plane expression method of three-dimensional graph | |
| CN109636885B (en) | Sequential frame animation production method and system for H5 page | |
| Gogolla et al. | Towards three-dimensional representation and animation of UML diagrams | |
| CN114648603B (en) | Method and system for realizing fly-line dynamic effect based on canvas and echarts | |
| Zhang et al. | The Application of Folk Art with Virtual Reality Technology in Visual Communication. | |
| CN114529657A (en) | Rendering image generation method and device, computer equipment and storage medium | |
| Jobst et al. | The employment of 3D in cartography—An overview | |
| CN116912361A (en) | Mapbox-gl-based 3D annotation editing method and system | |
| CN111949904A (en) | Data processing method and device based on browser and terminal | |
| WO2014014928A2 (en) | Systems and methods for three-dimensional sketching and imaging | |
| Liu et al. | A study on the icon and layout design of device ui in augmented reality | |
| Grogono | Getting started with OpenGL | |
| JP3356617B2 (en) | Moving view in three-dimensional space | |
| CN116740298B (en) | Method for constructing scene real-time map based on three-dimensional engine | |
| Lopez | MATLAB Graphical Programming: Practical hands-on MATLAB solutions | |
| Ding et al. | Research on the Key Technology of Augmented Reality Technology in the Application and Development of Children's Plant Science Popularization Education | |
| Tolba | A projective approach to computer-aided drawing |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| CP02 | Change in the address of a patent holder | ||
| CP02 | Change in the address of a patent holder |
Address after: Room 301, Building 8, No. 67 Industrial Avenue North Road, Haizhu District, Guangzhou City, Guangdong Province, 510000 Patentee after: GUANGZHOU FAISCO INTERNET TECHNOLOGY CO.,LTD. Address before: 510250 first floor, building 5, NO.67, North Industrial Avenue, Haizhu District, Guangzhou, Guangdong Province Patentee before: GUANGZHOU FAISCO INTERNET TECHNOLOGY CO.,LTD. |