KR102095702B1 - Method and apparatus for playing animation in mobile terminal - Google Patents

Method and apparatus for playing animation in mobile terminal Download PDF

Info

Publication number
KR102095702B1
KR102095702B1 KR1020130115129A KR20130115129A KR102095702B1 KR 102095702 B1 KR102095702 B1 KR 102095702B1 KR 1020130115129 A KR1020130115129 A KR 1020130115129A KR 20130115129 A KR20130115129 A KR 20130115129A KR 102095702 B1 KR102095702 B1 KR 102095702B1
Authority
KR
South Korea
Prior art keywords
animation
timeout signal
animation frame
frame
timer
Prior art date
Application number
KR1020130115129A
Other languages
Korean (ko)
Other versions
KR20150035034A (en
Inventor
임상석
Original Assignee
에스케이플래닛 주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 에스케이플래닛 주식회사 filed Critical 에스케이플래닛 주식회사
Priority to KR1020130115129A priority Critical patent/KR102095702B1/en
Publication of KR20150035034A publication Critical patent/KR20150035034A/en
Application granted granted Critical
Publication of KR102095702B1 publication Critical patent/KR102095702B1/en

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/23—Processing of content or additional data; Elementary server operations; Server middleware
    • H04N21/234—Processing of video elementary streams, e.g. splicing of video streams or manipulating encoded video stream scene graphs
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G06T13/80—2D [Two Dimensional] animation, e.g. using sprites

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Theoretical Computer Science (AREA)
  • Controls And Circuits For Display Device (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

본 발명은 이동 단말을 위한 애니메이션 재생 장치 및 방법에 관한 것으로서, 기 설정된 제1주기에 따라 제1타임아웃 신호를 출력하는 제1타이머; 상기 제1주기보다 짧은 제2주기에 따라 제2타임아웃 신호를 출력하는 제2타이머; 상기 제1타임아웃 신호 발생 시 애니메이션 프레임을 구성하여 출력하며, 상기 애니메이션 프레임을 구성하는 시간이 상기 제1주기보다 긴 것으로 판단된 경우 상기 제2타이머를 실행하여 상기 제2타임아웃 신호가 발생하면 다음 애니메이션 프레임을 구성하여 출력하는 브라우저 엔진; 및 상기 브라우저 엔진에서 출력된 애니메이션 프레임을 저장하여 기 설정된 디스플레이 주기에 따라 상기 저장된 애니메이션 프레임을 디스플레이 장치에 제공하는 OS 디스플레이 버퍼를 포함한다. 이에 의해, 이동 단말의 웹 브라우저를 통해 애니메이션을 제공하는 경우 해당 애니메이션의 복잡도에 따라 프레임의 출력 주기를 제어함으로써 부드럽고 자연스러운 영상을 출력할 수 있도록 한다.The present invention relates to an animation reproducing apparatus and method for a mobile terminal, the first timer outputting a first timeout signal according to a preset first cycle; A second timer outputting a second timeout signal according to a second period shorter than the first period; When the first timeout signal is generated, an animation frame is configured and output. When it is determined that the time configuring the animation frame is longer than the first cycle, when the second timeout signal is generated by executing the second timer A browser engine configured to output the next animation frame; And an OS display buffer that stores the animation frame output from the browser engine and provides the stored animation frame to a display device according to a preset display cycle. Accordingly, when an animation is provided through a web browser of a mobile terminal, a smooth and natural image can be output by controlling an output cycle of a frame according to the complexity of the animation.

Description

이동 단말을 위한 애니메이션 재생 장치 및 방법{METHOD AND APPARATUS FOR PLAYING ANIMATION IN MOBILE TERMINAL}Animation playback device and method for mobile terminal {METHOD AND APPARATUS FOR PLAYING ANIMATION IN MOBILE TERMINAL}

본 발명은 이동 단말을 위한 애니메이션 재생 장치 및 방법에 관한 것으로서, 보다 상세하게는, 이동 단말의 웹 브라우저에서 애니메이션을 제공하는 경우 해당 애니메이션의 복잡도에 따라 웹 브라우저의 애니메이션 프레임 출력 주기를 제어함으로써 부드럽고 자연스러운 영상을 출력할 수 있도록 하는 이동 단말을 위한 애니메이션 재생 장치 및 방법에 관한 것이다.The present invention relates to an animation reproducing apparatus and method for a mobile terminal, and more specifically, to provide animation in a web browser of a mobile terminal, by controlling the animation frame output cycle of the web browser according to the complexity of the animation, it is smooth and natural. It relates to an animation playback apparatus and method for a mobile terminal that can output the image.

웹(Web)에서의 애니메이션을 위한 표준이 확정되고, 이를 구현하는 브라우저가 상용화됨에 따라 PC 뿐만 아니라 모바일 단말에서도 브라우저 내에서 다양한 애니메이션을 구현 가능하다. As a standard for animation on the Web is established and a browser implementing it is commercialized, various animations can be implemented in a browser not only in a PC but also in a mobile terminal.

웹 표준에 따라 브라우저 내에서 동작하는 애니메이션의 기본 절차는 개별 애니메이션 프레임(Frame)을 CSS 3 표준을 이용하여 구성하고, 브라우저는 각 애니메이션 프레임을 정해진 순서에 따라 주기적으로 화면에 출력하는 방식으로 진행된다. The basic procedure of animation that operates within the browser according to the web standard is to construct individual animation frames using the CSS 3 standard, and the browser periodically outputs each animation frame to the screen in a predetermined order. .

한편, 모바일 단말에서는 일반적으로 OS/플랫폼(Platform)에서 LCD 버퍼(buffer)에 주어진 속도로 화면을 갱신하며, 현재 가장 일반적으로 사용되는 LCD 버퍼 속도는 60HZ이다. 따라서, 브라우저 또한 매 애니메이션 프레임을 60HZ 속도로 구성하여 LCD 버퍼에 화면 데이터를 복사하는 경우가 대부분이며, 이보다 빠른 속도로 화면 데이터를 복사한다 하여도 OS/플랫폼(Platform)에서 LCD 버퍼에서 디바이스 버퍼로 복사하지 않으므로 애니메이션 프레임이 누락되는 현상이 발생한다. 예컨대, 60HZ로 LCD 버퍼를 갱신하는 OS에서 브라우저가 120HZ로 화면을 복사를 해주면 매 두 장 마다 한 장은 오버라이트(overwrite)되어 버려지게 되므로 시스템 자원을 낭비하게 된다. On the other hand, the mobile terminal generally updates the screen at the speed given to the LCD buffer in the OS / Platform, and the currently most commonly used LCD buffer speed is 60HZ. Therefore, the browser also mostly composes animation frames at 60HZ rate to copy the screen data to the LCD buffer, and even if the screen data is copied at a faster rate than this, the OS / Platform from the LCD buffer to the device buffer Since it does not copy, the animation frame is dropped. For example, in the OS that updates the LCD buffer to 60HZ, if the browser copies the screen to 120HZ, one is overwritten every two pages, and system resources are wasted.

이에 따라, 최신 Web 표준에서는 OS가 LCD 디바이스 버퍼로의 복사가 준비되는 시점마다 브라우저에게 노티(noti)를 해주는 타이머(e.g. requestAnimFrame)를 제공하고, 이것을 이용하여 웹 애니메이션을 구현하는 기술이 개발된 바 있다.Accordingly, in the latest Web standard, a technology that provides a timer (eg requestAnimFrame) that notifies the browser whenever the OS is ready to be copied to the LCD device buffer, and uses it to develop a web animation has been developed. have.

그런데, 이러한 방식의 문제가 다양한 단말에서 발생하는데, 애니메이션의 페인팅 복잡도가 16.66msec(60HZ 기준) 내에 페인팅 연산을 완료할 수 있는 경우 웹 브라우저는 매 타이머 발생시마다 60HZ에 맞추어 OS의 LCD 버퍼로 페인팅된 애니메이션 프레임을 출력할 수 있으나, 애니메이션의 페인팅 복잡도가 높아지는 경우 애니메이션 프레임을 구성하는 데에 16.66msec를 초과하게 된다. 이러한 경우에는 현재 제공하는 것과 같이 60Hz 기준으로 애니메이션 프레임을 출력하면 한 애니메이션 프레임 출력 후 다음 타이머 신호(requestAnimFrame)가 발생하기 까지 대기해야 하므로 오히려 애니메이션의 부드럽기를 저하시키는 결과를 초래하게 된다는 문제점이 있다.However, this type of problem occurs in various terminals, and when the painting complexity of animation can be completed within 16.66msec (60HZ standard), the web browser is painted with the LCD buffer of the OS at 60HZ for every timer occurrence. Animation frames can be output, but if the painting complexity of the animation increases, it will exceed 16.66 msec to construct the animation frames. In such a case, if an animation frame is output based on 60 Hz as currently provided, there is a problem in that the result of deteriorating the smoothness of the animation is caused because it must wait until the next timer signal (requestAnimFrame) occurs after outputting one animation frame.

한국공개특허 제10-2013-0029444호 : 애니메이션Korean Patent Publication No. 10-2013-0029444: Animation

본 발명은 상술한 과제를 해결하기 위하여 안출된 것으로서, 이동 단말의 웹 브라우저에어 애니메이션을 제공하는 경우 해당 애니메이션의 복잡도에 따라 애니메이션 프레임의 출력 주기를 제어함으로써 부드럽고 자연스러운 영상을 출력할 수 있도록 하는 이동 단말을 위한 애니메이션 재생 장치 및 방법을 제공하는데 그 기술적 과제가 있다.The present invention has been devised to solve the above-mentioned problems, and when a web browser air animation of a mobile terminal is provided, a mobile terminal capable of outputting a smooth and natural image by controlling the output period of the animation frame according to the complexity of the animation. There is a technical problem in providing an animation reproducing apparatus and method.

상술한 과제를 해결하기 위한 본 발명의 일 측면에 따르면, 기 설정된 제1주기에 따라 제1타임아웃 신호를 출력하는 제1타이머; 상기 제1주기보다 짧은 제2주기에 따라 제2타임아웃 신호를 출력하는 제2타이머; 상기 제1타임아웃 신호 발생 시 애니메이션 프레임을 구성하여 출력하며, 상기 애니메이션 프레임을 구성하는 시간이 상기 제1주기보다 긴 것으로 판단된 경우 상기 제2타이머를 실행하여 상기 제2타임아웃 신호가 발생하면 다음 애니메이션 프레임을 구성하여 출력하는 브라우저 엔진; 및 상기 브라우저 엔진에서 출력된 애니메이션 프레임을 저장하여 기 설정된 디스플레이 주기에 따라 상기 저장된 애니메이션 프레임을 디스플레이 장치에 제공하는 OS 디스플레이 버퍼를 포함하는 애니메이션 재생 장치가 제공된다.According to an aspect of the present invention for solving the above-described problem, a first timer that outputs a first timeout signal according to a preset first cycle; A second timer outputting a second timeout signal according to a second period shorter than the first period; When the first timeout signal is generated, an animation frame is configured and output. When it is determined that the time configuring the animation frame is longer than the first cycle, when the second timeout signal is generated by executing the second timer A browser engine configured to output the next animation frame; And an OS display buffer that stores the animation frames output from the browser engine and provides the stored animation frames to a display device according to a preset display cycle.

여기서, 상기 제1타이머의 상기 제1주기는 상기 OS 디스플레이 버퍼의 프레임 출력주기와 동일하게 설정될 수 있다.Here, the first period of the first timer may be set to be the same as the frame output period of the OS display buffer.

그리고, 상기 브라우저 엔진은, 상기 애니메이션 프레임을 구성하는데 소요되는 시간을 측정하여 저장하고, 상기 애니메이션 프레임을 구성하는데 소요되는 시간이 상기 OS 디스플레이 버퍼의 프레임 출력주기보다 긴 것으로 판단된 경우 상기 제2타이머를 활성화시킬 수 있다.In addition, the browser engine measures and stores the time taken to construct the animation frame, and when it is determined that the time taken to construct the animation frame is longer than the frame output period of the OS display buffer, the second timer Can be activated.

그리고, 상기 OS 디스플레이 버퍼는, 상기 디스플레이장치의 화면출력 주기에 따라 상기 애니메이션 프레임을 상기 디스플레이 장치에 제공할 수 있다.Also, the OS display buffer may provide the animation frame to the display device according to a screen output cycle of the display device.

상술한 과제를 해결하기 위한 본 발명의 다른 측면에 따르면, 제1타이머가 기 설정된 제1주기에 따라 제1타임아웃 신호를 출력하는 단계; 브라우저 엔진이 상기 제1타임아웃 신호를 수신하여 애니메이션 프레임을 구성하여 출력하는 단계; 상기 애니메이션 프레임을 구성하는 시간이 상기 제1주기보다 긴 것으로 판단된 경우 상기 제1주기보다 짧은 제2주기에 따라 제2타임아웃 신호를 출력하는 제2타이머를 활성화시키는 단계; 및 상기 브라우저 엔진이 상기 제2타임아웃 신호를 수신하여 다음 애니메이션 프레임을 구성한 후 출력하는 단계를 포함하는 애니메이션 재생 방법이 제공된다.According to another aspect of the present invention for solving the above-described problem, the step of outputting a first time-out signal according to a first period, the first timer is preset; A browser engine receiving the first timeout signal and constructing and outputting an animation frame; Activating a second timer outputting a second timeout signal according to a second period shorter than the first period when it is determined that the time constituting the animation frame is longer than the first period; And the browser engine receiving the second timeout signal, constructing and outputting the next animation frame.

여기서, OS 디스플레이 버퍼에서 상기 브라우저 엔진에서 출력된 애니메이션 프레임을 저장하여 기 설정된 디스플레이 주기에 따라 상기 저장된 애니메이션 프레임을 디스플레이 장치에 단계를 더 포함할 수 있다.Here, in the OS display buffer, the animation frame output from the browser engine may be stored, and the stored animation frame may be further included in a display device according to a preset display cycle.

그리고, 상기 제1타이머의 상기 제1주기는 상기 OS 디스플레이 버퍼의 프레임 출력주기와 동일하게 설정될 수 있다.In addition, the first period of the first timer may be set to be the same as the frame output period of the OS display buffer.

그리고, 상기 애니메이션 프레임을 구성하는 시간이 상기 제1주기보다 짧은 것으로 판단된 경우 상기 제2타이머를 비활성화시키는 단계; 및 상기 브라우저 엔진이 상기 제1타임아웃 신호를 수신하여 다음 애니메이션 프레임을 구성한 후 출력하는 단계를 더 포함할 수 있다.In addition, when it is determined that the time constituting the animation frame is shorter than the first cycle, deactivating the second timer; And the browser engine receiving the first timeout signal, constructing a next animation frame, and outputting the animation frame.

상술한 과제를 해결하기 위한 본 발명의 또 다른 측면에 따르면, 제1타이머가 기 설정된 제1주기에 따라 제1타임아웃 신호를 출력하는 단계; 브라우저 엔진이 상기 제1타임아웃 신호를 수신하여 애니메이션 프레임을 구성하여 출력하는 단계; 상기 애니메이션 프레임을 구성하는 시간이 상기 제1주기보다 긴 것으로 판단된 경우 상기 제1주기보다 짧은 제2주기에 따라 제2타임아웃 신호를 출력하는 제2타이머를 활성화시키는 단계; 및 상기 브라우저 엔진이 상기 제2타임아웃 신호를 수신하여 다음 애니메이션 프레임을 구성한 후 출력하는 단계를 포함하는 애니메이션 재생 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체가 제공된다.According to another aspect of the present invention for solving the above-described problem, the step of outputting a first time-out signal according to a first period, the first timer is set; A browser engine receiving the first timeout signal and constructing and outputting an animation frame; Activating a second timer outputting a second timeout signal according to a second period shorter than the first period when it is determined that the time constituting the animation frame is longer than the first period; And the browser engine receiving the second timeout signal, constructing the next animation frame, and outputting the animation, wherein the animation playback method is recorded as a program and a recording medium readable by the electronic device is provided.

상술한 바와 같이 본 발명의 이동 단말을 위한 애니메이션 재생 장치 및 방법은, 애니메이션을 재생하는 이동 단말의 웹 브라우저에서 애니메이션의 복잡도가 증가하여 애니메이션 프레임을 구성하는 시간이 지연되는 경우 표준 출력 주기보다 애니메이션 프레임의 구성 주기를 짧게 설정함으로써 애니메이션 프레임 출력 후 다음 애니메이션 프레임이 출력되기까지의 대기시간을 단축하여 부드럽고 자연스러운 영상을 출력할 수 있도록 하는 효과가 있다.As described above, the animation reproducing apparatus and method for the mobile terminal of the present invention, when the complexity of the animation increases in the web browser of the mobile terminal reproducing the animation and the time to construct the animation frame is delayed, the animation frame is compared to the standard output cycle By setting the composition cycle shortly, there is an effect of reducing the waiting time between outputting the animation frame and outputting the next animation frame, so that a smooth and natural image can be output.

또한, 본 발명의 이동 단말을 위한 애니메이션 재생 장치 및 방법은, 애니메이션을 재생하는 이동 단말의 웹 브라우저에서 표준 출력 주기에 제1타임아웃 신호를 출력하는 제1타이머와 함께, 표준 출력주기보다 짧은 주기로 제2타임아웃 신호를 출력하는 제2타이머를 구비하여 애니메이션의 복잡도에 따라 애니메이션 프레임의 구성 주기를 제어함으로써 애니메이션의 재생 품질을 향상시킬 수 있는 효과가 있다.In addition, the animation reproducing apparatus and method for a mobile terminal of the present invention, with a first timer outputting a first timeout signal at a standard output period in a web browser of a mobile terminal reproducing animation, at a period shorter than the standard output period It is possible to improve the playback quality of the animation by controlling the construction cycle of the animation frame according to the complexity of the animation by having a second timer that outputs a second timeout signal.

도 1은 본 발명의 실시예에 따른 애니메이션 재생 장치가 적용되는 이동단말기의 구조도
도 2는 본 발명의 실시예에 따른 애니메이션 재생 장치의 제어 블럭도
도 3은 본 발명의 실시예에 따른 애니메이션 재생 장치의 제어 흐름도
도 4는 본 발명의 실시예에 따른 애니메이션 재생 장치의 실행 상태도1 is a structural diagram of a mobile terminal to which an animation playback apparatus according to an embodiment of the present invention is applied
2 is a control block diagram of an animation playback apparatus according to an embodiment of the present invention
3 is a control flowchart of an animation playback apparatus according to an embodiment of the present invention
4 is an execution state diagram of an animation playback apparatus according to an embodiment of the present invention

이하, 첨부된 도면을 참조하여 본 발명의 바람직한 실시예를 보다 상세히 설명하기로 한다. 첨부 도면을 참조하여 설명함에 있어 동일하거나 대응하는 구성 요소는 동일한 도면번호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다.Hereinafter, preferred embodiments of the present invention will be described in more detail with reference to the accompanying drawings. In describing with reference to the accompanying drawings, identical or corresponding components are assigned the same reference numbers, and redundant description thereof will be omitted.

도 1은 본 발명의 실시예에 따른 애니메이션 재생 장치가 적용되는 이동단말기의 구조도이다.1 is a structural diagram of a mobile terminal to which an animation reproduction apparatus according to an embodiment of the present invention is applied.

도 1에 도시한 바와 같이, 이동 단말기에서 제1 내지 제3웹 애플리케이션(131, 133, 135)을 실행하기 위하여 사용되는 웹 애플리케이션 플랫폼(100)은, 모바일 플랫폼 계층(110) 및 미들웨어 계층(120)을 포함한다.As shown in FIG. 1, the web application platform 100 used to execute the first to third web applications 131, 133, and 135 in the mobile terminal includes a mobile platform layer 110 and a middleware layer 120 ).

모바일 플랫폼 계층(110)은 적어도 하나의 모바일 플랫폼을 포함하는데, 모바일 플랫폼은 국가별, 이동통신사별 또는 이동 단말 제조사별로 다르다.The mobile platform layer 110 includes at least one mobile platform, which differs by country, by mobile operator, or by mobile terminal manufacturer.

예를 들면, 자바스크립트(Java script) 언어, C 또는 C++ 언어 기반의 WIPI(Wireless Internet Platform for Interoperability) 플랫폼과, 윈도우 기반의 Windows Mobile 플랫폼 및 리눅스 기반의 LiMo 또는 Android 플랫폼 등으로 분류할 수 있다.For example, it can be classified into a Java script language, a C or C ++ language based Wireless Internet Platform for Interoperability (WIPI) platform, a Windows based Windows Mobile platform, and a Linux based LiMo or Android platform.

이러한, 모바일 플랫폼은 제1 내지 제3웹 애플리케이션(131, 133, 135)이 실행되기 위한 환경을 제공하는 것으로, 하나 이상의 웹 애플리케이션이 모바일 플랫폼 계층(110)에 포함될 수 있다.The mobile platform provides an environment for the first to third web applications 131, 133, and 135 to be executed, and one or more web applications may be included in the mobile platform layer 110.

미들웨어 계층(120)은, 이동 단말기에서 제1 내지 제3웹 애플리케이션(131, 133, 135)를 실행하기 위해 필요한 사용자 인터페이스(user interface: UI)를 포함하는 소프트웨어 로직 및 데이터를 제공하는 부분으로, 브라우저 엔진(121), UI 프레임워크(123) 및 플러그-인 인터페이스(125)를 포함한다.The middleware layer 120 is a part that provides software logic and data including a user interface (UI) required to execute the first to third web applications 131, 133, and 135 in a mobile terminal, It includes a browser engine 121, a UI framework 123, and a plug-in interface 125.

브라우저 엔진(121)은 HTML(HyperText Markup Language)과 같은 마크업(Mark-Up) 언어, 스크립트(Script) 언어 및 CSS(Cascading Style Sheets)와 같은 웹 언어로 제작된 사용자 인터페이스 로직 등의 소프트웨어 로직 및 데이터를 렌더링(rendering) 및 파싱(parsing)하는 엔진으로, 웹 언어로 구성된 웹 애플리케이션의 로직 및 데이터를 렌더링 및 파싱한다. 여기서, 사용자 인터페이스 로직은 시각적으로 보이는 사용자 인터페이스를 처리하기 위한 소프트웨어 로직을 의미한다.The browser engine 121 includes software logic such as mark-up language such as HyperText Markup Language (HTML), script language, and user interface logic produced in a web language such as Cascading Style Sheets (CSS), and An engine that renders and parses data. It renders and parses the logic and data of web applications composed of web languages. Here, the user interface logic refers to software logic for processing a visually visible user interface.

UI 프레임워크(123)는 제1 내지 제3 웹 애플리케이션(131, 133, 135)의 실행에 필요한 사용자 인터페이스 로직을 라이브러리로 저장하는데, Perl, VBScript, JavaScript과 같은 스크립트 언어(웹 언어)로 구현된 사용자 인터페이스 로직을 저장하거나, 웹 언어로 호출될 수 있는 OPEN VG, C 또는 C++과 같은 네이티브 언어로 구현된 컴파일 되어 있는 사용자 인터페이스 로직을 저장한다. 플러그-인 인터페이스(125)는 제1 내지 제3웹 애플리케이션(131, 133, 135)의 확장 기능을 지원한다.The UI framework 123 stores user interface logic necessary for execution of the first to third web applications 131, 133, and 135 as a library, implemented in a script language (web language) such as Perl, VBScript, and JavaScript. Stores user interface logic, or compiled user interface logic implemented in a native language, such as OPEN VG, C or C ++, that can be called in a web language. The plug-in interface 125 supports extension functions of the first to third web applications 131, 133, and 135.

도 2는 본 발명의 실시예에 따른 애니메이션 재생 장치의 제어 블럭도이다.2 is a control block diagram of an animation playback apparatus according to an embodiment of the present invention.

도 2에 도시된 바와 같이, 본 발명의 실시예에 따른 애니메이션 재생 장치는, 기 설정된 제1주기에 따라 제1타임아웃 신호를 출력하는 제1타이머(200), 제1타이머(200)보다 짧은 제2주기에 따라 제2타임아웃 신호를 출력하는 제2타이머(210), 제1타임아웃 신호 또는 제2타임아웃 신호 발생 시 애니메이션 프레임을 구성하여 출력하는 브라우저 엔진(121) 및 브라우저 엔진(121)에서 출력된 애니메이션 프레임이 저장되며 기 설정된 프레임 출력 주기에 따라 저장된 애니메이션 프레임을 디바이스 LCD 버퍼(230)에 복사하는 OS의 OS LCD 버퍼(220)를 포함한다. As shown in FIG. 2, the animation playback apparatus according to an embodiment of the present invention is shorter than the first timer 200 and the first timer 200 that output a first timeout signal according to a preset first cycle. A second timer 210 that outputs a second timeout signal according to a second cycle, a browser engine 121 and a browser engine 121 that compose and output an animation frame when a first timeout signal or a second timeout signal occurs ) Includes the OS LCD buffer 220 of the OS that stores the animation frames output from the device and copies the stored animation frames to the device LCD buffer 230 according to a preset frame output cycle.

브라우저 엔진(121)은 디폴트로 제1타이머(200)를 사용하고, 애니메이션 프레임을 구성하는데 소요되는 시간이 제1타이머(200)의 제1주기보다 긴 것으로 판단된 경우, 제1주기보다 짧은 제2주기에 따라 제2타임아웃 신호를 출력하는 제2타이머(210)를 함께 적용한다.The browser engine 121 uses the first timer 200 as a default, and when it is determined that the time required to construct the animation frame is longer than the first cycle of the first timer 200, the browser engine 121 may be configured to use the first timer 200. The second timer 210 that outputs the second timeout signal according to two cycles is applied together.

제1타이머(200)는 브라우저 엔진(121)이 실행되는 OS의 표준에 따라 제1주기를 설정하여 제1타임아웃 신호를 출력할 수 있다. 예컨대, 마이크로소트사에서 제공하는 인터넷 익스플롤러의 경우 프레임 구성 및 출력을 요청하는 requestAnimFrame의 출력시간을 제1주기로 하여 제1타임아웃 신호를 출력할 수 있다. 이에, 제1타이머(200)는 1/60초(60HZ)마다 한 번씩 제1타임아웃 신호를 출력하며, 제1타임아웃 신호가 수신된 경우 브라우저 엔진(121)은 애니메이션 프레임 한 장을 구성하도록 관련 함수를 호출한다.The first timer 200 may output a first timeout signal by setting a first cycle according to the standard of the OS on which the browser engine 121 is executed. For example, in the case of the Internet Explorer provided by MicroSort, the first timeout signal may be output by setting the output time of the requestAnimFrame requesting frame configuration and output as the first cycle. Accordingly, the first timer 200 outputs a first timeout signal once every 1/60 seconds (60HZ), and when the first timeout signal is received, the browser engine 121 configures one animation frame Call the relevant function.

제2타이머(210)가 제2타임아웃 신호를 출력하는 제2주기는 브라우저 엔진(121)에서 제공할 수 있는 가장 작은 값으로 설정될 수 있다. 예컨대, 제2주기를 "0"으로 설정하면, 브라우저 엔진(121) 내부에서의 각종 연산이 종료되자마자 바로 제2타임아웃 신호를 발생시킨다. The second period in which the second timer 210 outputs the second timeout signal may be set to the smallest value that the browser engine 121 can provide. For example, if the second cycle is set to "0", the second timeout signal is generated immediately upon completion of various operations in the browser engine 121.

브라우저 엔진(121)은 하나의 애니메이션 프레임을 구성하는데 소요되는 시간을 측정하여 저장하고, 브라우저 엔진(121)이 제2타이머(210)를 실행시킨다. The browser engine 121 measures and stores the time required to construct one animation frame, and the browser engine 121 executes the second timer 210.

브라우저 엔진(121)은 제1타임아웃 신호 혹은 제2타임아웃 신호 발생 시 애니메이션 프레임 한 장을 구성한다. 따라서, 제2타이머(210)의 제2타임아웃 신호가 발생한 시점에 측정한 시간이 1/60sec + threshold 보다 큰 경우, 다음 애니메이션 프레임을 그리기 위하여 제1타이머(200)가 제1타임아웃 신호를 출력하기를 기다리지 않고 바로 다음 애니메이션 프레임을 구성한다.The browser engine 121 composes one animation frame when the first timeout signal or the second timeout signal occurs. Therefore, when the time measured at the time when the second timeout signal of the second timer 210 is greater than 1/60 sec + threshold, the first timer 200 sends the first timeout signal to draw the next animation frame. Constructs the next animation frame immediately without waiting for output.

OS LCD 버퍼(220)에는 브라우저 엔진(121)에서 출력된 애니메이션 프레임이 저장된다. OS LCD 버퍼(220)에 저장된 애니메이션 프레임은 기 설정된 주기에 따라 디바이스 LCD 버퍼(230)에 저장된 애니메이션 프레임을 복사한다. OS LCD 버퍼(220)는 기 설정된 주기, 예컨대, 60Hz의 속도로 디바이스 LCD 버퍼(230)에 애니메이션 프레임을 복사할 수 있다. OS LCD 버퍼(220)는 디바이스 LCD 버퍼(230)로의 복사가 준비되는 시점마다 브라우저 엔진(121)에 노티하는 requestAnimFrame 신호를 출력할 수 있다.The animation frame output from the browser engine 121 is stored in the OS LCD buffer 220. The animation frame stored in the OS LCD buffer 220 copies the animation frame stored in the device LCD buffer 230 according to a preset period. The OS LCD buffer 220 may copy the animation frame to the device LCD buffer 230 at a preset period, for example, at a rate of 60 Hz. The OS LCD buffer 220 may output a requestAnimFrame signal that notifies the browser engine 121 whenever a copy is prepared to the device LCD buffer 230.

디바이스 LCD 버퍼(230)에 복사된 애니메이션 프레임은 LCD에 출력되어 사용자에게 디스플레이 된다. The animation frame copied to the device LCD buffer 230 is output to the LCD and displayed to the user.

이러한 구성에 의해, 애니메이션의 복잡도가 높아 이동 단말기에서 애니메이션 프레임을 구성하는 데에 시간이 지연되는 경우 브라우저 엔진(121)은 웹 표준에 따른 제1타이머(200)의 제1타임아웃 신호를 기다리지 않고, 제2타임아웃 신호 발생 시 바로 다음 애니메이션 프레임을 구성한다.By such a configuration, when the complexity of animation is high and time is delayed to construct the animation frame in the mobile terminal, the browser engine 121 does not wait for the first timeout signal of the first timer 200 according to the web standard. , When the second timeout signal is generated, the next animation frame is constructed.

이에 따라, 두 번째 애니메이션 프레임에서 발생하는 대기시간을 최소화하여 실제 애니메이션 프레임 레이트를 증가시키는 효과를 얻을 수 있으며, 이에, 애니메이션의 동작은 더 부드럽게 움직이는 것으로 표시될 수 있다.Accordingly, it is possible to obtain an effect of increasing the actual animation frame rate by minimizing the waiting time occurring in the second animation frame. Accordingly, the motion of the animation may be displayed as moving more smoothly.

도 3은 본 발명의 실시예에 따른 애니메이션 재생 장치의 제어 흐름도로서, 브라우저 엔진(121)이 한 장의 애니메이션 프레임을 구성하는데 소요되는 시간이 제1타이머(200)의 제1주기보다 긴 것으로 판단된 경우의 제어흐름을 예시하고 있다.3 is a control flowchart of an animation playback apparatus according to an embodiment of the present invention, and it is determined that the time required for the browser engine 121 to construct one animation frame is longer than the first cycle of the first timer 200 The control flow in the case is illustrated.

여기서, 브라우저 엔진(121)은 디폴트로 제1타이머(200)를 사용하여 제1타임아웃 신호 발생시 한 장의 애니메이션 프레임을 구성하고, 애니메이션 프레임을 구성하는데 소요되는 시간이 제1타이머(200)의 제1주기보다 긴 것으로 판단된 경우, 제1주기보다 짧은 제2주기에 따라 제2타임아웃 신호를 출력하는 제2타이머(210)를 함께 적용할 수 있다.Here, the browser engine 121 configures one animation frame when the first timeout signal is generated using the first timer 200 by default, and the time required to configure the animation frame is the first timer 200. When it is determined that it is longer than one cycle, the second timer 210 that outputs the second timeout signal according to the second cycle that is shorter than the first cycle may be applied together.

브라우저 엔진(121)은 제1타이머(200)가 출력하는 제1타임아웃 신호가 수신되면 애니메이션 프레임을 구성한다(S110). 여기서, 제1타이머(200)는 브라우저 엔진(121)이 실행되는 OS의 표준에 따라 제1주기를 설정하여 제1타임아웃 신호를 출력할 수 있으며, 브라우저 엔진(121)이 마이크로소트사에서 제공하는 브라우저일 경우 제1타이머(200)는 1/60초(60HZ)마다 한 번씩 제1타임아웃 신호를 출력할 수 있다.The browser engine 121 composes an animation frame when the first timeout signal output by the first timer 200 is received (S110). Here, the first timer 200 may output a first timeout signal by setting a first cycle according to the standard of the OS in which the browser engine 121 is executed, and the browser engine 121 is provided by Microsort In the case of a browser, the first timer 200 may output a first timeout signal once every 1/60 second (60HZ).

한 장의 애니메이션 프레임 구성이 완료되면 브라우저 엔진(121)은 제2타이머(210)를 활성화시킨다(S112). 제2타이머(210)가 제2타임아웃 신호를 출력하는 제2주기는 브라우저 엔진(121)에서 제공할 수 있는 가장 작은 값으로 제1타이머(200)의 제1주기보다 작은 값으로 설정될 수 있다. 제2주기가 "0"으로 설정되는 경우 제2타이머(210)는 실행됨과 동시에 바로 제2타임아웃 신호를 발생시킬 수 있다.When the composition of one animation frame is completed, the browser engine 121 activates the second timer 210 (S112). The second period in which the second timer 210 outputs the second timeout signal is the smallest value that can be provided by the browser engine 121 and can be set to a value smaller than the first period of the first timer 200. have. When the second period is set to "0", the second timer 210 is executed and the second timeout signal can be generated immediately.

브라우저 엔진(121)은 활성화된 제2타이머(210)로부터 제2타임아웃 신호가 출력되었는지를 확인한다(S114). 제2타이머(210)의 신호출력 주기는 제1타이머(200)보다 짧기 때문에 제2타임아웃 신호는 제1타임아웃 신호보다 먼저 발생하게 된다.The browser engine 121 checks whether a second timeout signal is output from the activated second timer 210 (S114). Since the signal output period of the second timer 210 is shorter than that of the first timer 200, the second timeout signal occurs before the first timeout signal.

제2타임아웃 신호가 감지되면 브라우저 엔진(121)은 제1타이머(200)의 제1타임아웃 신호를 기다리지 않고 바로 다음 애니메이션 프레임을 구성하여(S116), OS LCD 버퍼(220)에 애니메이션 프레임을 출력한다(S118). 이와 같이, 제1타임아웃 신호를 기다리지 않고 바로 다음 애니메이션 프레임을 구성하므로, 두 번째 애니메이션 프레임에서 발생하는 대기시간을 최소화하여 실제 애니메이션 프레임 레이트를 증가시키는 효과를 얻을 수 있다.When the second timeout signal is detected, the browser engine 121 immediately configures the next animation frame without waiting for the first timeout signal of the first timer 200 (S116), and displays the animation frame in the OS LCD buffer 220. Output (S118). As such, since the next animation frame is formed immediately without waiting for the first timeout signal, an effect of increasing the actual animation frame rate can be obtained by minimizing the waiting time occurring in the second animation frame.

도 4는 본 발명의 실시예에 따른 애니메이션 재생 장치의 실행 상태도로서, (a)는 애니메이션 프레임을 구성하는 시간이 LCD 갱신속도보다 충분히 작은 경우, (b)는 애니메이션 프레임을 구성하는 시간이 LCD 갱신속도보다 지연되는 경우, (c)는 본 발명의 실시예에 따라 애니메이션 프레임을 구성하는 시간이의 LCD 갱신 속도보다 지연되는 것을 방지하는 경우 재생 장치의 실행 상태를 도시한 것이다.4 is an execution state diagram of an animation reproducing apparatus according to an embodiment of the present invention, (a) when the time to configure the animation frame is sufficiently smaller than the LCD update rate, (b) the time to configure the animation frame is updated to the LCD When it is delayed than the speed, (c) shows the execution state of the playback device when the time for constructing the animation frame is prevented from being delayed more than the LCD update rate according to the embodiment of the present invention.

도 4의 그래프에서 t1은 제1타이머(200)의 제1타임아웃 신호 발생시점, d는 애니메이션 프레임을 구성하는 연산의 소요시간, a는 LCD에 애니메이션 프레임이 표시되는 시점, s는 디바이스 LCD 버퍼(230)로 애니메이션 프레임이 복사되지 않아 사용자가 보기에 부드럽지 않게 느껴지는 시점, t2는 제2타이머(210)가 제2타임아웃 신호를 발생하는 시점을 나타낸다.In the graph of FIG. 4, t1 is the time when the first timeout signal of the first timer 200 occurs, d is the time required for the operation to configure the animation frame, a is the time when the animation frame is displayed on the LCD, and s is the device LCD buffer When the animation frame is not copied to 230 and the user feels it is not smooth to the view, t2 represents the time when the second timer 210 generates the second timeout signal.

(a)에 도시된 그래프는 애니메이션 프레임을 구성하는 시간 d가 LCD에 애니메이션 프레임이 갱신속도인 a보다 충분히 작은 경우를 예시한 것이다. The graph shown in (a) exemplifies a case in which the time d constituting the animation frame is sufficiently smaller than a, which is the update rate of the animation frame on the LCD.

한 장의 애니메이션 프레임을 구성하는 시간이 제1타이머(200)의 타임아웃 주기 t에 비해 충분히 짧은 경우, 정해진 주기 t에 따라 브라우저 엔진(121)에서 디바이스 LCD 버퍼(230)까지 아무런 문제 없이 애니메이션 프레임이 제공된다. If the time to configure one animation frame is sufficiently short compared to the timeout period t of the first timer 200, the animation frame is displayed without any problem from the browser engine 121 to the device LCD buffer 230 according to the predetermined period t. Is provided.

따라서, LCD에 애니메이션 프레임이 갱신속도인 a보다 여유 있게 애니메이션 프레임이 제공되므로, 브라우저 엔진(121)에서 생성된 애니메이션 프레임이 순차적으로 LCD에 표시되므로 애니메이션이 자연스럽게 표시될 수 있다.Therefore, since the animation frame is provided on the LCD with a margin greater than the update rate a, the animation frames generated by the browser engine 121 are sequentially displayed on the LCD, so that the animation can be naturally displayed.

(b)에 도시된 그래프는 애니메이션 프레임을 구성하는 시간 d가 LCD에 애니메이션 프레임이 갱신속도인 a보다 지연되는 경우를 예시한 것으로서, 종래의 애니메이션 재생장치의 화면 표시상태를 예시하고 있다.The graph shown in (b) exemplifies a case in which the time d constituting the animation frame is delayed from the update frame a on the LCD, and illustrates the screen display state of the conventional animation playback apparatus.

한 장의 애니메이션 프레임을 구성하는 시간이 제1타이머(200)의 타임아웃 주기 t보다 지연되는 경우, 정해진 주기 t에 다음 애니메이션 프레임이 표시되지 못하고 그 다음 주기 t에 표시되게 된다. 이에, 애니메이션 프레임이 1개씩 누락(skip)되어 화면 갱신 비율이 절반으로 떨어지게 된다. 결과적으로 애니메이션의 움직임에 부자연스럽게 표시되게 되는 문제점이 있다.When the time constituting one animation frame is delayed from the timeout period t of the first timer 200, the next animation frame is not displayed in the predetermined period t and is displayed in the next period t. Accordingly, the animation frames are skipped one by one, so that the screen refresh rate is halved. As a result, there is a problem in that the movement of the animation is displayed unnaturally.

(c) 에 도시된 그래프는 애니메이션 프레임을 구성하는 시간 d가 LCD에 애니메이션 프레임이 갱신속도인 a보다 지연되는 경우를 예시한 것으로서, 본 발명의 실시예에 따른 애니메이션 재생장치의 화면 표시상태를 예시하고 있다.The graph shown in (c) illustrates the case where the time d constituting the animation frame is delayed from the a, which is the update rate of the animation frame on the LCD, and illustrates the screen display state of the animation playback apparatus according to the embodiment of the present invention. Doing.

본 발명은 애니메이션 프레임을 구성하는 시간 d가 LCD에 애니메이션 프레임이 갱신속도인 a보다 지연되는 경우 제2타이머(210)를 활성화하여, 제1타이머(200)의 타임아웃 주기를 기다리지 않고 바로 프레임을 구성하여 출력한다. The present invention activates the second timer 210 when the time d constituting the animation frame is delayed than the update rate a on the LCD, and activates the second timer 210 without waiting for the timeout period of the first timer 200. Configure and print.

이에, 애니메이션 프레임의 구성이 끝나면, 제2타이머(210)가 활성화되어 제1타이머(200)의 타임아웃 전에 제2타이머(210)가 타임아웃 신호를 출력한다. 제2타이머(210)가 타임아웃 된 시점에서 브라우저 엔진(121)은 다음 애니메이션의 프레임을 구성하여 OS LCD 버퍼(220)로 전송한다. 예컨대, 제1타이머(200)가 1/60초(60HZ)마다 한 번씩 제1타임아웃 신호를 출력하는 경우, 제2타이머(210)는 1/60초(60HZ)보다 더 작은 주기를 가지며, 이에, 브라우저 엔진(121)은 1/60초(60HZ) 주기보다 더 빠른 시점에 애니메이션 프레임을 구성하여 출력하게 된다.Accordingly, when the composition of the animation frame is completed, the second timer 210 is activated, and the second timer 210 outputs a timeout signal before the first timer 200 times out. When the second timer 210 times out, the browser engine 121 constructs a frame of the next animation and transmits it to the OS LCD buffer 220. For example, when the first timer 200 outputs the first timeout signal once every 1/60 second (60 HZ), the second timer 210 has a period smaller than 1/60 second (60 HZ), Accordingly, the browser engine 121 constructs and outputs an animation frame at a time earlier than a 1/60 second (60HZ) cycle.

따라서, 두 번째 애니메이션 프레임을 구성하여 출력하는 대기 시간이 최소화되어 실질적으로 애니메이션 프레임 레이트를 증가시키는 효과를 얻을 수 있다. 결과적으로 애니메이션의 움직임을 더 부드럽게 표시할 수 있다.Therefore, the waiting time for constructing and outputting the second animation frame is minimized, thereby effectively increasing the animation frame rate. As a result, the movement of the animation can be displayed more smoothly.

한편, 본 발명의 또 다른 측면에 따르면, 제1타이머가 기 설정된 제1주기에 따라 제1타임아웃 신호를 출력하는 단계; 브라우저 엔진이 상기 제1타임아웃 신호를 수신하여 애니메이션 프레임을 구성하여 출력하는 단계; 상기 애니메이션 프레임을 구성하는 시간이 상기 제1주기보다 긴 것으로 판단된 경우 상기 제1주기보다 짧은 제2주기에 따라 제2타임아웃 신호를 출력하는 제2타이머를 활성화시키는 단계; 및 상기 브라우저 엔진이 상기 제2타임아웃 신호를 수신하여 다음 애니메이션 프레임을 구성한 후 출력하는 단계를 포함하는 애니메이션 재생 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체에 기록될 수 있다. On the other hand, according to another aspect of the present invention, the first timer outputting a first time-out signal according to a preset first cycle; A browser engine receiving the first timeout signal and constructing and outputting an animation frame; Activating a second timer outputting a second timeout signal according to a second period shorter than the first period when it is determined that the time constituting the animation frame is longer than the first period; And the browser engine receiving the second timeout signal, constructing the next animation frame, and then outputting the animation. The animation reproduction method may be recorded as a program and recorded in a recording medium readable by an electronic device.

이러한 애니메이션 재생방법은 프로그램으로 작성 가능하며, 프로그램을 구성하는 코드들 및 코드 세그먼트들은 당해 분야의 프로그래머에 의하여 용이하게 추론될 수 있다. 또한, 애니메이션 재생방법에 관한 프로그램은 전자장치가 읽을 수 있는 정보저장매체(Readable Media)에 저장되고, 전자장치에 의하여 읽혀지고 실행될 수 있다.The animation reproduction method can be written as a program, and codes and code segments constituting the program can be easily inferred by a programmer in the field. In addition, the program related to the animation reproduction method may be stored in an information storage medium readable by the electronic device, and read and executed by the electronic device.

이와 같이, 본 발명이 속하는 기술분야의 당업자는 본 발명이 그 기술적 사상이나 필수적 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적인 것이 아닌 것으로서 이해해야만 한다. 본 발명의 범위는 상기 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 그 등가 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.As such, those skilled in the art to which the present invention pertains will appreciate that the present invention may be implemented in other specific forms without changing its technical spirit or essential features. Therefore, the embodiments described above should be understood as illustrative in all respects and not restrictive. The scope of the present invention is indicated by the following claims rather than the above detailed description, and it should be interpreted that all changes or modifications derived from the meaning and scope of the claims and equivalent concepts are included in the scope of the present invention. do.

본 발명은 이동 단말의 웹 브라우저에어 애니메이션을 제공하는 경우 해당 애니메이션의 복잡도에 따라 애니메이션 프레임의 출력 주기를 제어함으로써 부드럽고 자연스러운 영상을 출력할 수 있도록 하는 이동 단말을 위한 애니메이션 재생 장치 및 방법을 제공하는 데에 이용할 수 있다.The present invention provides an animation reproducing apparatus and method for a mobile terminal capable of outputting a smooth and natural image by controlling the output period of an animation frame according to the complexity of the animation when providing the web browser air animation of the mobile terminal Can be used in.

100 : 웹 애플리케이션 플랫폼 110 : 모바일 플랫폼 계층
120 : 미들웨어 계층 121 : 브라우저 엔진
200 : 제1타이머 210 : 제2타이머
220 : OS LCD 버퍼 230 : 디바이스 LCD 버퍼100: web application platform 110: mobile platform layer
120: middleware layer 121: browser engine
200: first timer 210: second timer
220: OS LCD buffer 230: Device LCD buffer

Claims (9)

기 설정된 제1주기에 따라 제1타임아웃 신호를 출력하는 제1타이머;
상기 제1주기보다 짧은 제2주기에 따라 제2타임아웃 신호를 출력하는 제2타이머;
상기 제1타임아웃 신호 발생 시 애니메이션 프레임을 구성하여 출력하며, 상기 애니메이션 프레임을 구성하는 시간이 상기 제1주기보다 긴 것으로 판단된 경우 상기 제2타이머를 실행하여 상기 제2타임아웃 신호가 발생하면 다음 애니메이션 프레임을 구성하여 출력하는 브라우저 엔진; 및
상기 브라우저 엔진에서 출력된 애니메이션 프레임을 저장하여 기 설정된 디스플레이 주기에 따라 상기 저장된 애니메이션 프레임을 디스플레이 장치에 제공하는 OS 디스플레이 버퍼를 포함하고,
상기 제1타임아웃 신호는
상기 OS 디스플레이 버퍼의 프레임 출력주기와 동일하게 설정되는 상기 제1주기를 기반으로 상기 애니메이션 프레임을 구성하기 위해 디폴트로 사용되는 타임아웃 신호에 상응하고,
상기 제2타임아웃 신호는
상기 애니메이션 프레임을 구성하기 이전에 상기 제2주기를 기반으로 사전 설정되고, 상기 애니메이션 프레임을 구성하는 시간이 상기 제1주기보다 긴 것으로 판단되는 경우에 상기 제1타임아웃 신호보다 먼저 사용되는 타임아웃 신호에 상응하는 것을 특징으로 하는 애니메이션 재생 장치.A first timer outputting a first timeout signal according to a preset first cycle;
A second timer outputting a second timeout signal according to a second period shorter than the first period;
When the first timeout signal is generated, an animation frame is configured and output. When it is determined that the time configuring the animation frame is longer than the first cycle, when the second timeout signal is generated by executing the second timer A browser engine configured to output the next animation frame; And
And an OS display buffer that stores the animation frames output from the browser engine and provides the stored animation frames to a display device according to a preset display cycle.
The first timeout signal
Corresponds to the timeout signal used as a default to configure the animation frame based on the first period that is set equal to the frame output period of the OS display buffer,
The second timeout signal
A timeout that is preset based on the second cycle before configuring the animation frame, and is used before the first timeout signal when it is determined that the time configuring the animation frame is longer than the first cycle. Animation playback device, characterized in that corresponding to the signal. 삭제delete 제1항에 있어서,
상기 브라우저 엔진은,
상기 애니메이션 프레임을 구성하는데 소요되는 시간을 측정하여 저장하고, 상기 애니메이션 프레임을 구성하는데 소요되는 시간이 상기 OS 디스플레이 버퍼의 프레임 출력주기보다 긴 것으로 판단된 경우 상기 제2타이머를 활성화시키는 것을 특징으로 하는 애니메이션 재생 장치.According to claim 1,
The browser engine,
And measuring and storing the time taken to construct the animation frame, and activating the second timer when it is determined that the time taken to construct the animation frame is longer than the frame output period of the OS display buffer. Animation playback device. 제1항에 있어서,
상기 OS 디스플레이 버퍼는,
상기 디스플레이장치의 화면출력 주기에 따라 상기 애니메이션 프레임을 상기 디스플레이 장치에 제공하는 것을 특징으로 하는 애니메이션 재생 장치.According to claim 1,
The OS display buffer,
And providing the animation frame to the display device according to a screen output cycle of the display device. 제1타이머가 기 설정된 제1주기에 따라 제1타임아웃 신호를 출력하는 단계;
브라우저 엔진이 상기 제1타임아웃 신호를 수신하여 애니메이션 프레임을 구성하여 출력하는 단계;
상기 애니메이션 프레임을 구성하는 시간이 상기 제1주기보다 긴 것으로 판단된 경우 상기 제1주기보다 짧은 제2주기에 따라 제2타임아웃 신호를 출력하는 제2타이머를 활성화시키는 단계; 및
상기 브라우저 엔진이 상기 제2타임아웃 신호를 수신하여 다음 애니메이션 프레임을 구성한 후 출력하는 단계를 포함하고,
상기 제1타임아웃 신호는
OS 디스플레이 버퍼의 프레임 출력주기와 동일하게 설정되는 상기 제1주기를 기반으로 상기 애니메이션 프레임을 구성하기 위해 디폴트로 사용되는 타임아웃 신호에 상응하고,
상기 제2타임아웃 신호는
상기 애니메이션 프레임을 구성하기 이전에 상기 제2주기를 기반으로 사전 설정되고, 상기 애니메이션 프레임을 구성하는 시간이 상기 제1주기보다 긴 것으로 판단되는 경우에 상기 제1타임아웃 신호보다 먼저 사용되는 타임아웃 신호에 상응하는 것을 특징으로 하는 애니메이션 재생 방법.The first timer outputs a first timeout signal according to a preset first cycle;
A browser engine receiving the first timeout signal and constructing and outputting an animation frame;
Activating a second timer outputting a second timeout signal according to a second period shorter than the first period when it is determined that the time constituting the animation frame is longer than the first period; And
And receiving, by the browser engine, the second timeout signal, constructing and outputting the next animation frame,
The first timeout signal
Corresponds to the timeout signal used as a default to construct the animation frame based on the first period set equal to the frame output period of the OS display buffer,
The second timeout signal
A timeout that is preset based on the second cycle before configuring the animation frame, and is used before the first timeout signal when it is determined that the time configuring the animation frame is longer than the first cycle. Animation playback method characterized in that corresponding to the signal. 삭제delete 삭제delete 삭제delete 삭제delete
KR1020130115129A 2013-09-27 2013-09-27 Method and apparatus for playing animation in mobile terminal KR102095702B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020130115129A KR102095702B1 (en) 2013-09-27 2013-09-27 Method and apparatus for playing animation in mobile terminal

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020130115129A KR102095702B1 (en) 2013-09-27 2013-09-27 Method and apparatus for playing animation in mobile terminal

Publications (2)

Publication Number Publication Date
KR20150035034A KR20150035034A (en) 2015-04-06
KR102095702B1 true KR102095702B1 (en) 2020-04-14

Family

ID=53030106

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020130115129A KR102095702B1 (en) 2013-09-27 2013-09-27 Method and apparatus for playing animation in mobile terminal

Country Status (1)

Country Link
KR (1) KR102095702B1 (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114296667A (en) * 2021-03-11 2022-04-08 海信视像科技股份有限公司 Display device

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO1997006512A2 (en) 1995-08-04 1997-02-20 Microsoft Corporation Method and system for rendering graphical objects to image chunks and combining image layers into a display image
JP2010049495A (en) * 2008-08-21 2010-03-04 Canon Inc Apparatus and method for processing image, and program

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7903115B2 (en) 2007-01-07 2011-03-08 Apple Inc. Animations
US8766984B2 (en) * 2010-08-20 2014-07-01 Qualcomm Incorporated Graphics rendering methods for satisfying minimum frame rate requirements

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO1997006512A2 (en) 1995-08-04 1997-02-20 Microsoft Corporation Method and system for rendering graphical objects to image chunks and combining image layers into a display image
JP2010049495A (en) * 2008-08-21 2010-03-04 Canon Inc Apparatus and method for processing image, and program

Also Published As

Publication number Publication date
KR20150035034A (en) 2015-04-06

Similar Documents

Publication Publication Date Title
US10545749B2 (en) System for cloud computing using web components
WO2019015097A1 (en) Dual-system-based writing stroke displaying method and system, storage medium and apparatus
US9842091B2 (en) Switching to and from native web applications
CN107797833A (en) The interface display method of application program on smart machine
US9015576B2 (en) Informed partitioning of data in a markup-based document
KR20080021824A (en) Visual debugging system for 3d user interface program
CN109828791B (en) Animation playing method, terminal and computer readable storage medium
US9176607B2 (en) Input/output apparatus for displaying superposed images including a handwritten image
US20170277408A1 (en) Optimizing Window Resize Actions for Remoted Applications
US11941728B2 (en) Previewing method and apparatus for effect application, and device, and storage medium
CN111833417A (en) Method and system for realizing black and white mode of android application program
US8850354B1 (en) Multi-window web-based application structure
CN110781425B (en) Display method, device and equipment of mobile terminal H5 page and storage medium
US9430808B2 (en) Synchronization points for state information
KR102095702B1 (en) Method and apparatus for playing animation in mobile terminal
CN109343770B (en) Interactive feedback method, apparatus and recording medium
US10671412B1 (en) Fast cloning for background processes in scripting environments
US20160170945A1 (en) Information processing device, information processing method, and computer program product
CN100399259C (en) Method and apparatus for displaying markup document linked to applet
CN107589978B (en) Method and device for refreshing page in Flash
CN110557627B (en) Performance monitoring method and device and storage medium
JP3906031B2 (en) Moving picture reproducing apparatus and program for causing computer to execute moving picture reproducing process
WO2019132409A1 (en) Electronic device and control method thereof
CN109542568A (en) Screen adaptation method and system for android system equipment
US20230350532A1 (en) System and method for on-screen graphical user interface encapsulation and application history reproduction

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant