KR20180112582A - Web-based 3d contents exhibition system - Google Patents

Abstract

Provided is a system for exhibiting 3D content by generating a virtual space in a web browser environment. According to an embodiment of the present invention, a web-based 3D content exhibition system comprises an exhibition data storage unit for storing 3D scanning data of a first exhibition matter, 3D modeling data of the first exhibition matter and 3D modeling data corresponding to the first exhibition space; an object generating unit for generating object data including a first object file corresponding to the 3D modeling data of the first exhibition matter, a second object file corresponding to the first object file and a third object file generated from the 3D scanning data of the first exhibition matter; an exhibition environment generating unit for generating a web-based exhibition environment through 3D modeling data corresponding to the stored first exhibition space and rendering of the generated object data; and an exhibition information outputting unit for outputting the generated web-based exhibition environment.

Description

WEB-BASED 3D CONTENTS EXHIBITION SYSTEM [0002]

A system for displaying 3D contents by creating a virtual space in a web browser environment is provided.

Web 3D is realizing 3D graphics in real time through a web browser on the Internet and is utilized in various fields such as virtual model houses, corporate homepages, art galleries, and information systems.

As a method of implementing 3D on the Web, there are Virtual Reality Modeling Language (VRML), 3D Markup Language for Web (3DMLW), Extensible 3D (X3D), and Web Graphics Library (WebGL). Among these, VRML, 3DMLW and X3D require external plug-ins, but WebGL does not need a separate plug-in and its utilization is increasing because it can be rendered on a web browser.

In the Web 3D implementation using WebGL, it is necessary to convert the data specification and format of 3D contents created by various methods into a format that can be displayed in WebGL. Specifically, the point cloud data acquired through scanning forms a mesh, constructs UV coordinates, and generates a texture image corresponding to UV coordinates. In addition, 3D modeling data created through general 3D modeling tools such as SketchUp and BIM (Building Information Modeling) tools such as Revit acquires the * .obj file by converting the data format and transforms the data once again at low dimension To the WebGL.

However, in order to use the corresponding 3D object file in WebGL, it is necessary to convert data several times. In the case of using Sketchup, the 3D mesh is unstable, and when Revit is used, the representation of the texture is limited. There is a need for a technology that can express contents more realistically.

A problem to be solved by one embodiment of the present invention is to provide a system for creating a web-based virtual space and displaying 3D contents through the generated virtual space.

Embodiments according to the present invention can be used to accomplish other tasks not specifically mentioned other than the above-described tasks.

According to an embodiment of the present invention, there is provided an exhibition data storage unit for storing 3D scanning data of a first exhibit, 3D modeling data of a first exhibit, and 3D modeling data corresponding to a first exhibition space, An object for generating object data including a first object file corresponding to 3D modeling data of one exhibit, a second object file corresponding to the first object file, and a third object file generated from 3D scanning data of the first exhibit, An exhibition environment creating unit for creating a web-based exhibition environment by rendering the 3D modeling data corresponding to the stored first exhibition space and the generated object data, and an exhibition information outputting unit for outputting the generated web- Wherein the web-based display environment includes a plurality of exhibition spaces, and the plurality of exhibition spaces include a first display It proposes a Web-based 3D content display system including the output a first display area, and exhibits a first and a second, different display area in which the second exhibits the output.

Here, the first object file may be an obj file, the second object file may be an mtl file, and the third object file may be a texture image file.

The object generating unit converts the point cloud included in the 3D scanning data of the first display into a mesh, generates UV coordinates corresponding to the vertices of the converted mesh, To generate a texture image file corresponding to the texture image corresponding to the texture image.

Also, the display environment generating unit can add a light expression effect to the texture image.

Also, the exhibition information output unit outputs a three-dimensional independent web page including a two-dimensional virtual museum web site and a plurality of exhibition spaces, and displays an exhibition space where a user is located through a user interface among a plurality of exhibition spaces Can be output.

In addition, the exhibition information output unit may output at least one of voice, music, text, and moving picture corresponding to the first display.

According to the embodiment of the present invention, a web-based virtual museum can be implemented, and continuity, presence, and realism of a virtual exhibition space can be improved.

1 is a configuration of a web-based 3D content display system according to an embodiment of the present invention.
2 shows an object creation process using the object creation unit of FIG.
FIG. 3 shows a change in texture effect through texture baking according to an embodiment of the present invention.
FIG. 4 illustrates a display of a general 3D object and a display of a 3D object in a display space according to an exemplary embodiment of the present invention.
5 shows a text information output screen according to an embodiment of the present invention.
FIG. 6 illustrates a virtual space-based exhibition configuration according to an embodiment of the present invention.
FIG. 7 shows a display method using the 3D content display system of FIG.
8 illustrates a virtual museum web page according to an embodiment of the present invention.

Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings, which will be readily apparent to those skilled in the art to which the present invention pertains. The present invention may be embodied in many different forms and is therefore not limited to the embodiments described herein. In order to clearly illustrate the present invention, parts not related to the description are omitted, and the same reference numerals are used for the same or similar components throughout the specification. In the case of publicly known technologies, detailed description thereof will be omitted.

In this specification, when a part is referred to as "including " an element, it is to be understood that it may include other elements as well, without departing from the other elements unless specifically stated otherwise. The terms " part, "" module," and "group ", as used herein, refer to a unit that processes at least one function or operation, which may be implemented in hardware or software or a combination of hardware and software have.

Below is an example of 3D virtual museum implementation in web environment.

1 is a configuration of a web-based 3D content display system according to an embodiment of the present invention.

The 3D content display system 100 of FIG. 1 uses a canvas element of HTML5, which is a web standard, and implements a display environment of 3D contents using 'WebGL' available in a web browser. The 3D content display system 100 includes an exhibition data storage unit 110, A display environment generating unit 130, and an exhibition information output unit 140. The display unit 120 includes a display unit 130,

The exhibition data storage unit 110 stores 3D data of an exhibit. Here, the 3D data includes scanning data and modeling data of the exhibit, the scanning data is point cloud data obtained through 3D scanning of the actual exhibition, and the modeling data is a 3D modeling program (ArchiCAD, Blender ), And the like). For example, the scanning data includes files whose extension is ICF, WRL, XRL, and the like.

In addition, the exhibition data storage unit 110 stores modeling data corresponding to a virtual exhibition space (hereinafter referred to as "virtual space"). Here, the exhibition space modeling data can be generated through a 3D modeling program and a building information modeling (BIM) modeling program in an obj file format.

The object generating unit 120 converts the 3D data of the exhibit stored in the exhibition data storage unit 110 to generate object data.

2 shows a process of generating object data using the object generator of FIG.

2, point cloud data (3D scanning data) such as ICF, WRL, or XRL files stored in the exhibition data storage unit 110 is converted into a mesh, and UV coordinates And a texture image corresponding to the UV coordinates. For example, Geomagic DesignX allows you to convert point cloud data into meshes and generate texture images corresponding to UV coordinates and UV coordinates.

2, the 3D modeling data (design file) stored in the exhibition data storage unit 110 is exported through a modeling program and converted into an obj file. At this time, an mtl file corresponding to the converted obj file is generated.

Here, the obj file is a three-dimensional file format. The obj file includes a polygon composed of vertexes each including three-dimensional geometric information (Geometric Information) of a mesh possessed by the 3D contents and its vertexes, Dimensional texture image and the corresponding UV value. In addition, the mtl file includes texture information (texture information) such as Diffuse Color and mapping information. In this case, since the mapped image is 2D, in order to correspond the texture image to the geometric information, the UV map should be generated by converting the position information of the 3D contents to 2D and mapping the 2D image to the corresponding coordinates. In the embodiment of the present invention, a UV map is generated using a blender.

The object data generated through FIG. 2 includes * .obj file, * .mtl file, and texture image file, and it is possible to improve rendering speed and quality since it is low in quality compared with quality.

Referring again to FIG. 1, the exhibition environment generation unit 130 implements the exhibition environment by applying the object data generated by the object generation unit 120 to the virtual space.

Below is an example of one of WebGL's operating frameworks. It is easy to use as a high-level library, validated against OpenGL Shading Language (GLSL), and exhibited using 'Three.js' available under the Massachusetts Institute of Technology (MIT) license Environment is implemented as an example.

The exhibition environment generation unit 130 loads the object data into the virtual space modeling data stored in the exhibition data storage unit 110 and changes the coordinate values of the object to implement a three-dimensional display environment. At this time, the obj file loader provided by the three.js library can be used, and the * .obj file and the * .mtl file corresponding to the virtual space modeling data, the * .obj file corresponding to the object data, the * .mtl file, and The display environment can be implemented by rendering the texture image file. Specifically, the 3D object is read through the * .obj file of the object data, the 3D object read through the * .mtl file of the object data is textured, and the object colored by the texture image file is transferred through the virtual space Can be output.

The display environment generation unit 130 generates an image including the light expression effect and applies the generated image to the UV map. For example, texture baking provided by Blender allows you to add a shadow-like light effect to the texture image to be imposed on the object, and apply the light-added image to the UV map during rendering. In addition, we model the virtual space, input texture values to each face using texture images suitable for architectural elements such as walls and floors, convert them into obj, mtl and texture image files, You can express the reaction of space and 3D objects.

FIG. 3 shows a change in texture effect through texture baking according to an embodiment of the present invention.

In Fig. 3, it can be seen that a more realistic texture representation is possible through texture baking. This solves the computational load problems required in real-time rendering and enables a more realistic environment on a limited performance browser.

Referring back to FIG. 1, the display environment creating unit 130 may reduce the appearance of the texture of the object when the UV map is applied through anti-aliasing, and maintain the continuity of the boundary portion of the texture.

The exhibition information output unit 140 outputs the 3D object display screen and the object-related audiovisual information (voice, music, moving picture, text, etc.) of the virtual space generated through the exhibition environment generating unit 130. [ Specifically, explanatory information of an object (an exhibit) stored in advance in accordance with the movement of the viewer in the virtual space is output together with the 3D object through the interface tool. In addition, various types of objects corresponding to the interaction of the spectators can be output to improve the sense of presence and immersion.

FIG. 4 illustrates a display of a general 3D object and a display of a 3D object in a display space according to an exemplary embodiment of the present invention.

FIG. 4 shows a screen displaying only 3D objects and a screen displaying 3D objects through an exhibition space. By arranging and presenting an exhibition space according to the characteristics of the 3D objects, 3D objects can be displayed to improve the immersion feeling of the viewer.

5 shows a text information output screen according to an embodiment of the present invention.

Referring to FIG. 5, a 3D object corresponding to the position of the spectator may be output, and explanation information stored in advance may be outputted in a pop-up form. In addition, explanatory information corresponding to the 3D object can be searched and output in real time through portal site search or the like.

FIG. 6 illustrates a virtual space-based exhibition configuration according to an embodiment of the present invention.

6, a viewer accesses the 2D museum website and accesses the 3D virtual museum through a link. A spectator connected to a 3D virtual museum can navigate through a user interface such as a keyboard, a mouse and a touch, and can move from a current virtual space to another virtual space. At this time, different objects (3D objects) can be experienced through the virtual spaces different from the current virtual space.

FIG. 7 shows a display method using the 3D content display system of FIG.

First, the 3D data of the exhibit and the modeling data of the virtual space are stored in the exhibition data storage unit 110 (S10). Specifically, point cloud data generated through 3D scanning of an actual exhibit, exhibit modeling data generated through a 3D modeling program, and virtual space modeling data are stored. At this time, the modeling data of the exhibit and the virtual space can be exported in the modeling program, converted into an obj file and stored in the exhibition data storage unit 110, and the mtl file corresponding to the converted obj file Can be saved together.

In step S 20, the object generator 120 converts the 3D data of the display stored in step S 10 to generate object data (S 20). Specifically, the point cloud stored in step S10 is converted into a mesh, UV coordinates (texture coordinates) corresponding to the vertices of the mesh are generated, and a texture image corresponding to the generated UV coordinates is generated.

Thereafter, the display environment creating unit 130 creates a display environment in which the object data is applied to the virtual space (S30). Specifically, the object is read using the obj file stored in step S10 in the virtual space corresponding to the virtual space modeling data stored in step S10. In addition, the mtl file is used to texture the read object, and the read object can be colored using the texture image file generated in step S20.

Thereafter, the exhibition information output unit 140 outputs objects and virtual spaces corresponding to the movement of the spectators connected to the virtual museum homepage (S40, S50). In step S50, it is possible to further output the object-related audiovisual information. The viewer moves to a virtual space for displaying different objects in a virtual museum through a user interface such as a keyboard and a mouse, and can confirm information about objects and objects.

8 illustrates a virtual museum web page according to an embodiment of the present invention.

FIG. 8 shows a virtual museum using the WebGL according to an embodiment of the present invention, and it can be seen that a plurality of virtual spaces (one exhibition room, two exhibition rooms, and three exhibition rooms) corresponding to objects are implemented.

A Web-based 3D content display system and method according to an embodiment of the present invention can be utilized for realizing a virtual museum displaying a museum and presenting relevant information outside space and time constraints. In addition, the sense of immersion can be improved by providing immediate feedback, a field experience, and a sensory experience according to a spectator's spatial movement and reaction.

According to the embodiment of the present invention, since 3D graphics can be implemented without using a separate plug-in by using WebGL, it can be utilized in various fields and can be utilized in various device environments because it can be accessed through a web browser without a separate interface programming.

While the present invention has been particularly shown and described with reference to exemplary embodiments, it is to be understood that the invention is not limited to the disclosed exemplary embodiments, but, on the contrary, It belongs to the scope.

100: 3D content display system
110: Exhibition data storage unit
120:
130: Exhibition environment creation section
140: Exhibition information output section

Claims (6)

An exhibition data storage unit for storing 3D scanning data of the first exhibit, 3D modeling data of the first exhibit, and 3D modeling data corresponding to the first exhibition space,
The object data including the first object file corresponding to the 3D modeling data of the first exhibit, the second object file corresponding to the first object file, and the third object file generated from the 3D scanning data of the first exhibit, An object generating unit for generating an object,
A display environment creating unit for creating a web-based display environment by rendering the 3D modeling data corresponding to the first exhibition space and the generated object data;
An exhibition information output unit for outputting the generated web-
/ RTI >
Wherein the web-based display environment includes a plurality of exhibition spaces, wherein the plurality of exhibition spaces include a first display space in which the first display is output, and a second display in which a second display is output other than the first display Web-based 3D content display system including space. The method of claim 1,
Wherein the first object file is an obj file, the second object file is an mtl file, and the third object file is a texture image file. 3. The method of claim 2,
Wherein the object generating unit converts a point cloud included in 3D scanning data of the first exhibit into a mesh and generates UV coordinates corresponding to the converted vertex of the mesh, A web-based 3D content display system for generating a texture image file corresponding to a texture image corresponding to a UV coordinate. 4. The method of claim 3,
Wherein the display environment creating unit adds a light expression effect to the texture image. The method of claim 1,
The exhibition information output unit outputs a two-dimensional virtual museum web site and a three-dimensional independent web page including the plurality of exhibition spaces, and an exhibition space among the plurality of exhibition spaces, Based 3D content display system for displaying the 3D content. The method of claim 1,
Wherein the exhibition information output unit outputs at least one of voice, music, text, or moving picture corresponding to the first exhibit.

Images