KR101911904B1 - Apparatus for 3D object creation and thereof Method - Google Patents

Abstract

The present invention relates to an apparatus and method for generating a three-dimensional object, which comprises a three-dimensional object generation unit for generating a three-dimensional object by dividing a constituent element of a two-dimensional web page into a plurality of polygons and a plurality of polygons, When a manipulation signal is input, a vertex coordinate value of the corresponding individual grid element is changed according to the object manipulation signal to generate a 3D transform matrix, and the generated 3D transform matrix is applied to a predefined CSS transform, Dimensional object manipulation processing unit.

Description

[0001] Apparatus for 3D object creation and its method [0002]

The present invention relates to an apparatus and method for generating a three-dimensional object, and more particularly to a method and apparatus for generating a three-dimensional object by dividing a constituent element of a two-dimensional web page into a plurality of polygons, A 3D transform matrix is generated by changing the vertex coordinate value of the corresponding individual grid element according to the object manipulation signal, and the generated 3D transform matrix is applied to a predefined CSS (cascading style sheet) transform Dimensional objects, and to a method for generating three-dimensional objects.

As the automation progresses and the development into the information society progresses, the field of application of computer graphics is rapidly expanding, and in particular, the field of using 3D graphics is rapidly increasing.

Most of the conventional three-dimensional object systems have generated and manipulated three-dimensional objects using a three-dimensional polygon processing method. A polygon refers to a polygon that is the smallest unit used to represent a three-dimensional shape in three-dimensional computer graphics.

On the other hand, WebGL is being used as a representative method for providing 3D technology in a web page. WebGL is similar to OpenGL, the most basic and common 3D graphics technology, and can be used in 3D games and the like by enabling creation and manipulation of arbitrary polygon objects through a low-level development environment.

However, WebGL supports only the latest browsers such as Chrome in PC environment, and has a disadvantage that it can not be supported by mobile devices because of performance and compatibility.

Korean Patent Laid-Open No. 10-2010-0060191, entitled " METHOD AND APPARATUS FOR GENERATING AND RENDERING 3D MODELS IN ELECTRONIC DEVICES "

SUMMARY OF THE INVENTION The present invention has been made in order to solve the problems described above, and it is an object of the present invention to provide a basic 3-D transform technique by emulating a triangular polygon with a quadrangle as a basic element, Dimensional object creation and manipulation of a polygon-type three-dimensional object by using only rotate, translate, scale, and skew, which is a 2D transformation technique (2d transform).

It is another object of the present invention to provide a polygon-based 3D object creation and manipulation as well as realizing effects such as genie effect, 3D morphing, and page turn effect using CSS 2D / 3D Transform technology that can be supported by mobile devices Dimensional objects, and a method thereof.

It is a further object of the present invention to provide a method and apparatus for generating three-dimensional objects based on polygons having arbitrary shapes in a limited environment (e.g. mobile web) supporting only basic 3D transforms, An object generating apparatus and a method thereof.

It is still another object of the present invention to provide a three-dimensional object generation apparatus and a method thereof capable of generating a polygon-based three-dimensional object through gridding of a web-based element.

In one aspect, a three-dimensional object generation apparatus includes: a three-dimensional object generation unit for generating a three-dimensional object by dividing a component of a two-dimensional web page into a plurality of polygons; And generating a 3D transform matrix by changing the vertex coordinate value of the corresponding individual grid element according to the object manipulation signal when the object manipulation signal is input in the generated 3D object, a three-dimensional object manipulation processor for generating transformed three-dimensional objects by applying transforms to a Cascading Style Sheet transform; Wherein the three-dimensional object generation unit receives an individual image in a grid form corresponding to the original image from the service providing apparatus when the component of the web page is an image, or receives the original image in bitmap form And then generates the grid image itself.

According to an aspect of the present invention, there is provided a 3D object generating unit for generating a 3D object by dividing a constituent element of a 2D web page into a plurality of polygons and a plurality of polygons, When the object manipulation signal is input, a vertex coordinate value of the corresponding individual grid element is changed according to the object manipulation signal to generate a 3D transform matrix, and the generated 3D transform matrix is applied to a predefined CSS transform, There is provided a three-dimensional object generation apparatus including a three-dimensional object manipulation processing unit for generating an object.

Wherein the three-dimensional object generation module includes: a rectangular grid element generation module for uniformly dividing the elements of the web page into a predetermined number of rectangular grid elements to generate a rectangular grid element; Dimensional object generation module for generating a plurality of polygons by adjusting the transparency so that only the triangular regions of the two rectangles are visible after the respective rectangular grid elements are duplicated.

When the constituent elements of the web page are images, the rectangular grid element generation module receives an individual image in a grid form corresponding to the original image from the service providing apparatus or converts the original image into a bitmap form through internal operation of the browser A grid image may be created by itself, and if the web page element is not an image, a rectangular grid element may be generated using the division tag.

The three-dimensional object generation module may set the transparency of the region other than the triangle in which the constituent element is shown to be '0' so that the constituent element is visible only in the triangles of different regions of the two rectangles.

Wherein the 3D object manipulation processor comprises: a coordinate value storage module for storing vertex coordinate values of the respective lattice elements constituting the 3D object generated by the 3D object generator; A 3D transform matrix generation unit that changes the vertex coordinate values of the individual grid elements according to the object operation signal and generates a 3D transform matrix of the grid elements using the changed vertex coordinate values and the vertex coordinate values stored in the coordinate value storage module Dimensional object transformation module for generating a transformed 3D object by applying the generated 3D transform matrix to a CSS transform.

According to another aspect of the present invention, there is provided a method for creating and manipulating a two-dimensional web page component as a three-dimensional object, the method comprising the steps of: (a) (B) dividing the diagonal direction vertices of each of the generated square lattice elements into two triangles, duplicating each square lattice element, and then separating the two triangles into different triangular regions And generating a three-dimensional object by adjusting transparency so that the three-dimensional object can be seen.

The 3D object generation method may further include changing the vertex coordinate value of the individual grid element according to the object manipulation signal when the object manipulation signal is input in the generated 3D object after the step (b) Generating a 3D transform matrix of each lattice element using a value and a vertex coordinate value before the change, and applying the generated 3D transform matrix to a predefined CSS transform to generate a transformed three-dimensional object Dimensional objects are generated.

In the step (b), if the component of the web page is an image, an individual image in the form of a grid corresponding to the original image is received from the service providing apparatus, or the original image is converted into a bitmap form A grid image may be created by itself, and if the web page element is not an image, a rectangular grid element may be generated using the division tag.

According to another aspect of the present invention, there is provided a method of generating a rectangular grid element by uniformly dividing elements of a web page into a predetermined number of rectangular grid elements, dividing a diagonal direction vertex of each of the generated rectangular grid elements into two triangles Dimensional object; generating a three-dimensional object by clipping each rectangular grid element and adjusting transparency so that only two triangles have different triangular areas; and when the object manipulation signal is input in the generated three-dimensional object, Changing a vertex coordinate value of each grid element according to a signal and generating a 3D transform matrix of each grid element using the changed vertex coordinate value and the pre-modification vertex coordinate value, And generating a transformed three-dimensional object by applying the transformation to the CSS transform A recording medium readable in the electronic device recorded in a program is provided.

According to the present invention, by emulating a triangular polygon with a quadrangle as a basic element, a three-dimensional object using a polygon can be obtained by simply rotating, translating, or scaling a basic three-dimensional transformation technique (3d transform) You can create and manipulate.

In addition, it can realize effects such as genie effect, 3D morphing, and page turn effect using CSS 3D Transform technology that can be supported by mobile devices, and it is possible to create and manipulate polygon-based 3D objects.

In addition, various user interfaces and graphic effects can be provided by creating and manipulating polygon-based three-dimensional objects having arbitrary shapes in a limited environment (e.g., mobile web) that supports only basic 3D transforms.

In addition, a polygon-based three-dimensional object can be created by gridding web-based elements.

BRIEF DESCRIPTION OF THE DRAWINGS Figure 1 illustrates a system for three-dimensional object creation in accordance with an embodiment of the present invention.
2 is a block diagram schematically illustrating a configuration of a 3D object generating apparatus according to an embodiment of the present invention.
FIG. 3 is a block diagram illustrating a detailed configuration of the three-dimensional object generation unit shown in FIG. 2. FIG.
FIG. 4 is a block diagram showing a detailed configuration of the three-dimensional object manipulation processing unit shown in FIG. 2. FIG.
FIG. 5 is a flowchart illustrating a method of generating and manipulating a three-dimensional object according to an exemplary embodiment of the present invention. FIG.
FIG. 6 is a flowchart illustrating a method of generating a three-dimensional object according to an exemplary embodiment of the present invention. FIG.
FIG. 7 is a diagram illustrating a 3D object generation method according to an embodiment of the present invention. FIG.
8 is a flowchart illustrating a method of generating a modified three-dimensional object by a three-dimensional object generation apparatus according to an embodiment of the present invention.
FIG. 9 is a diagram illustrating a modified 3D object generation method according to an embodiment of the present invention. FIG.

The foregoing and other objects, features, and advantages of the present invention will become more apparent from the following detailed description taken in conjunction with the accompanying drawings, in which: FIG.

A cascading style sheet (CSS) is a technique for specifying the screen composition and rendering method of a web document. It is a 2D transform such as translate, rotate, scale, skew applied to a 2D plane coordinate system, translate3d applied to a three dimensional coordinate system, rotate3d , 3D transformations such as scale3d, and animations between each transform.

In addition, CSS has been used as a simple UI component such as a menu bar / button / image or a conversion effect when moving between web pages since it is suitable for simple manipulation of individual components constituting a web document. However, in the present invention, individual components (particularly, images) of a web document may be further divided into rectangular pieces, and then the polygons may be formed into a shape similar to a polygon, thereby being used for creating and manipulating arbitrary three-dimensional objects.

Hereinafter, a technique for creating and manipulating three-dimensional objects will be described with reference to the drawings.

1 is a block diagram of a system for generating three-dimensional objects according to an embodiment of the present invention.

Referring to FIG. 1, a system for creating a three-dimensional object includes a service providing apparatus 200 for providing a web or a wap page at the request of the three-dimensional object creating apparatus 100.

The three-dimensional object generation apparatus 100 generates a three-dimensional object by dividing a planar two-dimensional web page component into a plurality of polygons, manipulates the vertex positions of the individual grid elements included in the three- Create an object.

The three-dimensional object generating apparatus 100 may be applied to any user apparatus equipped with a communication function and a local communication function. For example, a notebook computer, a wireless communication terminal, a smart phone, a portable media player (PMP), a personal digital assistant (PDA), a tablet PC, a set- It can be a variety of devices.

A detailed description of the three-dimensional object generation apparatus 100 will be given with reference to FIG.

The service providing apparatus 200 provides a web or a wap page to the three-dimensional object creating apparatus 100 at the request of the three-dimensional object creating apparatus 100.

FIG. 2 is a block diagram schematically showing the configuration of a three-dimensional object generation apparatus according to an embodiment of the present invention. FIG. 3 is a block diagram showing a detailed configuration of the three-dimensional object generation unit shown in FIG. 3 is a block diagram showing a detailed configuration of a three-dimensional object manipulation processing unit.

2, a three-dimensional object generation apparatus 100 includes a communication unit 110 for transmitting and receiving data through a communication network, an input unit 120, an output unit 130, a storage unit 140, a three- 150, and a three-dimensional object manipulation processing unit 160.

The communication unit 110 is a communication unit that interconnects the three-dimensional object generation apparatus 100 and the service provision apparatus through a communication network. The communication unit 110 may be a wireless communication module such as mobile communication or satellite communication, a wired communication module such as the Internet, And a short-range wireless communication module.

The input unit 120 is a means for receiving a user request for controlling the operation of the three-dimensional object generation apparatus 100, and converts a user's request into an electric signal according to a user's operation. The input unit 120 is a key input unit for receiving characters, numbers and text information from a user. For example, the key input unit may be implemented by a keyboard, a keypad, a touch screen, or the like.

The output unit 130 displays the website data accessed by the three-dimensional object generation apparatus 100. The output unit 130 is a display unit for displaying screen information according to application driving. The output unit 130 is implemented as a small flat panel display device such as a liquid crystal display (LCD) or an organic light emitting diode (OLED) And may be implemented as a touch screen by overlapping with the input unit 120 described above.

The storage unit 140 stores a program necessary for controlling the operation of the three-dimensional object generation apparatus 100 and data generated during the execution of the program.

The three-dimensional object generation unit 150 generates a three-dimensional object by dividing a corresponding component into a plurality of polygons through a lattice of a two-dimensional web page component. A three-dimensional object is represented by a plurality of polygons. Generally, a polygon has one of dot, line, or triangle. The triangular polygon is represented by coordinates (x, y, z) and other attributes at each of its vertices, such as color, texture coordinates, and so on. The coordinates (x, y) of the vertex of the polygon indicate the position on the output unit 130. The coordinate z represents the distance the vertex is away from the selected view point of the three-dimensional scene.

3, the three-dimensional object generation unit 150 includes a rectangular grid element generation module 152 and a three-dimensional object generation module 154. The three-

The rectangular grid element generation module 152 uniformly divides the components of the web page into a predetermined number of rectangular grid elements to generate a rectangular grid element. Components of a web page may include objects such as images, text, and the like. Accordingly, when the component of the web page is an image, the rectangular grid element generation module 152 receives the individual image in the grid form corresponding to the original image from the service providing apparatus, or performs in-browser operation using javascript or the like After converting the original image to bitmap format, you can create the grid image itself. In addition, when the web page component is not an image, the square grid element generation module 152 decomposes the corresponding component into a rectangular grid using a division tag such as <div> or <span> to generate a rectangular grid element can do.

Dimensional object generation module 154 divides the diagonal direction vertices of each rectangular grid element generated by the rectangular grid element generation module 152 into two triangles and then replicates each square grid element so that two rectangles are different from each other The transparency is adjusted so that only the triangular area is visible to generate a plurality of polygons. At this time, a component composed of a plurality of generated polygons may be a three-dimensional object. That is, the three-dimensional object generation module 154 divides the diagonal direction vertices of each rectangular lattice element into two triangles, duplicates the corresponding rectangular lattice elements in two sets, To adjust the transparency. For example, in the case of an image, the 3D object creation module 154 sets the transparency (alpha value) to '0' in an area other than the triangle to be viewed so that the image is visible in the triangles of different areas of the two rectangles . In the case of the non-image element, the three-dimensional object creation module 154 sets the transparency (alpha value) of one triangle to '1' and the transparency (alpha value) of the other triangle to '0' You can make the component visible only in the triangle.

Referring again to FIG. 2, when the object manipulation signal is input from the three-dimensional object generated by the three-dimensional object generation unit 150, the three-dimensional object manipulation processing unit 160 generates vertex coordinates Dimensional transform matrix to generate a transformed 3D object by applying the generated 3D transform matrix to a predefined CSS transform. That is, after the creation of the 3D object, the vertex position of the individual grid elements included in the 3D object must be manipulated to freely transform the shape of the original image or component. Accordingly, when an object manipulation signal is input, the 3D object manipulation processing unit 160 transforms the shape of the corresponding lattice elements according to the object manipulation signal into a 3D object can do.

4, the three-dimensional object manipulation processor 160 includes a coordinate value storage module 162, a 3D transform matrix generation module 164, a three-dimensional object transformation module 166, .

The coordinate value storage module 162 stores the vertex coordinate values of the respective lattice elements constituting the three-dimensional object generated by the three-dimensional object generation unit 150. At this time, the coordinate value storage module 162 may store and store vertex coordinate values of the individual grid elements in an array or the like.

The 3D transform matrix generation module 164 changes the vertex coordinate values of the individual grid elements according to the object manipulation signal when the object manipulation signal is input from the three-dimensional object generated by the three-dimensional object generation unit 150, A 3D transform matrix of each grid element is generated using the vertex coordinate values and the vertex coordinate values stored in the coordinate value storage module 162. [

That is, when the user moves the individual grid elements of the three-dimensional object using a touch input, a mouse, or the like and the individual grid elements are moved by events such as pre-stored animation logic, the 3D transform matrix generation module 164 It is determined that the object manipulation signal is input, the vertex coordinate values of the individual grid elements are changed according to the object manipulation signal, and matrix operations are performed on all the grid elements to generate 3D transform matrices necessary for the CSS operation. The generated 3D transform matrix may have a different value for each grid element. On the other hand, the 3D transform matrix generation module 164 does not include the invisible vertex (i.e., the vertex in the transparent triangular area) in the computation.

The 3D transform matrix generation module 164 generates a 3D transform matrix by setting the current values of the three vertexes on the screen as O1 (x1, y1, z1), O2 (x2, y2, z2) (A1, b1, c1), D2 (a2, b2, c2) and D3 (a3, b3, c3) If the transform matrix to be obtained is M, the 3D transform matrix generation module 164 must satisfy the matrix equation of M * O1 = D1, M * O2 = D2, and M * O3 = D3.

)의 역행렬을 D1, D2, D3를 열로 하는 행렬(

)의 앞에 곱하여 쉽게 찾을 수 있다. 그러나, 일반적인 transform matrix는 translate, perspective transform을 적용하기 위해 3x3이 아닌 4x4 형태로 수학식 1과 같은 행렬식(

)이 성립하며 이 경우 해가 여러 개 존재하므로 일반적으로 역행렬이 존재하지 않는다.For a 3x3 matrix, M is a matrix with columns O1, O2, and O3 (

) Is a matrix in which D1, D2, and D3 are columns (

) Before it can be easily found. However, in order to apply the translate and perspective transforms, the general transform matrix is not a 3x3 but a 4x4 form.

), And in this case, since there are several solutions, there is no inverse matrix in general.

[Equation 1]

Therefore, the 3D transform matrix generation module 164 uses a method of individually obtaining scale, translate, rotate, and skew matrices to solve this problem. The transform matrix is reconstructed into 3x3 form except for the part related to Translate (tx, ty, tz) and perspective (0 0 0 1).

&Quot; (2) &quot;

는

를 재구성한 행렬,

는

를 재구성한 행렬,

는

룰 재구성한 행렬일 수 있다. here,

The

A matrix reconstructing a matrix,

The

A matrix reconstructing a matrix,

The

Rule may be a matrix reconstructed.

행렬을 scale, rotate, skew matrix로 분해하면 수학식 3과 같다.In Equation (2)

The matrix is decomposed into scale, rotate, and skew matrices.

&Quot; (3) &quot;

는 rotate 행렬,

는 skew 행렬,

는 scale 행렬일수 있다.here,

Rotate matrix,

Is a skew matrix,

Can be a scale matrix.

)의 경우, 원 좌표와 변경 좌표값을 이용하여 수학식 4와 같은 행렬 B를 생성한 후 Singular Value Decomposition을 통해 수학식 5와 같이 구할 수 있다. Rotation matrix (

), A matrix B as shown in Equation (4) can be generated using the original coordinates and the changed coordinate values, and can be obtained as shown in Equation (5) through Singular Value Decomposition.

&Quot; (4) &quot;

&Quot; (5) &quot;

The skew matrix and the scale matrix can be obtained relatively easily through the difference of the length difference and the cabinet value of each side of the triangle, but there are several solutions other than the single value. In this case, skew can be obtained assuming that x or y exists only. Since the transform matrix obtained by the above procedure is not the only solution, it is possible to obtain a different transform matrix through the modification of the algorithm.

The 3D object transformation module 166 applies the 3D transform matrices generated by the 3D transform matrix generation module 164 to the CSS transform to generate a modified 3D object. That is, when a CSS transform is applied to the individual grid elements having changed vertices using the generated 3D transform matrices, a modified 3D object can be generated according to the object manipulation signal. In case of CSS Transform, it provides a matrix interface that can handle rotate, translate, scale, skew operation and combination of two or three dimensional transform effect on individual elements constituting HTML. Since it is a technique for individually manipulating a rectangular HTML element, it is not a task of creating a complex 3D object having a large number of polygons or changing the appearance of the object, but a part requiring a simple 3D effect such as screen switching and menu configuration . CSS Transform is compatible with the latest mobile devices as well as PCs.

5 is a flowchart illustrating a method of generating and manipulating a three-dimensional object according to an exemplary embodiment of the present invention.

Referring to FIG. 5, the 3D object generation apparatus divides a 2D web page element into a plurality of polygons and generates a 3D object (S402). In order to create a free three-dimensional object, it is basically necessary to divide the elements of a web page, which is a rectangular plane, into a plurality of polygons (triangular objects). Accordingly, the three-dimensional object generation apparatus divides a two-dimensional web page component into a plurality of polygons to generate a three-dimensional object. A detailed description of a method for generating a three-dimensional object by the three-dimensional object generating apparatus will be described with reference to FIG.

After the execution of step S402, if an object manipulation signal is input in the generated three-dimensional object (S404), the 3D object creation apparatus generates a 3D transform matrix according to the inputted object manipulation signal (S406). Then, the 3D object generating apparatus applies the generated 3D transform matrix to the CSS transform to generate a modified 3D object (S408).

A detailed description of a method for generating a modified three-dimensional object by the three-dimensional object generation apparatus will be described with reference to FIG.

FIG. 6 is a flowchart illustrating a method for generating a three-dimensional object according to an exemplary embodiment of the present invention, and FIG. 7 is a view for explaining a method for generating a three-dimensional object according to an exemplary embodiment of the present invention .

Referring to FIG. 6, the three-dimensional object generating apparatus uniformly divides the elements of the web page into a predetermined number of rectangular grid elements (S502), and divides the diagonal vertices of each divided rectangular grid element into two triangles S504).

After performing step S504, the 3D object creation apparatus replicates each of the rectangular grid elements, and adjusts the transparency so that only the triangular areas of the two rectangles are visible (S506).

Referring to FIG. 7, a method of generating a three-dimensional object by a three-dimensional object generation apparatus includes the steps of uniformly dividing an image 600 as shown in FIG. 6A into a small rectangular grid as shown in FIG. (610). Then, the 3D object generation apparatus divides the diagonal direction vertices of each rectangular grid element into two triangles and generates them as shown in (c). Then, the three-dimensional object generating apparatus replicates the square grid elements as shown in (d) so that the image of the upper left triangle area is visible in the first rectangle 630a and the image of the lower right triangle area is displayed in the second rectangle 630b. The 3D object is created by adjusting the transparency so that only the image is displayed.

FIG. 8 is a flowchart illustrating a method of generating a modified three-dimensional object according to an exemplary embodiment of the present invention. FIG. 9 is a flowchart illustrating a method of generating a modified three-dimensional object according to an exemplary embodiment of the present invention. Fig.

Referring to FIG. 8, the 3D object creation apparatus stores vertex coordinate values of individual grid elements for a 3D object (S702).

After the execution of step S702, when the object manipulation signal is input in the three-dimensional object (S704), the three-dimensional object generation apparatus changes the vertex coordinate value of the individual grid element according to the object manipulation signal (S706) And a 3D transform matrix of the grid elements using the stored vertex coordinate values (S708).

Then, the 3D object generation apparatus applies the generated 3D transform matrix to the predefined CSS transform to generate a modified 3D object (S710).

Referring to FIG. 9, a method of transforming a three-dimensional object by a three-dimensional object generation apparatus will be described with reference to FIG. And the second rectangular grid element 800b, the 3D object generator changes the vertex coordinate values of the first rectangular grid element 800a and the second rectangular grid element 800b. Then, the three-dimensional object generation apparatus combines two modified lattice elements as shown in (b) to generate a modified three-dimensional object 810. At this time, two rectangular grid elements can share two vertices.

According to another aspect of the present invention, there is provided a method for generating a rectangular grid element by uniformly dividing a web page into a predetermined number of rectangular grid elements, generating a rectangular grid element by diagonal vertices of the generated rectangular grid elements, Dimensional object by clipping each square grid element and then adjusting the transparency so that only two triangles are different from each other to create a three-dimensional object; when the object manipulation signal is input in the generated three-dimensional object, Changing a vertex coordinate value of each grid element according to an operation signal, generating a 3D transform matrix of each grid element using the changed vertex coordinate value and the pre-modification vertex coordinate value, And generating a transformed three-dimensional object by applying the transformed CSS transform to the transformed three-dimensional object The readable storage medium is provided in the electronic device to record the program. .

Such a method of generating a three-dimensional object can be written as a program, and the codes and code segments constituting the program can be easily deduced by a programmer in the field. Also, a program related to a method for generating a three-dimensional object can be stored in an information storage medium (Readable Media) that can be read by an electronic device, and can be read and executed by an electronic device.

Thus, those skilled in the art will appreciate that the present invention may be embodied in other specific forms without departing from the spirit or essential characteristics thereof. It is therefore to be understood that the embodiments described above are to be considered in all respects only as illustrative and not restrictive. The scope of the present invention is defined by the appended claims rather than the detailed description and all changes or modifications derived from the meaning and scope of the claims and their equivalents are to be construed as being included within the scope of the present invention do.

The object of the present invention is to emulate a polygon of a triangular shape with a quadrangle as a basic element to emulate a polygon using a basic three dimensional transformation technique (rotate, translate and scale) A 3D object generation apparatus and method in which a 3D object can be generated and manipulated.

100: Three-dimensional object creation device 110:
120: input unit 130: output unit
140: storage unit 150: three-dimensional object generation unit
152: Square grid element generation module 154: 3D object generation module
160: Three-dimensional object manipulation processor 162: Coordinate value storage module
164: 3D transform matrix generation module
166: 3D object transformation module

Claims (5)

A three-dimensional object generation unit for generating a three-dimensional object by dividing a component of the two-dimensional web page into a plurality of polygons; And
A 3D transform matrix is generated by changing the vertex coordinate value of the corresponding individual grid element according to the object manipulation signal, and the generated 3D transform matrix is transformed into a predefined CSS transform A three-dimensional object manipulation processor for generating a transformed three-dimensional object by applying it to a Cascading Style Sheet transform;
, &Lt; / RTI &
If the component of the web page is an image, the three-dimensional object generation unit receives an individual image in a grid form corresponding to the original image from the service providing apparatus, or converts the original image into a bitmap form through internal operation of the browser It creates its own grid image,
Wherein the three-dimensional object generation unit includes: a square grid element generation module for generating square grid elements by uniformly dividing the components of the web page into a predetermined number of square grid; And
Dimensional polygons are generated by dividing the diagonal vertices of each of the generated rectangular lattice elements into two triangles and then replicating the respective rectangular lattice elements and adjusting the transparency so that only the two triangles are different from each other. And an object generation module.
delete delete The method according to claim 1,
Dimensional object generation module sets the transparency of a region other than the triangle in which the constituent elements are shown to be '0' so that the constituent elements are visible only in triangles of different regions in the corresponding two rectangles. Device. The method according to claim 1,
Wherein the 3D object manipulation processor comprises:
A coordinate value storage module for storing vertex coordinate values of each lattice element constituting the three-dimensional object generated by the three-dimensional object generation unit;
Wherein when the object manipulation signal is input in the 3D object, the vertex coordinate value of the individual grid element is changed according to the object manipulation signal, and the vertex coordinate value stored in the coordinate value storage module A 3D transform matrix generation module for generating a 3D transform matrix of lattice elements; And
And a 3D object transform module for transforming the generated 3D transform matrix to a CSS transform to generate a transformed 3D object.

Images