KR101968974B1 - System and method for providing contents using merging layers of page with motion effect - Google Patents
System and method for providing contents using merging layers of page with motion effect Download PDFInfo
- Publication number
- KR101968974B1 KR101968974B1 KR1020160028346A KR20160028346A KR101968974B1 KR 101968974 B1 KR101968974 B1 KR 101968974B1 KR 1020160028346 A KR1020160028346 A KR 1020160028346A KR 20160028346 A KR20160028346 A KR 20160028346A KR 101968974 B1 KR101968974 B1 KR 101968974B1
- Authority
- KR
- South Korea
- Prior art keywords
- page
- layers
- layer
- content
- motion effect
- Prior art date
Links
- 230000000694 effects Effects 0.000 title claims abstract description 63
- 238000000034 method Methods 0.000 title claims abstract description 38
- 230000009471 action Effects 0.000 claims description 3
- 230000010354 integration Effects 0.000 claims description 2
- 239000010410 layer Substances 0.000 description 105
- 238000009877 rendering Methods 0.000 description 11
- 238000010586 diagram Methods 0.000 description 8
- 238000004519 manufacturing process Methods 0.000 description 6
- 230000008569 process Effects 0.000 description 5
- 230000008859 change Effects 0.000 description 3
- 238000003860 storage Methods 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 238000004590 computer program Methods 0.000 description 2
- 229910000831 Steel Inorganic materials 0.000 description 1
- 239000002131 composite material Substances 0.000 description 1
- 239000000470 constituent Substances 0.000 description 1
- 230000003247 decreasing effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 230000003252 repetitive effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 239000002356 single layer Substances 0.000 description 1
- 239000010959 steel Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/10—Services
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Business, Economics & Management (AREA)
- Tourism & Hospitality (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Health & Medical Sciences (AREA)
- Human Computer Interaction (AREA)
- Economics (AREA)
- General Health & Medical Sciences (AREA)
- Human Resources & Organizations (AREA)
- Marketing (AREA)
- Primary Health Care (AREA)
- Strategic Management (AREA)
- General Business, Economics & Management (AREA)
- Processing Or Creating Images (AREA)
Abstract
모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법이 개시된다. 컴퓨터로 구현되는 컨텐츠 제공 시스템의 컨텐츠 제공 방법은, 복수의 레이어를 포함하는 페이지를 구성하는 단계, 상기 페이지에 포함된 복수의 레이어 중 적어도 하나의 레이어에 적용될 모션 효과를 설정하는 단계 및 상기 페이지를 포함하는 컨텐츠의 생성 시 상기 페이지에 포함된 상기 복수의 레이어들 중 상기 모션 효과가 설정된 레이어를 제외한 나머지 일반 레이어들에서 서로 연속된 레이어들을 통합하는 단계를 포함할 수 있다.A system and method for providing content using layer merging of pages that include motion rendition is disclosed. A content providing method of a content providing system implemented by a computer includes the steps of: configuring a page including a plurality of layers; setting a motion effect to be applied to at least one layer among a plurality of layers included in the page; And merging consecutive layers in the remaining general layers except the layer in which the motion effect is set, among the plurality of layers included in the page when generating the content including the motion effect.
Description
본 발명의 실시예들은 모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법에 관한 것이다.Embodiments of the present invention are directed to a system and method for providing content using layer merging of pages that include motion rendering.
웹툰은, 영어 표현의 'web(웹)'과 'cartoon(만화)'을 합성한 말로, '인터넷을 매개로 배포하는 만화'를 의미한다. 예를 들어, 한국공개특허 제10-2006-0110587호는 네트워크를 이용한 만화 서비스 제공 방법 및 그 시스템에 관한 것으로 만화 제작 툴을 포함하는 웹페이지를 통해 만화를 제작하거나 제작된 만화를 열람할 수 있음을 개시하고 있다.Webtoon is a combination of 'web' and 'cartoon' in the English language, which means 'comics distributed via the Internet'. For example, Korean Patent Laid-Open Publication No. 10-2006-0110587 relates to a method and system for providing cartoon service using a network, in which a cartoon is produced or a cartoon is displayed through a web page including a cartoon production tool .
복수의 레이어로 구성된 페이지에서 적어도 하나의 레이어에 모션 연출을 적용하여 모션 연출이 포함된 컨텐츠를 제공하고, 이때 모션 연출이 적용되지 않은 레이어들을 하나의 이미지로 병합함으로써 컨텐츠를 제공할 때의 로딩 성능을 향상시키고 네트워크 사용량을 줄일 수 있는 컨텐츠 제공 시스템 및 방법을 제공한다.The present invention relates to a method and a system for providing a content including motion rendering by applying motion rendering to at least one layer in a page composed of a plurality of layers and by combining the layers to which the motion rendering is not applied, And provide a content delivery system and method that can reduce network usage.
페이지의 크기가 일정 크기 이상인 경우, 백그라운드 색과 동일한 일정 크기 영역을 자동으로 인식하고, 인식된 크기 영역을 기준으로 페이지를 자동 분할하여 저장하여 컨텐츠를 구성할 수 있는 컨텐츠 제공 시스템 및 방법을 제공한다.There is provided a content providing system and method capable of automatically recognizing an area having the same size as a background color and automatically dividing and storing a page based on the recognized size area when the size of the page is equal to or larger than a predetermined size .
최종 이미지에 특정 색을 갖는 일정 크기 이상의 영역이 존재하는 경우 최종 이미지에서 해당 색의 영역을 제거하고 제거된 영역을 통해 웹툰과 같은 컨텐츠가 표시되는 서비스 페이지의 백그라운드의 색이 표시되도록 컨텐츠를 제공함으로써 최종 이미지 리소스의 크기를 줄여 네트워크 사용량을 줄이고 로딩 성능을 향상시킬 수 있는 컨텐츠 제공 시스템 및 방법을 제공한다.If there is an area of a predetermined size or more having a specific color in the final image, the corresponding color area is removed from the final image, and the content is provided so that the background color of the service page, A system and a method for providing a content that can reduce the size of a final image resource and reduce network usage and improve loading performance.
컴퓨터로 구현되는 컨텐츠 제공 시스템의 컨텐츠 제공 방법에 있어서, 복수의 레이어를 포함하는 페이지를 구성하는 단계; 상기 페이지에 포함된 복수의 레이어 중 적어도 하나의 레이어에 적용될 모션 효과를 설정하는 단계; 및 상기 페이지를 포함하는 컨텐츠의 생성 시 상기 페이지에 포함된 상기 복수의 레이어들 중 상기 모션 효과가 설정된 레이어를 제외한 나머지 일반 레이어들에서 서로 연속된 레이어들을 통합하는 단계를 포함하는 것을 특징으로 하는 컨텐츠 제공 방법을 제공한다.A content providing method of a computer-implemented content providing system, the method comprising: constructing a page including a plurality of layers; Setting a motion effect to be applied to at least one of a plurality of layers included in the page; And merging consecutive layers in remaining general layers other than the layer in which the motion effect is set among the plurality of layers included in the page when creating the content including the page. Provide a method of providing.
컴퓨터로 구현되는 컨텐츠 제공 시스템에 있어서, 복수의 레이어를 포함하는 페이지를 구성하는 페이지 구성부; 상기 페이지에 포함된 복수의 레이어 중 적어도 하나의 레이어에 적용될 모션 효과를 설정하는 모션 효과 설정부; 및 상기 페이지를 포함하는 컨텐츠의 생성 시 상기 페이지에 포함된 상기 복수의 레이어들 중 상기 모션 효과가 설정된 레이어를 제외한 나머지 일반 레이어들에서 서로 연속된 레이어들을 통합하는 레이어 통합부를 포함하는 것을 특징으로 하는 컨텐츠 제공 시스템을 제공한다.A computer-implemented content providing system, comprising: a page configuring unit configured to configure a page including a plurality of layers; A motion effect setting unit for setting a motion effect to be applied to at least one of a plurality of layers included in the page; And a layer merging unit for merging consecutive layers in remaining general layers excluding the layer in which the motion effect is set among the plurality of layers included in the page when creating the content including the page And provides a content providing system.
복수의 레이어로 구성된 페이지에서 적어도 하나의 레이어에 모션 연출을 적용하여 모션 연출이 포함된 컨텐츠를 제공하고, 이때 모션 연출이 적용되지 않은 레이어들을 하나의 이미지로 병합함으로써 컨텐츠를 제공할 때의 로딩 성능을 향상시키고 네트워크 사용량을 줄일 수 있다.The present invention relates to a method and a system for providing a content including motion rendering by applying motion rendering to at least one layer in a page composed of a plurality of layers and by combining the layers to which the motion rendering is not applied, And reduce network usage.
페이지의 크기가 일정 크기 이상인 경우, 백그라운드 색과 동일한 일정 크기 영역을 자동으로 인식하고, 인식된 크기 영역을 기준으로 페이지를 자동 분할하여 저장하여 컨텐츠를 구성할 수 있다.If the size of the page is equal to or larger than a predetermined size, the same size area as the background color is automatically recognized, and the content can be configured by automatically dividing and storing the page based on the recognized size area.
최종 이미지에 특정 색을 갖는 일정 크기 이상의 영역이 존재하는 경우 최종 이미지에서 해당 색의 영역을 제거하고 제거된 영역을 통해 웹툰과 같은 컨텐츠가 표시되는 서비스 페이지의 백그라운드의 색이 표시되도록 컨텐츠를 제공함으로써 최종 이미지 리소스의 크기를 줄여 네트워크 사용량을 줄이고 로딩 성능을 향상시킬 수 있다.If there is an area of a predetermined size or more having a specific color in the final image, the corresponding color area is removed from the final image, and the content is provided so that the background color of the service page, Reducing the size of the final image resource can reduce network usage and improve loading performance.
도 1 및 도 2는 본 발명의 일실시예에 있어서, 컨텐츠 제공 시스템의 동작 환경의 예를 도시한 도면들이다.
도 3 및 도 4는 본 발명의 일실시예에 있어서, 컨텐츠의 제작을 위한 제작 툴을 설명하기 위한 도면들이다.
도 5 내지 도 7은 본 발명의 일실시예에 있어서, 복수의 레이어들을 표시한 예들이다.
도 8은 본 발명의 일실시예에 있어서, 페이지를 자동 분할하는 예를 도시한 도면이다.
도 9는 본 발명의 일실시예에 있어서, 자동으로 여백을 생성하는 예를 도시한 도면이다.
도 11은 본 발명의 일실시예에 있어서, 컨텐츠 제공 시스템의 내부 구성을 설명하기 위한 블록도이다.
도 12는 본 발명의 일실시예에 있어서, 컨텐츠 제공 방법을 도시한 흐름도이다.
도 13은 본 발명의 다른 실시예에 있어서, 컨텐츠 제공 시스템의 내부 구성을 설명하기 위한 블록도이다.
도 14는 본 발명의 다른 실시예에 있어서, 컨텐츠 제공 방법을 도시한 흐름도이다.FIG. 1 and FIG. 2 are views showing an example of an operating environment of a content providing system in an embodiment of the present invention.
3 and 4 are views for explaining a production tool for producing contents in an embodiment of the present invention.
5 to 7 show examples of displaying a plurality of layers in an embodiment of the present invention.
8 is a diagram showing an example of automatic division of pages in one embodiment of the present invention.
9 is a diagram showing an example of automatically generating margins in an embodiment of the present invention.
11 is a block diagram for explaining an internal configuration of a content providing system according to an embodiment of the present invention.
12 is a flowchart illustrating a content providing method according to an embodiment of the present invention.
13 is a block diagram for explaining an internal configuration of a content providing system according to another embodiment of the present invention.
14 is a flowchart illustrating a content providing method according to another embodiment of the present invention.
이하, 본 발명의 실시예를 첨부된 도면을 참조하여 상세하게 설명한다.DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings.
본 발명의 실시예들은 다양한 모션 연출이 가능한 컨텐츠를 제공하는 컨텐츠 제공 시스템 및 컨텐츠 제공 방법에 관한 것으로, 하나의 페이지를 구성하는 복수의 레이어들 중 모션 효과가 설정되지 않은 레이어들을 이미지로 통합하여 컨텐츠를 생성함으로써 컨텐츠에서 해당 페이지의 로딩시의 성능을 향상시키고 네트워크 사용량을 줄일 수 있는 기술에 관한 것이다. 또한, 본 발명의 실시예들은 크기가 너무 큰 페이지를 자동 분할하거나 자동으로 여백을 포함시킴으로써 최종 이미지 리소스의 크기를 줄일 수 있는 기술에 대해서도 설명한다.The embodiments of the present invention are directed to a content providing system and a content providing method for providing contents capable of various kinds of motion rendering, Thereby improving the performance of loading the page in the content and reducing the amount of network usage. Embodiments of the present invention also describe a technique capable of reducing the size of the final image resource by automatically splitting a page that is too large or automatically including margins.
도 1 및 도 2는 본 발명의 일실시예에 있어서, 컨텐츠 제공 시스템의 동작 환경의 예를 도시한 도면들이다.FIG. 1 and FIG. 2 are views showing an example of an operating environment of a content providing system in an embodiment of the present invention.
도 1에서, 제작자 단말(110)은 웹툰과 같은 컨텐츠를 제작하는 제작자가 이용하는 단말로서 컨텐츠를 제작하는데 필요한 제작 툴이 설치되고 네트워크를 통해 매체(120)에 접속하여 통신할 수 있는 장치를 의미할 수 있다. 매체(120)는 웹페이지나 전용 툴을 통해 제작자의 컨텐츠를 이용자 단말(130)로 제공하는 서버장치 또는 서로 연계된 복수의 서버장치들을 의미할 수 있다. 이용자 단말(130)은 매체(120)로 컨텐츠를 요청하고, 요청된 컨텐츠를 수신하여 표시하는 장치를 의미할 수 있다.1, a
도 1에서 컨텐츠가 제공되는 과정의 일례는 아래 (1) 내지 (4)와 같이 진행될 수 있다.An example of the process of providing contents in FIG. 1 may be performed as follows (1) to (4).
(1) 제작자는 제작자 단말(110)에 설치된 제작 툴을 통해 컨텐츠를 생성할 수 있다. 제작 툴은 매체(120) 또는 매체(120)와 연관된 서버를 통해 다운받은 파일을 통해 제작자 단말(110)에 설치될 수 있으며, 제작자는 이러한 제작 툴을 이용하여 컨텐츠를 생성할 수 있다.(1) The creator can create content through the authoring tool installed in the
(2) 제작자 단말(110)은 생성된 컨텐츠를 매체(120)로 전송할 수 있다. 예를 들어, 매체(120)는 제작자 단말(110)이 컨텐츠를 업로드할 수 있는 페이지를 제작자 단말(110)로 제공할 수 있고, 제작자 단말(110)은 제공된 페이지의 파일 업로드 기능을 이용하여 컨텐츠가 포함된 파일을 업로드할 수 있다.(2) The
(3) 매체(120)는 컨텐츠를 웹페이지나 또는 전용 툴에 적용할 수 있다. 예를 들어, 웹툰과 같은 컨텐츠가 제공될 웹페이지 또는 컨텐츠의 뷰가 가능한 전용 툴을 통해 컨텐츠가 표시될 수 있도록 컨텐츠를 적용할 수 있다.(3) The medium 120 may apply the content to a web page or a dedicated tool. For example, the content can be applied so that the content can be displayed through a dedicated tool capable of viewing a web page or contents to be provided with content such as a Webtoon.
(4) 매체(120)는 웹페이지 또는 전용 툴을 통해 컨텐츠를 제공할 수 있다. 예를 들어, 이용자 단말(130)은 매체(120)의 웹사이트에 접속하여 특정 컨텐츠를 요청하거나 이용자 단말(130)에 설치되어 컨텐츠의 뷰가 가능한 전용 툴을 통해 매체(120)로 특정 컨텐츠를 요청할 수 있다. 이 경우, 매체(120)는 요청된 컨텐츠가 적용된 웹페이지를 이용자 단말(130)로 제공하거나 또는 이용자 단말(130)에 설치된 전용 툴을 통해 컨텐츠가 표시될 수 있도록 컨텐츠를 제공할 수 있다.(4) The medium 120 can provide contents through a web page or a dedicated tool. For example, the
도 2는 도 1에서와 다르게, 제작자 단말(110)이 제작자 단말(110)에 설치된 제작 툴이 아니라 웹상에서 웹애플리케이션으로서 제공되는 웹 제공 툴을 통해 컨텐츠를 제작하여 컨텐츠를 생성하고, 생성된 컨텐츠가 바로 매체(120)로 업로드되는 실시예를 설명하고 있다. 이때, 매체(120)로 업로드된 컨텐츠가 이용자 단말(130)로 제공되는 과정은 앞서 설명한 바와 동일하게 진행될 수 있다.2, the
이때, 본 발명의 실시예들에 따른 컨텐츠 제공 시스템은 제작 툴이 설치된 제작자 단말(110)에 대응되거나 또는 웹 제작 툴을 제공하는 매체(120)에 대응될 수 있다.At this time, the content providing system according to the embodiments of the present invention may correspond to the
도 3 및 도 4는 본 발명의 일실시예에 있어서, 컨텐츠의 제작을 위한 제작 툴을 설명하기 위한 도면들이다. 도 3의 화면(300)은 제작 툴의 인터페이스들이 표시된 예를 나타내고 있다. 하나의 컨텐츠는 적어도 하나의 페이지로 구성될 수 있고, 하나의 페이지는 적어도 하나의 레이어로 구성될 수 있다. 화면(300)은 '기본효과', '복합효과', '재생효과' 등과 같이 다양한 효과를 하나의 레이어를 구성하는 이미지(배경 이미지, 객체 이미지, 텍스트 이미지 등)에 적용할 수 있는 인터페이스를 나타내고 있다. 예를 들어 페이지 목록 영역(310)에는 컨텐츠를 구성하는 페이지들에 대한 요약 정보(일례로, 페이지 식별자 및 페이지들의 스틸컷 등)가 포함될 수 있다. 또한, 페이지 표시 영역(320)에는 컨텐츠를 구성하는 페이지들 중 하나의 페이지의 스틸컷이 표시될 수 있다. 레이어 목록 영역(330)에는 페이지 표시 영역(320)에 표시된 페이지를 구성하는 레이어들에 대한 정보(레이어 식별자, 레이어 표시 여부를 결정하기 위한 인터페이스, 레이어 스틸컷 등)가 표시될 수 있다. 또한, 효과 표시 영역(340)에는 레이어 목록 영역(330)의 레이어들에 설정된 효과들에 대한 정보가 표시될 수 있다.3 and 4 are views for explaining a production tool for producing contents in an embodiment of the present invention. A
제작자는 페이지와 레이어를 선택한 후, 상단의 효과 버튼("이동", "회전", "나타나기", "흔들기" 등)을 누르는 것만으로 원하는 효과를 간편하게 설정할 수 있다. 또한, 제작자는 효과 표시 영역(340)을 통해 개별 효과들을 보다 정밀하게 제어하여 설정할 수 있다.Authors can easily set the desired effect by selecting the page and layer, then pressing the effect buttons at the top ("Move", "Rotate", "Appear", "Shake", etc.). In addition, the manufacturer can control and set individual effects more precisely through the
도 4의 화면(400)에서는 효과 표시 영역(340)을 통해 개별 효과들에 대해 효과가 적용될 시점, 효과에 따라 이미지가 이동하는 속도, 효과의 반복 여부 등과 같이 기설정된 다양한 세부 효과들을 선택할 수 있음을 나타내고 있다. 선택 가능한 세부 효과들은 효과의 종류에 따라 달라질 수 있다.In the
연출을 위한 효과들은 이미지의 모션을 제어하기 위한 모션 효과를 포함할 수 있고, 그 외에도 이용자 단말(130)에 진동을 발생시키거나 이용자 단말(130)에서 소리를 출력하기 위한 효과 등과 같이 다양한 효과를 포함할 수 있다.Effects for rendering may include a motion effect for controlling the motion of the image and may also include various effects such as generating vibration in the
도 5 내지 도 7은 본 발명의 일실시예에 있어서, 복수의 레이어들을 표시한 예들이다.5 to 7 show examples of displaying a plurality of layers in an embodiment of the present invention.
우선 도 5에서는 레이어들(511 내지 519)이 모두 동일한 모양의 동일한 크기를 갖는 예를 나타내고 있으며, 이러한 레이어들(511 내지 519)이 모여 하나의 페이지(520)를 구성할 수 있음을 나타내고 있다.First, in FIG. 5, the
반면, 하나의 페이지를 구성하는 레이어들은 그 크기와 모양이 모두 다를 수 있다. 예를 들어 도 6에서는 백그라운드를 위한 레이어(613)와 말풍선 모양의 레이어(612) 및 말풍선에 포함될 글자를 위한 레이어(611)를 각각 나타내고 있으며, 이러한 레이어들(611 내지 613)이 결합되어 하나의 페이지(620)가 구성됨을 나타내고 있다.On the other hand, the layers constituting one page may have different sizes and shapes. For example, FIG. 6 shows a
또한, 도 7은 특정 레이어(712)에 "나타나기" 효과가 적용된 경우의 예를 나타내고 있다. 처음 페이지(720)가 표시될 때는 두 개의 레이어들(711 및 713)만이 표시되고 설정된 시간 이후의 페이지(730)에는 나머지 레이어(712)가 "나타나기" 효과와 함께 표시되는 예를 나타내고 있다. 이처럼 모션 효과는 페이지를 구성하는 복수의 레이어들 중 적어도 하나에 설정될 수 있다.7 shows an example in which the " appearing " effect is applied to a
한편, 다시 도 5를 살펴보면, 도 5에서는 레이어들(511 내지 519) 중 두 개의 레이어들(513 및 516)에 모션 효과가 적용되었음을 나타내고 있다. 다시 말해, 나머지 레이어들(511, 512, 514, 515, 517, 518 및 519)에는 모션 효과가 적용되어 있지 않음을 알 수 있다.Referring again to FIG. 5, FIG. 5 shows that a motion effect is applied to two
이때, 모든 레이어들을 개별적 이미지로 설정하여 제공하는 것은, 하나의 최종 이미지를 제공하는 것에 비해 네트워크 사용량을 증가시킬 뿐만 아니라 이용자 단말(130)에서 컨텐츠를 로딩할 때 로딩 성능을 떨어뜨림을 알 수 있다. 그러나, 다양한 연출을 위해서는 각 레이어들의 정보가 필요할 뿐만 아니라 레이어들별로 적용된 효과에 대한 정보가 전달될 필요가 있다.At this time, providing all of the layers with individual images may increase the network usage as compared with providing a single final image, but also deteriorate the loading performance when loading contents at the
이에 본 발명의 실시예들에서는 모션 효과가 설정된 레이어들을 제외한 나머지 일반 레이어들 그 중에서도 서로 연속된 일반 레이어들을 병합하여 제공하는 기술을 제공한다.Accordingly, embodiments of the present invention provide a technique for merging and providing continuous normal layers among the remaining general layers excluding the layers with motion effects set therein.
예를 들어, 도 5의 예를 살펴보면, 본 발명의 실시예들에 따른 컨텐츠 제공 시스템은 최하층의 레이어(519)부터 최상층의 레이어(511)까지 순차적으로 레이어들이 모션 효과가 설정되어 있는지 여부를 확인하면서 모션 효과가 설정되어 있지 않으면서 서로 연속된 레이어들은 병합하여 하나의 병합 이미지를 생성하고, 모션 효과가 설정된 레이어들은 개별 이미지로 생성하여 제공할 수 있다. 다시 말해, 컨텐츠 제공 시스템은 레이어(519), 레이어(518) 및 레이어(517)을 병합하여 하나의 병합 이미지를 생성하고, 모션 효과가 적용된 레이어(516)을 개별 이미지로 생성할 수 있다. 다시 컨텐츠 제공 시스템은 레이어(515) 및 레이어(514)를 병합하여 하나의 병합 이미지를 생성하고, 레이어(513)을 개별 이미지로 생성하고, 레이어(512)와 레이어(511)를 병합하여 병합 이미지를 생성할 수 있다.For example, in the example of FIG. 5, the content providing system according to embodiments of the present invention sequentially checks whether the layers have motion effects from the
다시 말해, 도 5의 9개의 레이어들은 9 개의 이미지로 생성되어 제공되는 것이 아니라, 3 개의 병합 이미지와 2 개의 개별 이미지를 포함하는 5 개의 이미지로 생성되어 제공될 수 있다.In other words, the nine layers in FIG. 5 are not generated and provided as nine images but may be generated and provided as five images including three merged images and two separate images.
따라서 최종 이미지의 리소스 크기를 줄일 수 있으며, 네트워크 사용량을 줄일 수 있고, 로딩 성능을 향상시킬 수 있다.This can reduce the resource size of the final image, reduce network usage, and improve loading performance.
도 8은 본 발명의 일실시예에 있어서, 페이지를 자동 분할하는 예를 도시한 도면이다. 도 8은 하나의 페이지(810)가 제1 크기 이상의 크기를 갖는 경우, 해당 페이지(810)를 두 개의 페이지들(820 및 830)로 분할하는 예를 나타내고 있다.8 is a diagram showing an example of automatic division of pages in one embodiment of the present invention. FIG. 8 shows an example of dividing a
우선, 페이지(810)는 도 8에서와 같이 백그라운드 상에 두 개의 표시 영역(820 및 840)과 하나의 말풍선 영역(830)을 포함하고 있고, 나머지 영역은 백그라운드 색과 동일한 색의 표시 영역(870)을 구성하고 있다. 이때, 표시 영역(870) 역시 백그라운드 색과 동일한 색의 이미지 영역이다.8, the
컨텐츠 제공 시스템은 컨텐츠의 생성 시 최종 페이지들을 이미지 프로세싱하여 백그라운드 색과 동일한 색을 갖는 제2 크기의 영역을 인식할 수 있다. 도 8에서는 점선박스(880)로 표시된 영역이 컨텐츠 제공 시스템에 의해 인식된 영역을 나타낼 수 있다. 만약, 일정 크기에 따라 페이지(810)를 무조건 분할하는 경우, 제작자가 의도하지 않은 이미지 분할이 발생할 수 있기 때문에 컨텐츠 제공 시스템은 인식된 영역을 기준으로 페이지(810)를 분할함으로써 제작자의 의도를 해치지 않으면서도 크기가 너무 큰 페이지들을 분할하여 이용자 단말(130)에서의 로딩 성능을 향상시킬 수 있다. 만약, 제2 크기의 영역이 인식되지 않는 경우에는 페이지 분할 없이 그대로 페이지를 이용할 수 있다.The content providing system can image the final pages at the time of generating the content to recognize the second size area having the same color as the background color. In FIG. 8, the area indicated by the dotted
도 9는 본 발명의 일실시예에 있어서, 자동으로 여백을 생성하는 예를 도시한 도면이다. 도 9의 페이지(910)는 두 개의 표시 영역(911 및 912)을 나타내고 있으며, 표시 영역(912)에는 말풍선 영역(913)이 포함된 예를 나타내고 있다. 이때, 표시 영역(912)에서는 말풍선 영역(913)을 제외한 나머지 영역(914)이 백그라운드와 동일한 색을 갖고 있다.9 is a diagram showing an example of automatically generating margins in an embodiment of the present invention. The
이때, 컨텐츠 제공 시스템은 백그라운드와 동일한 색을 갖고 있는 일정 크기 이상의 영역을 인식하고 해당 영역을 제거할 수 있다. 예를 들어, 도 9의 나머지 영역(914) 역시 이미지로 인식되어 최종 이미지 리소스의 크기를 증가시킬 수 있다. 다시 말해, 컨텐츠 제공 시스템은 나머지 영역(914)을 인식하여 제거할 수 있다. 이 경우, 나머지 영역(914)은 백그라운드로 채워질 수 있다. 이미 설명한 바와 같이 나머지 영역의 색은 백그라운드와 동일한 색을 갖고 있기 때문에 페이지의 표시 시에는 동일하게 표시되나 나머지 영역(914)만큼의 이미지가 제거되어 여백이 생성되었기 때문에 최종 이미지의 크기는 감소하게 된다.At this time, the content providing system recognizes an area of a predetermined size or more having the same color as the background, and removes the area. For example, the remaining
여기서, 백그라운드는 컨텐츠가 노출되는 웹페이지의 배경을 포함할 수 있다. 예를 들어, 웹툰과 같은 컨텐츠가 웹페이지를 통해 노출될 때, 페이지의 제거된 영역은 웹페이지의 백그라운드로 채워질 수 있다. 다시 말해, 웹페이지가 갖는 백그라운드의 색을 통해 여백 부분은 동일한 색이 표현되어 사용자가 보는 최종 이미지는 동일한 반면, 이미지가 제거되어 여백이 생긴 만큼 최종 이미지의 크기는 감소하기 때문에 네트워크 사용량이 줄어들 수 있고, 로딩 성능이 향상될 수 있다.Here, the background may include the background of the web page from which the content is exposed. For example, when content such as Webtoons is exposed through a web page, the removed area of the page may be filled in the background of the web page. In other words, the color of the background of the web page represents the same color as the marginal part, and the final image that the user sees is the same, but the size of the final image is reduced as the image is removed and the margin is generated. And the loading performance can be improved.
또한, 앞서 설명한 바와 같이 컨텐츠는 전용 툴을 통해 사용자에게 제공될 수도 있다. 이 경우, 여백 부분에는 전용 툴에 설정된 백그라운드의 색이 표시될 수 있다. 이처럼, 여백 부분을 통해 표시되는 백그라운드 색은 컨텐츠가 배치되는 서비스 페이지의 백그라운드의 색으로 확장될 수 있다.Also, as described above, the content may be provided to the user through a dedicated tool. In this case, the background color set in the dedicated tool may be displayed in the margin portion. As such, the background color displayed through the margin portion can be expanded to the background color of the service page where the content is placed.
도 10은 본 발명의 일실시예에 있어서, 자동으로 여백을 생성하는 다른 예를 도시한 도면이다. 도 10은 제1 페이지(1010)가 검은 색의 백그라운드(1011)를 갖고, 표시 영역에 말풍선을 포함한 이미지가 포함된 예를 나타내고 있다. 이때, 해당 이미지는 기설정된 크기 이상의 흰색 영역(1012)을 포함하고 있다.10 is a view showing another example of automatically generating margins in an embodiment of the present invention. 10 shows an example in which the
이 경우, 컨텐츠 제공 시스템은 컨텐츠의 생성 시 최종 이미지에서 기설정된 크기 이상의 흰색 영역(1012)을 인식하여 제거할 수 있다. 이때, 제1 페이지(1010)는 흰색 영역(1012)의 제거에 따라 백그라운드(1011)의 검은 색이 표시되면서 제2 페이지(1020)와 같이 변경될 수 있다.In this case, the content providing system can recognize and remove the
이때, 컨텐츠 제공 시스템은 백그라운드의 색을 제거한 영역의 색으로 변경할 수 있다. 이 경우 제2 페이지(1020)는 제3 페이지(1030)와 같이 변경될 수 있다. 이때, 표시 영역의 이미지 크기는 흰색 영역(1012)의 제거에 따라 감소할 수 있다. 다시 말해, 최종 이미지 리소스의 크기를 줄일 수 있다.At this time, the content providing system can change the color of the area where the background color is removed. In this case, the
이 경우에도 백그라운드는 컨텐츠가 노출되는 웹페이지의 배경을 포함할 수 있다. 본 실시예에서는 제거된 영역의 원래 색과 동일하도록 웹페이지의 백그라운드의 색을 변경함으로써 사용자에게는 동일한 컨텐츠를 제공하면서도 네트워크 사용량을 줄이고 최종 이미지의 로딩 성능은 향상시킬 수 있다.Even in this case, the background may include the background of the web page where the content is exposed. In this embodiment, by changing the color of the background of the web page so as to be the same as the original color of the removed region, it is possible to reduce the network usage and improve the loading performance of the final image while providing the same contents to the user.
이미 설명한 바와 같이 백그라운드 색은 컨텐츠가 배치되는 서비스 페이지의 백그라운드 색으로 확장될 수 있다.As described above, the background color can be extended to the background color of the service page where the content is placed.
도 11은 본 발명의 일실시예에 있어서, 컨텐츠 제공 시스템의 내부 구성을 설명하기 위한 블록도이고, 도 12는 본 발명의 일실시예에 있어서, 컨텐츠 제공 방법을 도시한 흐름도이다. 본 실시예에 따른 컨텐츠 제공 시스템(1100)은 도 11에 도시된 바와 같이 프로세서(1110), 버스(1120), 네트워크 인터페이스(1130) 및 메모리(1140)를 포함할 수 있다. 메모리(1140)는 운영체제(1141) 및 컨텐츠 제공 루틴(1142)을 포함할 수 있다. 프로세서(1110)는 페이지 구성부(1111), 모션 효과 설정부(1112) 및 레이어 통합부(1113)를 포함할 수 있다. 다른 실시예들에서 컨텐츠 제공 시스템(1100)은 도 9의 구성요소들보다 더 많은 구성요소들을 포함할 수도 있다. 그러나, 대부분의 종래기술적 구성요소들을 명확하게 도시할 필요성은 없다. 예를 들어, 컨텐츠 제공 시스템(1100)은 디스플레이나 트랜시버(transceiver)와 같은 다른 구성요소들을 더 포함할 수도 있다.FIG. 11 is a block diagram illustrating an internal configuration of a content providing system according to an exemplary embodiment of the present invention, and FIG. 12 is a flowchart illustrating a content providing method in an embodiment of the present invention. The
메모리(1140)는 컴퓨터에서 판독 가능한 기록 매체로서, RAM(random access memory), ROM(read only memory) 및 디스크 드라이브와 같은 비소멸성 대용량 기록장치(permanent mass storage device)를 포함할 수 있다. 또한, 메모리(1140)에는 운영체제(1141)와 컨텐츠 제공 루틴(1142)을 위한 프로그램 코드가 저장될 수 있다. 이러한 소프트웨어 구성요소들은 드라이브 메커니즘(drive mechanism, 미도시)을 이용하여 메모리(1140)와는 별도의 컴퓨터에서 판독 가능한 기록 매체로부터 로딩될 수 있다. 이러한 별도의 컴퓨터에서 판독 가능한 기록 매체는 플로피 드라이브, 디스크, 테이프, DVD/CD-ROM 드라이브, 메모리 카드 등의 컴퓨터에서 판독 가능한 기록 매체(미도시)를 포함할 수 있다. 다른 실시예에서 소프트웨어 구성요소들은 컴퓨터에서 판독 가능한 기록 매체가 아닌 네트워크 인터페이스(1130)를 통해 메모리(1140)에 로딩될 수도 있다. 예를 들어, 컨텐츠 제공 루틴(1142)은 개발자들이 네트워크를 통해 제공하는 파일들에 의해 설치되는 프로그램에 기반하여 메모리(1140)에 로딩될 수 있다.The
버스(1120)는 컨텐츠 제공 시스템(1100)의 구성요소들간의 통신 및 데이터 전송을 가능하게 할 수 있다. 버스(1120)는 고속 시리얼 버스(high-speed serial bus), 병렬 버스(parallel bus), SAN(Storage Area Network) 및/또는 다른 적절한 통신 기술을 이용하여 구성될 수 있다.The
네트워크 인터페이스(1130)는 컨텐츠 제공 시스템(1100)을 컴퓨터 네트워크에 연결하기 위한 컴퓨터 하드웨어 구성요소일 수 있다. 네트워크 인터페이스(1130)는 컨텐츠 제공 시스템(1100)을 무선 또는 유선 커넥션을 통해 컴퓨터 네트워크에 연결시킬 수 있다.
프로세서(1110)는 기본적인 산술, 로직 및 컨텐츠 제공 시스템(1100)의 입출력 연산을 수행함으로써, 컴퓨터 프로그램의 명령을 처리하도록 구성될 수 있다. 명령은 메모리(1140) 또는 네트워크 인터페이스(1130)에 의해, 그리고 버스(1120)를 통해 프로세서(1110)로 제공될 수 있다. 프로세서(1110)는 페이지 구성부(1111), 모션 효과 설정부(1112) 및 레이어 통합부(1113)를 위한 프로그램 코드를 실행하도록 구성될 수 있다. 이러한 프로그램 코드는 메모리(1140)와 같은 기록 장치에 저장(일례로, 컨텐츠 제공 루틴(1142))될 수 있다.The
이때, 페이지 구성부(1111), 모션 효과 설정부(1112) 및 레이어 통합부(1113)는 도 12의 단계들(1210 내지 1230)을 수행하기 위해 구성될 수 있다.At this time, the
단계(1210)에서 페이지 구성부(1111)는 복수의 레이어를 포함하는 페이지를 구성할 수 있다. 물론 하나의 레이어를 포함하는 페이지를 포함할 수도 있으나, 레이어들의 병합을 위해 둘 이상의 레이어들이 포함되는 페이지가 의미가 있을 수 있다. 각각의 레이어들은 페이지를 통해 표시되는 레이어 이미지를 포함할 수 있다. 이러한 레이어 이미지들은 텍스트의 형태를 가질 수도 있다.In
단계(1220)에서 모션 효과 설정부(1112)는 페이지에 포함된 복수의 레이어 중 적어도 하나의 레이어에 적용될 모션 효과를 설정할 수 있다. 모션 효과는 이미 설명한 바와 같이 페이지가 화면에 재생되는 경우, 기설정된 조건에 따라 레이어 이미지에 적용되는 액션을 포함할 수 있다. 이미 설명한 바와 같이 레이어나 페이지에 적용 가능한 효과는 효과음이나 모바일 기기의 진동 등과 같이 다양한 효과가 가능하나 레이어들의 병합과 관련된 연출 효과는 이미지에 대한 이동, 회전, 나타나기, 사라지기 등의 모션 효과일 수 있다.In
단계(1230)에서 레이어 통합부(1113)는 페이지를 포함하는 컨텐츠의 생성 시 페이지에 포함된 복수의 레이어들 중 모션 효과가 설정된 레이어를 제외한 나머지 일반 레이어들에서 서로 연속된 레이어들을 통합할 수 있다. 예를 들어, 레어어 통합부(1113)는 복수의 레이어들 중 최하층(또는 최상층)부터 최상층(또는 최하층)까지의 레이어들을 순차적으로 확인하여 모션 효과가 설정되지 않고, 서로 연속된 일반 레이어들을 통합하여 통합 이미지를 생성하고, 모션 효과가 설정된 레이어를 개별 이미지로 생성할 수 있다. 앞서 도 5를 통해 통합 이미지들과 개별 이미지들이 생성되는 예를 자세히 설명한 바 있다.In
이때, 컨텐츠 제공 방법은 실시예에 따라 선택적으로 통합 이미지와 개별 이미지가 레이어들의 순서에 따라 적층된 최종 이미지가 생성하는 단계(미도시)를 더 포함할 수 있다. 레이어들은 상층의 레이어가 하층의 레이어를 일부 또는 전부 가릴 수 있기 때문에 레이어들의 순서는 중요하다. 따라서 생성된 이미지들 역시 레이어들의 순서에 따라 적층될 수 있고, 하층의 레이어는 상층의 여백 부분을 통해 표시될 수 있다. 이러한 미도시 단계는 프로세서(1110)가 더 포함할 수 있는 최종 이미지 생성부(미도시)에 의해 수행될 수 있다.In this case, the content providing method may further include a step (not shown) in which a final image, in which an integrated image and an individual image are selectively stacked according to the order of the layers, may be generated according to an embodiment. The order of the layers is important because the layers in the upper layer may cover some or all of the layers in the lower layer. Thus, the generated images can also be stacked according to the order of the layers, and the lower layer can be displayed through the margin portion of the upper layer. This unpublished step may be performed by a final image generator (not shown) that the
이처럼 모션 효과가 설정되지 않은 레이어들을 통합함으로써 최종 이미지의 리소스 크기를 줄일 수 있고, 리소스 크기가 줄어듦에 따라 네트워크 사용량을 줄일 수 있으며, 이용자 단말(130)에서의 로딩 성능을 향상시킬 수 있다.By integrating the layers in which the motion effect is not set as described above, the resource size of the final image can be reduced, the network usage can be reduced as the resource size is reduced, and the loading performance in the
또한, 컨텐츠 제공 방법은 실시예에 따라 선택적으로 페이지의 크기가 제1 크기 이상인 경우, 페이지에서 백그라운드 색과 동일한 색을 갖는 제2 크기의 영역을 인식하는 단계(미도시) 및 인식된 영역을 기준으로 페이지를 분할하는 단계(미도시)를 더 포함할 수 있다. 백그라운드 색과 동일한 색을 갖는 영역을 통해 페이지를 분할하는 방법에 대해서는 도 8을 통해 이미 자세히 설명한 바 있다. 이러한 미도시 단계들은 프로세서(1110)가 더 포함할 수 있는 백그라운드 인식부(미도시) 및 페이지 분할부(미도시)에 의해 수행될 수 있다.In addition, the content providing method may include a step (not shown) of recognizing a second size area having the same color as a background color in a page if the page size is equal to or larger than the first size, (Not shown) of dividing the page into a plurality of pages. A method of dividing a page through an area having the same color as the background color has already been described in detail with reference to FIG. These unpublished steps may be performed by a background recognizer (not shown) and a page divider (not shown) that the
이처럼 일정 크기 이상의 페이지를 백그라운드 색과 연관하여 분할함으로써 제작자의 의도를 훼손하지 않으면서도 일정 크기 이상의 페이지를 분할하여 이용자 단말(130)에서의 로딩 성능을 향상시킬 수 있다.By dividing a page having a predetermined size or more in association with a background color, it is possible to improve the loading performance of the
도 13은 본 발명의 다른 실시예에 있어서, 컨텐츠 제공 시스템의 내부 구성을 설명하기 위한 블록도이고, 도 14는 본 발명의 다른 실시예에 있어서, 컨텐츠 제공 방법을 도시한 흐름도이다. 본 실시예에 따른 컨텐츠 제공 시스템(1300)은 도 13에 도시된 바와 같이 프로세서(1310), 버스(1320), 네트워크 인터페이스(1330) 및 메모리(1340)를 포함할 수 있으며, 이러한 구성요소들은 도 11을 통해 설명한 프로세서(1110), 버스(1120), 네트워크 인터페이스(1130) 및 메모리(1140)에 대응될 수 있기 때문에 반복적인 설명은 생략한다. 프로세서(1310)는 도 13에 도시된 바와 같이 페이지 구성부(1311), 여백 영역 인식부(1312) 및 재구성부(1313)를 포함할 수 있으며, 필요에 따라 선택적으로 백그라운드 색 변경부(1314)를 더 포함할 수 있다. 프로세서(1310)가 포함하는 구성요소들은 도 14의 단계들(1410 내지 1440)을 수행하기 위해 구성될 수 있다.FIG. 13 is a block diagram illustrating an internal configuration of a content providing system according to another embodiment of the present invention, and FIG. 14 is a flowchart illustrating a content providing method according to another embodiment of the present invention. The
단계(1410)에서 페이지 구성부(1311)는 컨텐츠에 포함될 페이지를 구성할 수 있다. 여기서 설명하는 페이지는 앞서 설명한 복수의 레이어들로 구성되는 페이지를 포함할 수도 있으나, 단순히 하나의 레이어로 구성된 이미지의 페이지일 수도 있다.In
단계(1420)에서 여백 영역 인식부(1312)는 페이지를 구성하는 최종 이미지를 분석하여 하나의 색으로 구성되고 기설정된 크기 이상의 크기를 갖는 영역을 인식할 수 있다.In
단계(1430)에서 재구성부(1313)는 인식된 영역을 제거하여 상기 최종 이미지를 재구성할 수 있다. 앞서 도 9 및 도 10에서는 동일한 색으로 구성된 영역을 인식하여 제거함으로써 최종 이미지의 리소스 크기를 줄일 수 있음을 설명한 바 있다.In
이때, 하나의 색이 컨텐츠가 배치되는 서비스 페이지에 설정된 백그라운드 색과 동일한 색이라면, 단순히 인식된 영역을 제거하는 것만으로도 인식된 영역의 제거에 따라 생성된 여백을 통해 서비스 페이지의 백그라운드 색이 표시되기 때문에 특별한 변경 없이 이미지의 크기는 줄이면서도 동일한 이미지를 표시할 수 있게 된다.At this time, if one color is the same color as the background color set on the service page in which the content is placed, the background color of the service page is displayed through margins generated by the removal of the recognized area, So that the same image can be displayed without reducing the size of the image without any special change.
단계(1440)에서 백그라운드 색 변경부(1314)는 하나의 색이 컨텐츠가 배치되는 서비스 페이지에 설정된 백그라운드 색과 다른 경우, 서비스 페이지에 설정된 백그라운드 색을 상기 하나의 색(제거된 영역의 색)으로 변경할 수 있다. 다시 말해 인식된 영역의 제거에 따라 생성된 여백을 통해 상기 변경된 백그라운드 색이 표시되고, 이러한 변경된 색은 제거된 영역의 색이기 때문에 이미지의 크기는 줄이면서도 사용자에게는 동일한 컨텐츠를 제공할 수 있게 된다. 이러한 단계(1440)는 실시예에 따라 선택적으로 컨텐츠 제공 방법에 포함될 수 있다.In
또한, 컨텐츠 제공 방법은 실시예에 따라 선택적으로 페이지의 크기가 제1 크기 이상인 경우, 페이지에서 백그라운드 색과 동일한 색을 갖는 제2 크기의 영역을 인식하는 단계(미도시) 및 인식된 제2 크기의 영역을 기준으로 페이지를 분할하는 단계(미도시)를 더 포함할 수 있다. 백그라운드 색과 동일한 색을 갖는 영역을 통해 페이지를 분할하는 방법에 대해서는 도 8을 통해 이미 자세히 설명한 바 있다. 이러한 미도시 단계들은 프로세서(1310)가 더 포함할 수 있는 백그라운드 인식부(미도시) 및 페이지 분할부(미도시)에 의해 수행될 수 있다.In addition, the content providing method may include a step (not shown) of recognizing an area of a second size having the same color as a background color in a page, and a step (Not shown) of dividing the page based on the area of the page. A method of dividing a page through an area having the same color as the background color has already been described in detail with reference to FIG. These unpublished steps may be performed by a background recognition unit (not shown) and a page division (not shown), which the
이처럼 일정 크기 이상의 페이지를 백그라운드 색과 연관하여 분할함으로써 제작자의 의도를 훼손하지 않으면서도 일정 크기 이상의 페이지를 분할하여 이용자 단말(130)에서의 로딩 성능을 향상시킬 수 있다.By dividing a page having a predetermined size or more in association with a background color, it is possible to improve the loading performance of the
이상에서와 같이, 본 발명의 실시예에 따르면, 복수의 레이어로 구성된 페이지에서 적어도 하나의 레이어에 모션 연출을 적용하여 모션 연출이 포함된 컨텐츠를 제공하고, 이때 모션 연출이 적용되지 않은 레이어들을 하나의 이미지로 병합함으로써 컨텐츠를 제공할 때의 로딩 성능을 향상시키고 네트워크 사용량을 줄일 수 있다.As described above, according to the embodiment of the present invention, it is possible to provide a content including motion rendering by applying motion rendering to at least one layer in a page composed of a plurality of layers, The loading performance can be improved and the network usage can be reduced.
또한, 페이지의 크기가 일정 크기 이상인 경우, 백그라운드 색과 동일한 일정 크기 영역을 자동으로 인식하고, 인식된 크기 영역을 기준으로 페이지를 자동 분할하여 저장하여 컨텐츠를 구성할 수 있다.In addition, when the page size is equal to or larger than a predetermined size, the same size area as the background color is automatically recognized, and the content can be configured by automatically dividing and storing the page based on the recognized size area.
또한, 최종 이미지에 특정 색을 갖는 일정 크기 이상의 영역이 존재하는 경우 최종 이미지에서 해당 색의 영역을 제거하고 제거된 영역을 통해 웹툰과 같은 컨텐츠가 표시되는 서비스 페이지의 백그라운드의 색이 표시되도록 컨텐츠를 제공함으로써 최종 이미지 리소스의 크기를 줄여 네트워크 사용량을 줄이고 로딩 성능을 향상시킬 수 있다.If there is an area of a certain size or more having a specific color in the final image, the corresponding color area is removed from the final image, and the color of the background of the service page, To reduce the size of the final image resource, thereby reducing network usage and improving loading performance.
이상에서 설명된 장치는 하드웨어 구성요소, 소프트웨어 구성요소, 및/또는 하드웨어 구성요소 및 소프트웨어 구성요소의 조합으로 구현될 수 있다. 예를 들어, 실시예들에서 설명된 장치 및 구성요소는, 예를 들어, 프로세서, 콘트롤러, ALU(arithmetic logic unit), 디지털 신호 프로세서(digital signal processor), 마이크로컴퓨터, FPGA(field programmable gate array), PLU(programmable logic unit), 마이크로프로세서, 또는 명령(instruction)을 실행하고 응답할 수 있는 다른 어떠한 장치와 같이, 하나 이상의 범용 컴퓨터 또는 특수 목적 컴퓨터를 이용하여 구현될 수 있다. 처리 장치는 운영 체제(OS) 및 상기 운영 체제 상에서 수행되는 하나 이상의 소프트웨어 애플리케이션을 수행할 수 있다. 또한, 처리 장치는 소프트웨어의 실행에 응답하여, 데이터를 접근, 저장, 조작, 처리 및 생성할 수도 있다. 이해의 편의를 위하여, 처리 장치는 하나가 사용되는 것으로 설명된 경우도 있지만, 해당 기술분야에서 통상의 지식을 가진 자는, 처리 장치가 복수 개의 처리 요소(processing element) 및/또는 복수 유형의 처리 요소를 포함할 수 있음을 알 수 있다. 예를 들어, 처리 장치는 복수 개의 프로세서 또는 하나의 프로세서 및 하나의 콘트롤러를 포함할 수 있다. 또한, 병렬 프로세서(parallel processor)와 같은, 다른 처리 구성(processing configuration)도 가능하다.The apparatus described above may be implemented as a hardware component, a software component, and / or a combination of hardware components and software components. For example, the apparatus and components described in the embodiments may be implemented within a computer system, such as, for example, a processor, a controller, an arithmetic logic unit (ALU), a digital signal processor, a microcomputer, a field programmable gate array (FPGA) , A programmable logic unit (PLU), a microprocessor, or any other device capable of executing and responding to instructions. The processing device may execute an operating system (OS) and one or more software applications running on the operating system. The processing device may also access, store, manipulate, process, and generate data in response to execution of the software. For ease of understanding, the processing apparatus may be described as being used singly, but those skilled in the art will recognize that the processing apparatus may have a plurality of processing elements and / As shown in FIG. For example, the processing unit may comprise a plurality of processors or one processor and one controller. Other processing configurations are also possible, such as a parallel processor.
소프트웨어는 컴퓨터 프로그램(computer program), 코드(code), 명령(instruction), 또는 이들 중 하나 이상의 조합을 포함할 수 있으며, 원하는 대로 동작하도록 처리 장치를 구성하거나 독립적으로 또는 결합적으로(collectively) 처리 장치를 명령할 수 있다. 소프트웨어 및/또는 데이터는, 처리 장치에 의하여 해석되거나 처리 장치에 명령 또는 데이터를 제공하기 위하여, 어떤 유형의 기계, 구성요소(component), 물리적 장치, 가상 장치(virtual equipment), 컴퓨터 저장 매체 또는 장치, 또는 전송되는 신호 파(signal wave)에 영구적으로, 또는 일시적으로 구체화(embody)될 수 있다. 소프트웨어는 네트워크로 연결된 컴퓨터 시스템 상에 분산되어서, 분산된 방법으로 저장되거나 실행될 수도 있다. 소프트웨어 및 데이터는 하나 이상의 컴퓨터 판독 가능 기록 매체에 저장될 수 있다.The software may include a computer program, code, instructions, or a combination of one or more of the foregoing, and may be configured to configure the processing device to operate as desired or to process it collectively or collectively Device can be commanded. The software and / or data may be in the form of any type of machine, component, physical device, virtual equipment, computer storage media, or device , Or may be permanently or temporarily embodied in a transmitted signal wave. The software may be distributed over a networked computer system and stored or executed in a distributed manner. The software and data may be stored on one or more computer readable recording media.
실시예에 따른 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 실시예를 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다. 상기된 하드웨어 장치는 실시예의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지이다.The method according to an embodiment may be implemented in the form of a program command that can be executed through various computer means and recorded in a computer-readable medium. The computer-readable medium may include program instructions, data files, data structures, and the like, alone or in combination. The program instructions to be recorded on the medium may be those specially designed and configured for the embodiments or may be available to those skilled in the art of computer software. Examples of computer-readable media include magnetic media such as hard disks, floppy disks and magnetic tape; optical media such as CD-ROMs and DVDs; magnetic media such as floppy disks; Magneto-optical media, and hardware devices specifically configured to store and execute program instructions such as ROM, RAM, flash memory, and the like. Examples of program instructions include machine language code such as those produced by a compiler, as well as high-level language code that can be executed by a computer using an interpreter or the like. The hardware devices described above may be configured to operate as one or more software modules to perform the operations of the embodiments, and vice versa.
이상과 같이 실시예들이 비록 한정된 실시예와 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다. 예를 들어, 설명된 기술들이 설명된 방법과 다른 순서로 수행되거나, 및/또는 설명된 시스템, 구조, 장치, 회로 등의 구성요소들이 설명된 방법과 다른 형태로 결합 또는 조합되거나, 다른 구성요소 또는 균등물에 의하여 대치되거나 치환되더라도 적절한 결과가 달성될 수 있다.While the present invention has been particularly shown and described with reference to exemplary embodiments thereof, it is to be understood that the invention is not limited to the disclosed exemplary embodiments. For example, it is to be understood that the techniques described may be performed in a different order than the described methods, and / or that components of the described systems, structures, devices, circuits, Lt; / RTI > or equivalents, even if it is replaced or replaced.
그러므로, 다른 구현들, 다른 실시예들 및 특허청구범위와 균등한 것들도 후술하는 특허청구범위의 범위에 속한다.Therefore, other implementations, other embodiments, and equivalents to the claims are also within the scope of the following claims.
Claims (8)
복수의 레이어들을 포함하는 페이지를 구성하는 단계;
상기 페이지에 포함된 복수의 레이어들 중 적어도 하나의 레이어에 적용될 모션 효과를 설정하는 단계;
상기 페이지를 포함하는 컨텐츠의 생성 시, 상기 페이지에 포함된 상기 복수의 레이어들 중 상기 모션 효과가 설정되지 않은 레이어들을 확인하고, 상기 확인된 레이어들 중 서로 연속된 레이어들을 통합하여 통합 이미지를 생성하고, 상기 모션 효과가 설정된 레이어 각각을 개별 이미지로 생성하여 상기 통합 이미지 및 상기 개별 이미지가 레이어들의 순서에 따라 적층된 페이지를 생성하는 단계
를 포함하고,
상기 생성된 페이지가 화면에 재생되는 경우, 상기 개별 이미지에 대응하는 레이어에 설정된 모션 효과에 따라 상기 개별 이미지의 액션이 제어되는 것을 특징으로 하는 컨텐츠 제공 방법.A content providing method of a computer-implemented content providing system,
Constructing a page comprising a plurality of layers;
Setting a motion effect to be applied to at least one of a plurality of layers included in the page;
When generating the content including the page, checking the layers for which the motion effect is not set among the plurality of layers included in the page, integrating successive layers among the identified layers to generate an integrated image And generating the individual images in which the motion effect is set as an individual image to generate a page in which the integrated image and the individual image are stacked in the order of the layers
Lt; / RTI >
Wherein the action of the individual image is controlled according to a motion effect set on a layer corresponding to the individual image when the generated page is reproduced on a screen.
상기 복수의 레이어들 각각은 상기 페이지를 통해 표시되는 레이어 이미지를 포함하는 것을 특징으로 하는 컨텐츠 제공 방법.The method according to claim 1,
Wherein each of the plurality of layers includes a layer image displayed through the page.
복수의 레이어를 포함하는 페이지를 구성하는 페이지 구성부;
상기 페이지에 포함된 복수의 레이어 중 적어도 하나의 레이어에 적용될 모션 효과를 설정하는 모션 효과 설정부; 및
상기 페이지를 포함하는 컨텐츠의 생성 시, 상기 페이지에 포함된 상기 복수의 레이어들 중 상기 모션 효과가 설정되지 않은 레이어들을 확인하고, 상기 확인된 레이어들 중 서로 연속된 레이어들을 통합하여 통합 이미지를 생성하고, 상기 모션 효과가 설정된 레이어 각각을 개별 이미지로 생성하여 상기 통합 이미지 및 상기 개별 이미지가 레이어들의 순서에 따라 적층된 페이지를 생성하는 레이어 통합부
를 포함하고,
상기 생성된 페이지가 화면에 재생되는 경우, 상기 개별 이미지에 대응하는 레이어에 설정된 모션 효과에 따라 상기 개별 이미지의 액션이 제어되는 것을 특징으로 하는 컨텐츠 제공 시스템.A computer-implemented content providing system,
A page constructing unit configured to construct a page including a plurality of layers;
A motion effect setting unit for setting a motion effect to be applied to at least one of a plurality of layers included in the page; And
When generating the content including the page, checking the layers for which the motion effect is not set among the plurality of layers included in the page, integrating successive layers among the identified layers to generate an integrated image A layer integration unit for generating the individual images in which the motion effect is set as an individual image and generating the integrated image and the individual images in the order of the layers,
Lt; / RTI >
Wherein when the generated page is reproduced on the screen, the action of the individual image is controlled according to the motion effect set on the layer corresponding to the individual image.
상기 복수의 레이어들 각각은 상기 페이지를 통해 표시되는 레이어 이미지를 포함하는 것을 특징으로 하는 컨텐츠 제공 시스템.The method according to claim 6,
Wherein each of the plurality of layers includes a layer image displayed through the page.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020160028346A KR101968974B1 (en) | 2016-03-09 | 2016-03-09 | System and method for providing contents using merging layers of page with motion effect |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020160028346A KR101968974B1 (en) | 2016-03-09 | 2016-03-09 | System and method for providing contents using merging layers of page with motion effect |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020150047540A Division KR101654300B1 (en) | 2015-04-03 | 2015-04-03 | System and method for providing contents using merging layers of page with motion effect |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20160118929A KR20160118929A (en) | 2016-10-12 |
KR101968974B1 true KR101968974B1 (en) | 2019-04-15 |
Family
ID=57173548
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020160028346A KR101968974B1 (en) | 2016-03-09 | 2016-03-09 | System and method for providing contents using merging layers of page with motion effect |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR101968974B1 (en) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR102131895B1 (en) | 2017-01-31 | 2020-07-08 | 리마 주식회사 | Method and program for tracking replicated webtoon |
WO2018143555A1 (en) * | 2017-01-31 | 2018-08-09 | 리마 주식회사 | System, method and program for preventing unauthorized copies of webcomics and tracking replicated webcomics |
KR101995535B1 (en) * | 2018-03-07 | 2019-07-02 | 리마 주식회사 | Method and program for protecting copying webtoon |
KR102313993B1 (en) * | 2019-05-08 | 2021-10-19 | 주식회사 모션하우스 | Apparatus and Method for generating of simulation program for motion simulator |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2013250841A (en) * | 2012-06-01 | 2013-12-12 | Nikon Corp | Image display device and image display method |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20110019942A (en) * | 2009-08-21 | 2011-03-02 | 주식회사 엔피커 | Webpage editing and storing sysyem |
-
2016
- 2016-03-09 KR KR1020160028346A patent/KR101968974B1/en active IP Right Grant
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2013250841A (en) * | 2012-06-01 | 2013-12-12 | Nikon Corp | Image display device and image display method |
Also Published As
Publication number | Publication date |
---|---|
KR20160118929A (en) | 2016-10-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR101654300B1 (en) | System and method for providing contents using merging layers of page with motion effect | |
KR101648964B1 (en) | System and method for providing contents using automatically margin creation | |
KR101968974B1 (en) | System and method for providing contents using merging layers of page with motion effect | |
US11216253B2 (en) | Application prototyping tool | |
US10380227B2 (en) | Generating layout for content presentation structures | |
KR101934369B1 (en) | System and method for providing contents using automatically margin creation | |
US11019410B2 (en) | Method and apparatus for providing contents controlled or synthesized based on interaction of user | |
JP6242419B2 (en) | Comic data generation apparatus, method thereof, computer program thereof, and comic data display apparatus | |
US7636093B1 (en) | Parameterized motion paths | |
US20170300204A1 (en) | Method and apparatus for manufacturing interactive electronic manual | |
KR20070047463A (en) | Apparatus for forming scene-based vector animation | |
KR101429466B1 (en) | Method and system for providing page using dynamic page division | |
US20170060601A1 (en) | Method and system for interactive user workflows | |
US20230351657A1 (en) | Method for rearranging webcomic content and device therefor | |
KR101726844B1 (en) | System and method for generating cartoon data | |
KR101222901B1 (en) | Method of authoring and representing cartoon contents for terminal devices, and computer-readable recording medium of storing a program for the same | |
Wahyudi et al. | Virtual Reality of Historical Places in North Sulawesi | |
US11910073B1 (en) | Automated preview generation for video entertainment content | |
WO2023030157A1 (en) | Generative adversarial network implemented digital script modification | |
KR102257442B1 (en) | Augmented reality service providing method for providing user interaction and the system thereof | |
CN115272058A (en) | Image processing method and device based on conversion model, electronic equipment and medium | |
KR101576924B1 (en) | Method and system for providing webtoon adopting animation effect | |
CN109634548B (en) | Layer cross-channel output method and system based on media server control system | |
US20110119316A1 (en) | Abstraction layer for workflow client for, e.g., blu-ray® discs | |
CN114494541A (en) | Digital human driving method, device, equipment and storage medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A107 | Divisional application of patent | ||
A201 | Request for examination | ||
E902 | Notification of reason for refusal | ||
AMND | Amendment | ||
AMND | Amendment | ||
J201 | Request for trial against refusal decision | ||
J301 | Trial decision |
Free format text: TRIAL NUMBER: 2017101001179; TRIAL DECISION FOR APPEAL AGAINST DECISION TO DECLINE REFUSAL REQUESTED 20170310 Effective date: 20190213 |
|
S901 | Examination by remand of revocation | ||
GRNO | Decision to grant (after opposition) | ||
GRNT | Written decision to grant |