KR20160092010A

KR20160092010A - 애니메이션 재생 방법 및 장치

Info

Publication number: KR20160092010A
Application number: KR1020167017542A
Authority: KR
Inventors: 롱린 샹
Original assignee: 텐센트 테크놀로지(센젠) 컴퍼니 리미티드
Priority date: 2014-02-25
Filing date: 2015-02-13
Publication date: 2016-08-03
Also published as: JP2017507403A; CN104866506B; US9972118B2; WO2015127871A1; CN104866506A; KR101847516B1; US20160300380A1

Abstract

본 개시는 애니메이션 재생 방법 및 장치에 대해 개시하며, 컴퓨터 기술 분야에 관한 것이다. 애니메이션 재생 방법은, 제1 주기에서 대상의 제1 위치 및 제1 오프셋 각을 획득하는 단계 - 상기 제1 주기는 현재 주기 이전임 - ; 상기 제1 위치 및 상기 제1 오프셋 각에 따라 현재 주기에서 대상의 제2 위치를 획득하는 단계; 및 상기 제2 위치가 웹페이지 내의 사전설정된 영역에 있으면 상기 제2 위치에 따라 웹페이지 내의 사전설정된 영역에 대상의 이미지를 드로잉하는 단계를 포함한다. 상기 애니메이션 재생 장치는, 제1 획득 모듈, 제2 획득 모듈, 및 제1 드로잉 모듈을 포함한다. 본 개시는 웹페이지 데이터를 획득하는 단말이 요구하는 트래픽을 감소시킬 수 있고, 단말이 웹페이지를 획득하는 데 사용하는 시간을 단축시킬 수 있다.

Description

애니메이션 재생 방법 및 장치{ANIMATION PLAYBACK METHOD AND APPARATUS}

본 개시는 컴퓨터 기술 분야에 관한 것이며, 특히 애니메이션 재생 방법 및 장치에 관한 것이다.

웹페이지를 장식하기 위해, 프로그래머는 웹페이지를 장식하기 위한 애니메이션 파일을 웹페이지 데이터에 설정하고, 단말은 웹페이지를 표시할 때 웹페이지 내의 한 영역에 그 애니메이션 파일을 재생하며, 예를 들어, 단말은 웹페이지 내의 상부 영역에서, 눈송이가 날리는 애니메이션, 낙엽이 떨어지는 애니메이션 등을 재생한다.

현재, 애니메이션 파일은 이미지의 프레임에 의해 형성되고, 모든 이러한 이미지는 기술자가 드로잉한다. 예를 들어, 눈송이가 날리는 애니메이션에 있어서, 기술자는 유니폼 모션 또는 단순한 비선형 모션과 같은 모션 모드에 따라 각각의 시점에서 눈의 위치를 계산을 통해 획득하고, 눈의 위치에 따라 각각의 시점에서 각각의 시점에 대응하는 이미지의 프레임을 개별적으로 드로잉하고, 이미지의 각각의 프레임을 연대적으로 조직함으로써 눈송이가 날리는 애니메이션 파일을 형성하며, 그런 다음 애니메이션 파일을 웹페이지 데이터에 놓는다. 단말은 웹페이지를 표시할 때 웹페이지의 상부 영역에 눈송이가 날리는 애니메이션을 재생할 수 있다.

본 개시의 실시 동안, 발명자는 기존의 기술에는 적어도 다음의 문제가 있다는 것을 알고 있다:

웹페이지 데이터 내의 애니메이션 파일은 복수의 이미지를 포함하고, 이미지는 대용량을 점유하고, 그 결과, 단말은 웹페이지 데이터를 획득할 때 더 많은 트래픽을 소모하고, 단말이 웹페이지 데이터를 획득하는 데 사용하는 시간이 길어진다.

웹페이지 데이터를 획득하는 단말이 요구하는 트래픽을 감소시키고, 단말이 웹페이지를 획득하는 데 사용하는 시간을 단축시키기 위해, 본 개시는 애니메이션 재생 방법 및 장치를 제공한다. 기술적 솔루션은 다음과 같다:

애니메이션 재생 방법은:

하나 이상의 프로세서 및 상기 하나 이상의 프로세서에 의해 실행되는 프로그램을 저장하는 메모리를 구비하는 컴퓨팅 장치에서,

제1 주기에서 대상의 제1 위치 및 제1 오프셋 각을 획득하는 단계 - 상기 제1 주기는 현재 주기 이전임 - ;

상기 제1 위치 및 상기 제1 오프셋 각에 따라 현재 주기에서 대상의 제2 위치를 획득하는 단계; 및

상기 제2 위치가 웹페이지 내의 사전설정된 영역에 있으면 상기 제2 위치에 따라 웹페이지 내의 사전설정된 영역에 대상의 이미지를 드로잉하는 단계

를 포함한다.

애니메이션 재생 장치는:

하나 이상의 프로세서;

메모리; 및

상기 메모리에 저장되어 있고 상기 하나 이상의 프로세서에 의해 실행되는 하나 이상의 프로그램 모듈

을 포함하며, 상기 하나 이상의 프로그램 모듈은:

제1 주기에서 대상의 제1 위치 및 제1 오프셋 각을 획득하도록 구성되어 있는 제1 획득 모듈 - 상기 제1 주기는 현재 주기 이전임 - ;

상기 제1 획득 모듈에 의해 획득되는 상기 제1 위치 및 상기 제1 오프셋 각에 따라 현재 주기에서 대상의 제2 위치를 획득하도록 구성되어 있는 제2 획득 모듈; 및

상기 제2 획득 모듈에 의해 획득된 제2 위치가 웹페이지 내의 사전설정된 영역에 있으면 상기 제2 위치에 따라 웹페이지 내의 사전설정된 영역에 대상의 이미지를 드로잉하도록 구성되어 있는 제1 드로잉 모듈

을 포함한다.

비일시적 컴퓨터 판독 가능형 저장 매체에는 하나 이상의 명령이 저장되어 있으며,

상기 하나 이상의 명령은, 컴퓨팅 장치에 의해 실행될 때, 상기 컴퓨팅 장치로 하여금:

제1 주기에서 대상의 제1 위치 및 제1 오프셋 각을 획득하고 - 상기 제1 주기는 현재 주기 이전임 - ;

상기 제1 위치 및 상기 제1 오프셋 각에 따라 현재 주기에서 대상의 제2 위치를 획득하며; 그리고

상기 제2 위치가 웹페이지 내의 사전설정된 영역에 있으면 상기 제2 위치에 따라 웹페이지 내의 사전설정된 영역에 대상의 이미지를 드로잉하게 한다.

본 발명의 실시예에서, 제1 주기에서 대상의 제1 위치 및 제1 오프셋 각이 획득되고, 상기 제1 주기는 현재 주기 이전이며, 상기 현재 주기에서 상기 대상의 제2 위치는 제1 위치 및 제1 오프셋 각에 따라 획득되며, 상기 대상의 이미지는 상기 제2 위치가 웹페이지 내의 사전설정된 영역 내에 있으면 제2 위치에 따라 웹페이지 내의 사전설정된 영역에서 드로잉된다. 단말은 제1 주기에서 대상의 제1 위치 및 제1 오프셋 각에 따라 현재 주기에서 대상의 제2 위치를 획득하고, 제2 위치에 따라 웹페이지 내의 사전설정된 영역 내의 대상의 이미지를 드로잉하며, 그러므로 사전설정된 영역 내의 대상의 이미지를 주기적으로 드로잉하는 방식으로, 웹페이지의 용량을 증가시킴이 없이 사전설정된 영역에서 애니메이션이 재생되며, 이에 의해 웹페이지 데이터를 획득하는 단말이 요구하는 트래픽을 감소시키고, 단말이 웹페이지를 획득하는 데 사용하는 시간을 단축시킨다.

도 1은 본 발명의 실시예 1에 따른 애니메이션 재생 방법의 흐름도이다.
도 2a는 본 발명의 실시예 2에 따른 애니메이션 재생 방법의 흐름도이다.
도 2b는 본 발명의 실시예 2에 따른 사전설정된 영역의 제1 개략도이다.
도 2c는 본 발명의 실시예 2에 따른 사전설정된 영역의 제2 개략도이다.
도 2d는 본 발명의 실시예 2에 따른 사전설정된 영역의 제3 개략도이다.
도 3은 본 발명의 실시예 3에 따른 애니메이션 재생 장치의 개략적이니 구조도이다.

본 개시의 목적, 기술적 솔루션, 및 이점을 더 명확하게 하기 위해 이하에서는 첨부 도면을 참조하여 본 발명의 실시예를 더 상세히 설명한다.

실시예 1

도 1을 참조하면, 본 발명의 이 실시예는 애니메이션 재생 방법을 제공하며, 이하를 포함한다:

단계 101: 제1 주기에서 대상의 제1 위치 및 제1 오프셋 각을 획득하고, 상기 제1 주기는 현재 주기 이전이다.

단계 102: 상기 제1 위치 및 상기 제1 오프셋 각에 따라 현재 주기에서 대상의 제2 위치를 획득한다.

단계 103: 상기 제2 위치가 웹페이지 내의 사전설정된 영역에 있으면 상기 제2 위치에 따라 웹페이지 내의 사전설정된 영역에 대상의 이미지를 드로잉한다.

바람직하게, 상기 현재 주기 이전의 주기인 제1 주기에서 대상의 제1 위치 및 제1 오프셋 각을 획득하는 단계는:

상기 대상의 식별자에 따라 상기 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계로부터 대응하는 위치 및 오프셋 각을 획득하는 단계; 및

상기 획득된 위치 오프셋 각을 상기 제1 주기에서 대상의 제1 위치 및 제1 오프셋 각으로 각각 결정하는 단계

를 포함한다.

또한, 상기 제1 주기에서 대상의 제1 위치 및 제1 오프셋 각을 획득하는 단계 이전에, 상기 애니메이션 재생 방법은:

상기 웹페이지가 표시되기 시작할 때 사전설정된 수의 연속적인 주기를 획득하고, 상기 웹페이지 내의 사전설정된 영역의 길이 및 폭에 따라, 각각의 획득된 주기에서의 상기 사전설정된 영역에 부가되는 대상의 수를 결정하는 단계;

획득된 주기가 도착할 때, 도착하는 주기에서 사전설정된 영역에 부가되는 대상의 수 및 사전설정된 영역의 폭에 따라, 상기 사전설정된 영역 내의 각각의 부가된 대상의 초기 위치 및 각각의 대상의 오프셋 각의 크기 및 초기 값을 결정하며, 각각의 대상에 식별자를 할당하는 단계;

상기 각각의 대상의 초기 위치 및 크기에 따라 상기 사전설정된 영역에 각각의 대상의 이미지를 드로잉하는 단계; 및

상기 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계로 상기 각각의 대상의 식별자, 초기 위치, 및 오프셋 각의 초기 값을 저장하는 단계

를 더 포함한다.

바람직하게, 상기 제1 위치 및 상기 제1 오프셋 각에 따라 현재 주기에서 대상의 제2 위치를 획득하는 단계는:

상기 현재 주기에서 대상의 제2 오프셋 각을 획득하기 위해, 상기 제1 오프셋 각을 증가시키는 단계;

상기 제2 오프셋 각에 따라 상기 대상의 위치 오프셋을 계산하는 단계; 및

상기 대상의 제1 위치 및 위치 오프셋에 따라 현재 주기에서의 상기 대상의 제2 위치를 계산하는 단계

를 포함한다.

바람직하게, 상기 제2 오프셋 각에 따라 상기 대상의 위치 오프셋을 계산하는 단계는:

이하에 도시된 식(1)을 사용하여 상기 제2 오프셋 각에 따라 상기 대상의 위치 오프셋을 계산하는 단계

를 포함하며,

상기 위치 오프셋은 수평 좌표 오프셋 및 수직 좌표 오프셋을 포함한다.

바람직하게, 식(1)에서, m은 수평 좌표 오프셋이고, n은 수직 좌표 오프셋이고, ρ는 대상의 사전설정된 밀도이고, r은 대상의 크기이며, 각은 제2 오프셋 각이다.

또한, 상기 대상의 제1 위치 및 위치 오프셋에 따라 현재 주기에서의 상기 대상의 제2 위치를 계산하는 단계 이후에, 상기 애니메이션 재생 방법은:

상기 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계에서, 상기 대상의 제1 위치 및 제1 오프셋 각을 상기 대상의 제2 위치 및 제2 오프셋 각으로 갱신하는 단계

를 더 포함한다.

또한, 상기 애니메이션 재생 방법은:

상기 제2 위치가 상기 웹페이지 내의 사전설정된 영역에 있지 않으면, 상기 사전설정된 영역의 길이 및 폭에 따라 상기 사전설정된 영역 내의 대상의 초기 위치를 결정하고, 상기 초기 위치에 따라 상기 사전설정된 영역에 상기 대상의 이미지를 드로잉하는 단계

를 더 포함한다.

또한, 상기 사전설정된 영역의 상부에서의 대상의 초기 위치를 결정하는 단계 이후에, 상기 애니메이션 재생 방법은:

상기 현재 주기에서의 상기 대상의 제2 오프셋 각을 획득하기 위해, 상기 제1 오프셋 각을 증가시키는 단계; 및

상기 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계에서, 상기 대상의 제1 위치 및 제1 오프셋 각을 상기 대상의 초기 위치 및 제2 오프셋 각으로 갱신하는 단계

를 더 포함한다.

본 발명의 이 실시예에서, 제1 주기에서 대상의 제1 위치 및 제1 오프셋 각이 획득되고, 상기 제1 주기는 현재 주기 이전이며, 상기 현재 주기에서 상기 대상의 제2 위치는 제1 위치 및 제1 오프셋 각에 따라 획득되며, 상기 대상의 이미지는 상기 제2 위치가 웹페이지 내의 사전설정된 영역 내에 있으면 제2 위치에 따라 웹페이지 내의 사전설정된 영역에서 드로잉된다. 단말은 제1 주기에서 대상의 제1 위치 및 제1 오프셋 각에 따라 현재 주기에서 대상의 제2 위치를 획득하고, 제2 위치에 따라 웹페이지 내의 사전설정된 영역 내의 대상의 이미지를 드로잉하며, 그러므로 사전설정된 영역 내의 대상의 이미지를 주기적으로 드로잉하는 방식으로, 사전설정된 영역에서 웹페이지의 용량을 증가시킴이 없이 현재 영역에서 애니메이션이 재생되며, 이에 의해 웹페이지 데이터를 획득하는 단말이 요구하는 트래픽을 감소시키고, 단말이 웹페이지를 획득하는 데 사용하는 시간을 단축시킨다.

실시예 2

본 발명의 이 실시예는 애니메이션 재생 방법을 제공한다.

본 발명의 이 실시예에서, 단말이 웹페이지를 표시할 때 단말은 주기에서 대상의 위치를 주기적으로 계산하고, 애니메이션을 재생하기 위해, 대상의 위치에 따라 웹페이지 내의 사전설정된 영역에 대상의 이미지를 드로잉한다.

도 2a을 참조하면, 애니메이션 재생 방법은 다음을 포함한다:

단계 201: 웹페이지가 표시되기 시작할 때 사전설정된 수의 연속적인 주기를 획득하고, 상기 웹페이지 내의 사전설정된 영역의 길이 및 폭에 따라, 각각의 획득된 주기에서의 상기 사전설정된 영역에 부가되는 대상의 수를 결정한다.

웹페이지 내의 사전설정된 영역은 애니메이션을 재생하기 위한 영역이고, 웹페이지에서 애니메이션 등을 재생하기 위한 캔버스 요소일 수 있다. 사전설정된 영역은 웹페이지의 상부, 하부, 왼쪽, 오른쪽 등에 위치할 수 있다. 예를 들어, 도 2b에 도시된 사전설정된 영역은 웹페이지의 상부에 있다. 웹페이지가 표시되기 시작한 후에 사전설정된 수의 연속적인 주기에서, 각각의 주기에서 사전설정된 영역에 대상이 부가되어 사전설정된 영역을 채우게 된다.

이 단계는: 웹페이지가 표시되기 시작할 때 웹페이지 내의 사전설정된 영역의 길이 및 폭을 획득하고, 그 획득된 길이 및 폭에 따라 사전설정된 영역의 구역을 계산하고, 대상의 사전설정된 밀도 및 사전설정된 영역의 계산된 구역에 따라, 대상의 사전설정된 밀도와 사전설정된 영역의 구역과의 적(product)을 계산하며, 상기 계산된 적을 상기 사전설정된 영역이 대상으로 채워질 때 대상의 총수(total number)로서 결정하는 단계; 사전설정되는 사전설정된 수의 연속적인 주기를 획득하는 단계; 및 대상의 계산된 총수 및 획득된 주기의 수에 따라 각각의 주기에서 새로 부가된 대상의 수를 계산하는 단계일 수 있다.

예를 들어, 본 발명의 이 실시예에서, 눈송이가 날리는 애니메이션이 재생되는 예를 사용하여 설명하며, 이 실시예에서, 대상은 눈송이이다. 도 2b에 도시된 웹페이지 내의 사전설정된 영역에 있어서, 사전설정된 영역의 길이 및 폭이 모두 10이고, 눈송이의 사전설정된 밀도는 0.1인 것으로 한다. 웹페이지가 표시될 때, 웹페이지 내의 사전설정된 영역의 10의 길이 및 10의 폭이 획득되고, 사전설정된 영역의 구역은 획득된 10의 길이 및 획득된 10의 폭에 따라 10이 되도록 계산되고, 눈송이의 0.1의 사전설정된 밀도와 사전설정된 영역의 100의 구역과의 적은, 눈송이의 0.1의 사전설정된 밀도 및 사전설정된 100의 계산된 구역에 따라 10이 되도록 계산되며, 계산된 10의 적은 사전설정된 영역이 눈송이로 채워질 때 눈송이의 총수로서 결정된다. 사전설정된 영역은 사전설정된 수의 연속적인 주기에서 눈송이로 채워지는 것으로 사전설정되어 있고, 사전설정된 수의 주기 5이고, 사전설정된 4개의 연속적인 주기가 획득되는 것으로 가정한다. 각각의 주기에서 새로 부가된 눈송이의 수는 눈송이의 계산된 총수 10 및 획득된 주기의 수 5에 따라 2가 되도록 계산된다.

단계 202: 획득된 주기가 도착할 때, 도착하는 주기에서 사전설정된 영역에 부가되는 대상의 수 및 사전설정된 영역의 폭에 따라, 사전설정된 영역 내의 각각의 부가된 대상의 초기 위치, 및 각각의 대상의 오프셋 각의 크기 및 초기 값을 결정하고, 각각의 대상에 식별자를 할당한다.

오프셋 각은 하나의 주기에서의 대상의 변위와 사전설정된 방향 간에 포함된 각이다. 예를 들어, 하나의 주기에서의 대상의 위치가 포인트 A에서 포인트 B로 변하면, 그 주기에서의 대상의 변위는 변위 AB이고, 사전설정된 방향은 우측으로의 수평 방향인 것으로 가정하고, 이때 그 주기에서의 대상의 오프셋 각은 변위 AB와 우측으로의 수평 방향 간에 포함된 각이다.

이 단계는 구체적으로: 획득된 주기가 도착할 때, 도착하는 주기에서 사전설정된 영역에 부가되는 대상의 수 및 사전설정된 영역의 획득된 폭에 따라 각각의 부가된 대상의 수평 좌표를 무작위로 설정하고, 사전설정된 영역의 각각의 대상의 초기 위치가 획득될 수 있도록 각각의 대상의 수직 좌표를 0에 설정하는 단계; 각각의 대상의 크기를 설정하는 단계 - 각각의 대상의 크기는 사전설정된 크기 범위 내에 있다 - ; 각각의 대상의 오프셋 각의 초기 값을 설정하는 단계 - 여기서 예를 들어, 각각의 대상의 오프셋 각의 초기 값은 0 또는 1이 되도록 설정될 수 있다 - ; 및 각각의 대상에 식별자를 할당하는 단계이다.

각각의 대상의 설정된 크기는 같을 수도 있고 같지 않을 수도 있다.

예를 들어, 획득된 주기가 도착할 때, 획득된 주기의 제1 주기가 도착하는 것으로 가정하면, 제1 주기에서 사전설정된 영역에 부가되는 눈송이의 수 2 및 사전설정된 영역의 10의 폭에 따라, 눈송이의 수평 좌표의 값이 무작위로 설정되고, 눈송이의 수직 좌표의 값이 0에 설정된다. 하나의 눈송이의 수평 좌표의 설정된 값이 1이면, 눈송이의 초기 위치 좌표는 (1, 0)이다. 다른 눈송이의 수평 좌표의 값이 5이면, 눈송이의 초기 위치 좌표는 (5, 0)이다. 3개의 상이한 반지름, 0.2, 0.4, 및 0.6이 설정되어 있는 것으로 가정하면, 이 3개의 사전설정된 반지름 중에서 하나의 반지름이 선택되고, 그 선택된 반지름이 0.4인 것으로 가정하면, 그 선택된 반지름 0.4는 2개의 부가된 눈송이의 반지름으로 사용된다. 2개의 눈송이의 오프셋 각의 초기 값이 0에 설정된다. 초기 위치 좌표가 (1, 0)인 눈송이에 식별자 001이 할당되고, 초기 위치 좌표가 (5, 0)인 눈송이에 식별자 002가 할당된다.

상기 주기와 마찬가지로, 다른 획득된 각각의 주기에 있어서, 전술한 동작이 수행되어, 사전설정된 영역 내의 각각의 대상의 초기 위치, 및 각각의 대상의 오프셋 각의 크기 및 초기 값을 결정하고, 각각의 대상의 식별자를 할당한다.

사전설정된 영역 내의 각각의 대상의 초기 위치, 및 각각의 대상의 오프셋 각의 크기 및 초기 값이 결정된 후, 도착하는 주기에서 웹페이지 내의 사전설정된 영역에 각각의 대상의 초기 이미지를 드로잉하는 단계 203의 동작이 수행된다.

단계 203: 사전설정된 영역 내의 각각의 대상의 초기 위치 및 각각의 대상의 크기에 따라, 웹페이지 내의 사전설정된 영역에 각각의 대상의 이미지를 드로잉한다.

예를 들어, 도 2c에 도시된 바와 같이, 사전설정된 영역 내의 눈송이 001의 초기 위치 (1, 0) 및 눈송이의 반경 0.4 및 사전설정된 영역 내의 눈송이 002의 초기 위치 (5, 0) 및 눈송이의 반경 0.4에 따라, 2개의 눈송이의 이미지가 웹페이지 내의 사전설정된 영역에 드로잉된다.

도착하는 주기에서의 웹페이지 내의 사전설정된 영역에 각각의 대상의 이미지가 드로잉된 후, 각각의 대상의 식별자, 초기 위치, 및 오프셋 각의 초기 값은 이하의 단계 204를 사용하여 저장된다.

단계 204: 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계로 각각의 대상의 식별자, 초기 위치, 및 오프셋 각의 초기 값을 저장한다.

예를 들어, 각각의 눈송이의 식별자, 초기 위치, 및 오프셋 각의 초기 값은 표 1에 나타난 식별자, 위치, 및 오프셋 각 사이의 대응관계로 저장된다.

눈송이의 식별자	위치	오프셋 각
001	(1, 0)	0
002	(5, 0)	0
	...	...

또한, 대상들의 크기가 다르면, 각각의 대상의 식별자와 크기 간의 대응관계가 추가로 저장되어야 된다.

상기 주기와 마찬가지로, 다른 획득된 각각의 주기에 있어서, 전술한 단계 202 내지 204의 동작이 수행되어, 각각의 획득된 주기가 도착할 때 사전설정된 영역 내의 각각의 부가된 대상의 초기 위치에 따라, 웹페이지 내의 사전설정된 영역 내의 각각의 부가된 대상의 이미지를 드로잉한다.

웹페이지가 표시된 후의 제2 주기로부터 시작해서, 주기가 도착할 때마다, 사전설정된 영역 내의 각각의 대상의 이미지가 다시 드로잉되어야 한다. 설명을 쉽게 하기 위해, 대상을 본 실시예에서의 설명을 위한 예로 사용하며, 이 대상과 마찬가지로, 이 대상을 제외한 사전설정된 영역 내의 다른 각각의 대상에 있어서, 이하의 단계 205 내지 210에서의 동작이 수행되어 각각의 대상의 이미지를 다시 드로잉한다.

단계 205: 제1 주기에서 대상의 초기 위치 및 제1 오프셋 각을 획득하며, 상기 제1 주기는 현재 주기 이전이다.

제1 주기는 현재 주기 전이고 현재 주기에 인접한다.

이 단계는 구체적으로: 사전설정된 영역으로부터 대상의 식별자를 획득하는 단계, 획득된 대상의 식별자에 따라 대상의 식별자, 위치, 및 오프셋 각 사이의 저장된 대응관계로부터 대응하는 위치 및 오프셋 각을 획득하는 단계, 및 획득된 위치 및 오프셋 각을 제1 주기에서의 대상의 제1 위치 및 제1 오프셋 각으로서 각각 결정하는 단계이다.

예를 들어, 눈송이의 식별자 001은 사전설정된 영역으로부터 획득되고, 대응하는 위치 (1, 0) 및 0의 오프셋 각은 눈송이의 획득된 식별자 001에 따라 표 1에 도시된 눈송이의 식별자, 위치, 및 오프셋 각 사이의 저장된 대응관계로부터 획득되고, 획득된 위치 (1,0) 및 0의 오프셋 각은 제1 주기에서의 눈송이의 제1 위치 및 제1 오프셋 각으로서 각각 결정된다.

단계 206: 제1 주기에서의 대상의 제1 위치 및 제1 오프셋 각에 따라 현재 주기에서의 대상의 제2 위치를 획득한다.

구체적으로, 오프셋 증가량은 사전설정되는데, 예를 들어, 오프셋 증가량은 0.01 또는 0.02일 수 있다. 사전설정된 오프셋 각 증가량은 제1 주기에서의 대상의 획득된 제1 오프셋 각에 부가되어 제1 오프셋 각을 증가시켜, 현재 주기에서의 대상의 제2 오프셋 각을 획득하며; 대상의 위치 오프셋은 이하에 도시된 식(1)을 사용함으로써 제2 오프셋 각에 따라 계산되며; 현재 주기에서의 대상의 제2 위치는 이하에 도시된 식(2)를 사용하여 대상의 제1 위치 및 위치 오프셋에 따라 계산된다:

여기서, 식(1)에서, m은 대상의 수평 좌표의 위치 오프셋이고, n은 대상의 수직 좌표의 위치 오프셋이고, ρ는 대상의 사전설정된 밀도이고, r은 대상의 크기이고, 각은 현재 주기에서 대상의 제2 오프셋 각이며,

... (2)

여기서, 식(2)에서, x는 현재 주기에서 대상의 제2 위치의 수평 좌표이고, x'은 제1 주기에서 대상의 제1 위치의 수평 좌표이고, y는 현재 주기에서 대상의 제2 위치의 수직 좌표이고, y'은 제1 주기에서 대상의 제1 위치의 수직 좌표이다.

예를 들어, 사전설정된 오프셋 각 증가량은 0.01이고, 눈송이의 사전설정된 밀도는 0.1이며, 눈송이의 반경은 0.4인 것으로 가정한다. 사전설정된 오프셋 각 증가량 0.01은 제1 주기에서의 눈송이의 0의 획득된 제1 오프셋 각에 부가되어 제1 오프셋 각을 증가시켜, 현재 주기에서의 눈송이의 0.01의 제2 오프셋 각을 획득하고, 눈송이의 수평 좌표의 위치 오프셋은 이하에 도시된 식(3)을 사용하여 제2 오프셋 각 0.01에 따라, 0.02가 되도록 계산되고, 눈송이의 수직 좌표의 위치 오프셋 값은 2.19가 되도록 계산되며; 현재 주기에서의 눈송이의 제2 위치는 이하에 도시된 식(4)을 사용하여, 눈송이의 수평 좌표의 제1 위치(1, 0), 위치 오프셋 0.02, 및 눈송이의 수직 좌표의 위치 오프셋 2.19에 따라 (1.02, 2.19)가 되도록 계산된다:

및

또한, 대상들의 크기가 다르면, 대상의 크기는 대상의 식별자에 따라 각각의 대상의 식별자와 크기 간의 저장된 대응관계로부터 획득되어야 하고, 현재 주기에서의 대상의 제2 위치는, 대상의 크기 및 제1 주기에서의 대상의 제1 위치 및 제1 오프셋 각에 따라 획득된다.

대상의 제2 위치가 획득된 후, 제2 위치의 수평 좌표 및 수직 좌표가 웹페이지 내의 사전설정된 영역의 길이 및 폭보다 각각 작은지가 판정되고, 예이면, 제2 위치가 웹페이지 내의 사전설정된 영역에 있는 것으로 판정되고, 웹페이지 내의 사전설정된 영역에 대상의 이미지를 드로잉하는 단계 207이 수행된다. 아니오이면, 제2 위치가 웹페이지 내의 사전설정된 영역에 없는 것으로 판정되고, 단계 209가 수행되어 사전설정된 영역의 상부에서 대상의 초기 위치를 결정하고, 이 초기 위치에 따라 대상의 이미지를 드로잉한다.

단계 207: 현재 주기에서의 대상의 제2 위치에 따라 웹페이지 내의 사전설정된 영역에 대상의 이미지를 드로잉한다.

구체적으로, 웹페이지 내의 사전설정된 영역 내의 대상의 이미지가 삭제되고, 그 대상의 이미지는 현재 주기에서의 대상의 제2 위치에 따라 사전설정된 영역에 드로잉된다.

예를 들어, 눈송이의 획득된 제2 위치는 (1.02, 2.19)이고, 제2 위치의 1.02의 수평 좌표는 사전설정된 영역의 10의 길이보다 작고, 2.19의 수직 좌표는 사전설정된 영역의 10의 폭보다 작으며; 제2 위치가 사전설정된 영역에 있다는 것으로 판정되고, 웹페이지 내의 사전설정된 영역 내의 눈송이의 이미지가 삭제되고, 이 눈송이의 이미지는 도 2d에 도시된 바와 같이, 현재 주기에서의 눈송이의 제2 위치 (1.02, 2.19)에 따라 사전설정된 영역에 드로잉된다.

대상의 이미지가 현재 주기에서의 대상의 제2 위치에 따라 웹페이지 내의 사전설정된 영역에 드로잉된 후, 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계로 대상의 위치 및 오프셋 각은 이하의 단계 208을 사용하여 갱신된다.

단계 208: 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계에서, 대상의 제1 위치 및 제1 오프셋 각을 대상의 제2 위치 및 제2 오프셋 각으로 갱신한다.

구체적으로, 대상의 식별자는 사전설정된 영역으로부터 획득되고, 대상의 제1 위치 및 제1 오프셋 각은 대상의 획득된 식별자에 따라 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계로부터 획득되며, 대상의 획득된 제1 위치는 대상의 제2 위치로 갱신되며, 대상의 획득된 제1 오프셋 각은 대상의 제2 오프셋 각으로 갱신된다.

예를 들어, 눈송이의 식별자 001은 사전설정된 영역으로부터 획득되고, 제1 위치 (1, 0) 및 눈송이의 0의 제1 오프셋 각은 눈송이의 획득된 식별자 001에 따라 표 1에 나타난 눈송이의 식별자, 위치, 및 오프셋 사이의 대응관계로부터 획득되며, 눈송이의 획득된 제1 위치 (1, 0)은 눈송이의 제2 위치 (1.02, 2.19)로 갱신되며, 눈송이의 0의 획득된 제1 오프셋 각은 도 2에 도시된 바와 같이, 눈송이의 0.01의 제2 오프셋 각으로 갱신된다.

눈송이의 식별자	위치	오프셋 각
001	(1.02, 2.19)	0.01
... ...	... ...	... ...

다음 주기가 도착할 때, 단계 205를 사용함으로써, 대상의 위치가 계산되고 대상의 이미지는 대상의 위치에 따라 웹페이지 내의 사전설정된 영역에 드로잉된다.

단계 209: 사전설정된 영역의 길이 및 폭에 따라 사전설정된 영역의 상부에서 대상의 초기 위치를 결정하고, 이 초기 위치에 따라 대상의 이미지를 드로잉한다.

구체적으로, 대상의 수평 좌표의 값은 대상의 결정된 수 및 사전설정된 영역의 획득된 폭에 따라 무작위로 설정되고, 대상의 수직 좌표의 값이 0에 설정되며, 사전설정된 영역의 상부에서 대상의 초기 위치는 수평 좌표의 설정된 값 및 수직 좌표의 설정된 값을 사용함으로써 형성된다. 웹페이지 내의 사전설정된 영역 내의 대상의 이미지가 삭제되고, 이 대상의 이미지는 사전설정된 영역의 상부에서의 대상의 초기 위치에 따라 사전설정된 영역에 드로잉된다.

또한, 사전설정된 영역의 상부에서 대상의 초기 위치가 판정된 후, 사전설정된 오프셋 각 증가량은 제1 주기에서의 대상의 획득된 제1 오프셋 각에 추가로 부가되어 제1 오프셋 각을 증가시켜, 현재 주기에서의 대상의 제2 오프셋 각을 획득한다.

예를 들어, 눈송이의 획득된 제2 위치가 (11, 9)인 것으로 가정하면, 이때 제2 위치의 11의 수평 좌표는 사전설정된 영역의 10의 길이보다 크고, 그러므로 제2 위치가 사전설정된 영역에 없는 것으로 판정된다. 눈송이의 수평 좌표의 값은 눈송이의 결정된 수 10 및 사전설정된 영역의 10의 획득된 길이에 따라 무작위로 설정되고, 눈송이의 수직 좌표의 값이 0에 설정되며; 눈송이의 수평 좌표의 설정된 값이 0인 것으로 가정하면, 사전설정된 영역의 상부에서 눈송이의 초기 위치 (3, 0)는 수평 좌표의 설정된 값 3 및 수직 좌표의 설정된 값 0을 사용함으로써 형성된다. 웹페이지 내의 사전설정된 영역 내의 눈송이의 이미지가 삭제되고, 그 눈송이의 이미지는 사전설정된 영역의 상부에서 눈송이의 초기 위치 (3, 0)에 따라 사전설정된 영역에 드로잉된다.

또한, 사전설정된 영역의 상부에서의 대상의 초기 위치가 판정된 후, 0.01의 사전설정된 오프셋 각 증가량 0.01은 제1 주기에서의 대상의 0의 획득된 제1 오프셋 각에 부가되어 제1 오프셋 각을 증가시켜, 현재 주기에서의 대상의 0.01의 제2 오프셋 각을 획득한다.

대상의 이미지가 대상의 초기 위치에 따라 웹페이지 내의 사전설정된 영역에 드로잉된 후, 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계에서 대상의 위치 및 오프셋 각은 이하의 단계 210을 사용함으로써 갱신된다.

단계 210: 대상의 식별자, 위치, 및 오프셋 사이의 대응관계에서, 대상의 제1 위치 및 제2 오프셋 각을 대상의 초기 위치 및 제2 오프셋 각으로 갱신한다.

구체적으로, 대상의 식별자는 사전설정된 영역으로부터 획득되고, 대상의 제1 위치 및 제1 오프셋 각은 대상의 획득된 식별자에 따라 대상의 식별자, 위치, 오프셋 각 사이의 대응관계로부터 획득되고, 대상의 획득된 제1 위치는 대상의 초기 위치로 갱신되고, 대상의 획득된 제1 오프셋 각은 대상의 제2 오프셋 각으로 갱신된다.

예를 들어, 눈송이의 식별자 001은 사전설정된 영역으로부터 획득되고, 제1 위치 (1, 0) 및 눈송이의 0의 오프셋 각은 눈송이의 획득된 식별자 001에 따라 표 1에 도시된 눈송이의 식별자, 위치, 및 오프셋 각 사이의 저장된 대응관계로부터 획득되고, 눈송이의 획득된 제1 위치 (1,0) 눈송이의 초기 위치 (3, 0)으로 갱신되고, 눈송이의 0의 획득된 제1 오프셋 각은 표 3에 도시된 바와 같이, 눈송이의 0.01의 제2 오프셋 각으로 갱신된다.

눈송이의 식별자	위치	오프셋 각
001	(3,0)	0.01
...	...	...

본 발명의 이 실시예에서, 현재 주기에서의 대상의 위치는 제1 주기에서의 대상의 위치 및 오프셋 각에 따라 결정되고, 그런 다음 사전설정된 영역 내의 대상이 삭제되고, 그 대상의 이미지는 현재 주기에서의 대상의 위치에 따라 다시 드로잉되어, 대상이 제1 주기에서의 위치로부터 현재 주기에서의 위치로 이동하는 애니메이션 비디오가 사전설정된 영역에 표시되고, 현재 주기에서의 대상의 위치는 주기적으로 계산되며, 대상의 이미지는 현재 주기에서의 대상의 위치에 따라 다시 드로잉되며, 이에 의해 웹페이지 내의 사전설정된 영역에서 애니메이션이 재생된다.

본 발명의 이 실시예에서, 제1 주기에서 대상의 제1 위치 및 제1 오프셋 각이 획득되고, 상기 제1 주기는 현재 주기 이전 이전이며; 현재 주기에서 대상의 제2 위치는 제1 위치 및 제1 오프셋 각에 따라 획득되며; 대상의 이미지는 제2 위치가 웹페이지 내의 사전설정된 영역에 있으면 제2 위치에 따라 웹페이지 내의 사전설정된 영역에 드로잉된다. 단말은 제1 주기에서의 대상의 제1 위치 및 제1 오프셋 각에 따라 현재 주기에서의 대상의 제2 위치를 획득하고, 제2 위치에 따라 웹페이지 내의 사전설정된 영역에 대상의 이미지를 드로잉하며; 그러므로 사전설정된 영역 내의 대상의 이미지를 주기적으로 드로잉하는 방식으로, 웹페이지의 용량을 증가시킴이 없이 사전설정된 영역에서 애니메이션이 재생되며, 이에 의해 웹페이지 데이터를 획득하는 단말이 요구하는 트래픽을 감소시키고, 단말이 웹페이지를 획득하는 데 사용하는 시간을 단축시킨다.

실시예 3

도 3을 참조하면, 본 발명의 이 실시예는 애니메이션 재생 장치를 제공하며, 상기 장치는:

제1 주기에서 대상의 제1 위치 및 제1 오프셋 각을 획득하도록 구성되어 있는 제1 획득 모듈(301) - 상기 제1 주기는 현재 주기 이전임 - ;

상기 제1 획득 모듈(301)에 의해 획득되는 상기 제1 위치 및 상기 제1 오프셋 각에 따라 현재 주기에서 대상의 제2 위치를 획득하도록 구성되어 있는 제2 획득 모듈(302); 및

상기 제2 획득 모듈(302)에 의해 획득된 제2 위치가 웹페이지 내의 사전설정된 영역에 있으면 상기 제2 위치에 따라 웹페이지 내의 사전설정된 영역에 대상의 이미지를 드로잉하도록 구성되어 있는 제1 드로잉 모듈(303)

을 포함한다.

상기 제1 획득 모듈(301)은:

상기 대상의 식별자에 따라 상기 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계로부터 대응하는 위치 및 오프셋 각을 획득하도록 구성되어 있는 획득 유닛; 및

상기 획득 유닛에 의해 획득되는 위치 및 오프셋 각을 상기 제1 주기에서 대상의 제1 위치 및 제1 오프셋 각으로 각각 결정하도록 구성되어 있는 결정 유닛

을 포함한다.

또한, 상기 장치는:

상기 웹페이지가 표시되기 시작할 때 사전설정된 수의 연속적인 주기를 획득하고, 상기 웹페이지 내의 사전설정된 영역의 길이 및 폭에 따라, 각각의 획득된 주기에서의 상기 사전설정된 영역에 부가되는 대상의 수를 결정하도록 구성되어 있는 제1 결정 모듈;

획득된 주기가 도착할 때, 도착하는 주기에서 사전설정된 영역에 부가되는 대상의 수 및 사전설정된 영역의 폭에 따라, 상기 사전설정된 영역 내의 각각의 부가된 대상의 초기 위치 및 각각의 대상의 오프셋 각의 크기 및 초기 값을 결정하며, 각각의 대상에 식별자를 할당하도록 구성되어 있는 제2 결정 모듈;

상기 제2 결정 모듈에 의해 결정되는, 각각의 대상의 초기 위치 및 크기에 따라 상기 사전설정된 영역에 각각의 대상의 이미지를 드로잉하도록 구성되어 있는 제2 드로잉 모듈: 및

상기 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계에서, 상기 결정 모듈에 의해 결정되는 상기 각각의 대상의 식별자, 초기 위치, 및 오프셋 각의 초기 값을 저장하도록 구성되어 있는 저장 모듈

을 더 포함한다.

상기 제2 획득 모듈(302)은:

상기 현재 주기에서 대상의 제2 오프셋 각을 획득하기 위해, 상기 제1 오프셋 각을 증가시키도록 구성되어 있는 증가 유닛;

상기 증가 유닛에 의해 획득된 제2 오프셋 각에 따라 상기 대상의 위치 오프셋을 계산하도록 구성되어 있는 제1 계산 유닛; 및

상기 제1 계산 유닛에 의해 계산되는 대상의 제1 위치 및 위치 오프셋에 따라 현재 주기에서 상기 대상의 제2 위치를 계산하도록 구성되어 있는 제2 계산 유닛

을 포함한다.

상기 제1 계산 유닛은, 이하에 도시된 식(1)을 사용하여 상기 제2 오프셋 각에 따라 상기 대상의 위치 오프셋을 계산하도록 구성되어 있으며,

여기서, 식(1)에서, m은 대상의 수평 좌표의 위치 오프셋이고, n은 대상의 수직 좌표의 위치 오프셋이고, ρ는 대상의 사전설정된 밀도이고, r은 대상의 크기이며, 각은 제2 오프셋 각이다.

상기 제2 획득 모듈(302)은, 상기 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계에서, 상기 대상의 제1 위치 및 제1 오프셋 각을 상기 대상의 제2 위치 및 제2 오프셋 각으로 갱신하도록 추가로 구성되어 있다.

또한, 장치는, 상기 제2 위치가 상기 웹페이지 내의 사전설정된 영역에 있지 않으면, 상기 사전설정된 영역의 길이 및 폭에 따라 상기 사전설정된 영역 내의 대상의 초기 위치를 결정하고, 상기 초기 위치에 따라 상기 사전설정된 영역에 상기 대상의 이미지를 드로잉하도록 추가로 구성되어 있다.

또한, 장치는:

상기 현재 주기에서 상기 대상의 제2 오프셋 각을 획득하기 위해, 상기 제1 오프셋 각을 증가시키도록 구성되어 있는 증가 모듈; 및

상기 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계에서, 상기 대상의 제1 위치 및 제1 오프셋 각을 상기 대상의 초기 위치 및 제2 오프셋 각으로 갱신하도록 구성되어 있는 갱신 모듈

을 더 포함한다.

아래와 같이 개시된 방법은 하나 이상의 프로세서 및 메모리를 가지는 임의의 적절한 컴퓨팅 장치에 의해 실행될 수 있다. 여기서 사용되는 컴퓨팅 장치는 소정의 컴퓨팅 성능(예를 들어, 미디어 데이터를 일정한 속도로 위치시키도록 제어하는 성능)을 가지는 임의의 적절한 장치일 수 있으며, 예를 들어, 퍼스널 컴퓨터(PC), 워크 스테이션 컴퓨터, 휴대형 컴퓨팅 장치(태블릿), 이동 단말(이동 전화 또는 스마트폰), 서버, 네트워크 서버, 스마트 단말, 또는 임의의 다른 사용자 측 또는 서버 측 컴퓨팅 장치일 수 있다. 메모리는 저장 매체를 포함하며, 이 저장 매체는 메모리 모듈, 예를 들어, 리드-온리 메모리(Read-Only Memory, ROM), 랜덤 액세스 메모리(Random Access Memory, RAM), 및 플래시 메모리 모듈, 예를 들어, CD-ROM, U-디스크, 탈착 가능형 하드디스크 등을 더 포함할 수 있으며, 이것들은 모두 비휘발성 저장 매체이다. 저장 매체는 프로세서에 의해 실행될 때 다양한 프로세스를 실행하는 컴퓨터 프로그램을 저장할 수 있다.

당업자라면 전술한 실시예의 단계 중 일부 또는 전부는 하드웨어를 사용하여 실행될 수 있거나, 관련 하드웨어에 명령을 내리는 프로그램에 의해 실행될 수 있다는 것을 이해할 수 있을 것이다. 프로그램은 컴퓨터가 판독 가능한 저장 매체에 저장될 수 있다. 저장 매체는 리드-온리 메모리, 자기디스크, 광디스크 등이 될 수 있다.

전술한 상세한 설명은 단지 본 발명의 예시적 실시예에 지나지 않으며, 본 발명의 보호 범위를 제한하려는 것이 아님은 물론이다. 창조적 노력 없이 당업자에 의해 이루어지는 어떠한 변형, 등가의 대체, 또는 개선이라도 본 발명의 보호 범위 내에 있게 된다.

Claims

애니메이션 재생 방법으로서,
하나 이상의 프로세서 및 상기 하나 이상의 프로세서에 의해 실행되는 프로그램을 저장하는 메모리를 구비하는 컴퓨팅 장치에서,
제1 주기에서 대상(object)의 제1 위치 및 제1 오프셋 각을 획득하는 단계 - 상기 제1 주기는 현재 주기 이전임 - ;
상기 제1 위치 및 상기 제1 오프셋 각에 따라 현재 주기에서 대상의 제2 위치를 획득하는 단계; 및
상기 제2 위치가 웹페이지 내의 사전설정된 영역에 있으면 상기 제2 위치에 따라 웹페이지 내의 사전설정된 영역에 대상의 이미지를 드로잉하는 단계
를 포함하는 애니메이션 재생 방법.
제1항에 있어서,
상기 제1 주기에서 대상의 제1 위치 및 제1 오프셋 각을 획득하는 단계는,
상기 대상의 식별자에 따라 상기 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계로부터 대응하는 위치 및 오프셋 각을 획득하는 단계; 및
상기 획득된 위치 오프셋 각을 상기 제1 주기에서 대상의 제1 위치 및 제1 오프셋 각으로 각각 결정하는 단계
를 포함하는, 애니메이션 재생 방법.
제1항에 있어서,
상기 제1 주기에서 대상의 제1 위치 및 제1 오프셋 각을 획득하는 단계 이전에,
상기 웹페이지가 표시되기 시작할 때 사전설정된 수의 연속적인 주기를 획득하고, 상기 웹페이지 내의 사전설정된 영역의 길이 및 폭에 따라, 각각의 획득된 주기에서의 상기 사전설정된 영역에 부가되는 대상의 수를 결정하는 단계;
획득된 주기가 도착할 때, 도착하는 주기에서 사전설정된 영역에 부가되는 대상의 수 및 사전설정된 영역의 폭에 따라, 상기 사전설정된 영역 내의 각각의 부가된 대상의 초기 위치 및 각각의 대상의 오프셋 각의 크기 및 초기 값을 결정하며, 각각의 대상에 식별자를 할당하는 단계;
상기 각각의 대상의 초기 위치 및 크기에 따라 상기 사전설정된 영역에 각각의 대상의 이미지를 드로잉하는 단계; 및
상기 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계로 상기 각각의 대상의 식별자, 초기 위치, 및 오프셋 각의 초기 값을 저장하는 단계
를 더 포함하는 애니메이션 재생 방법.
제1항에 있어서,
상기 제1 위치 및 상기 제1 오프셋 각에 따라 현재 주기에서 대상의 제2 위치를 획득하는 단계는,
상기 현재 주기에서 대상의 제2 오프셋 각을 획득하기 위해, 상기 제1 오프셋 각을 증가시키는 단계;
상기 제2 오프셋 각에 따라 상기 대상의 위치 오프셋을 계산하는 단계; 및
상기 대상의 제1 위치 및 위치 오프셋에 따라 현재 주기에서의 상기 대상의 제2 위치를 계산하는 단계
를 포함하는, 애니메이션 재생 방법.
제4항에 있어서,
상기 제2 오프셋 각에 따라 상기 대상의 위치 오프셋을 계산하는 단계는,
이하에 도시된 식(1)을 사용하여 상기 제2 오프셋 각에 따라 상기 대상의 위치 오프셋을 계산하는 단계

를 포함하며,
상기 위치 오프셋은 수평 좌표 오프셋 및 수직 좌표 오프셋을 포함하며,
식(1)에서, m은 수평 좌표 오프셋이고, n은 수직 좌표 오프셋이고, ρ는 대상의 사전설정된 밀도이고, r은 대상의 크기이며, 각은 제2 오프셋 각인, 애니메이션 재생 방법.
제4항에 있어서,
상기 대상의 제1 위치 및 위치 오프셋에 따라 현재 주기에서의 상기 대상의 제2 위치를 계산하는 단계 이후에,
상기 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계에서, 상기 대상의 제1 위치 및 제1 오프셋 각을 상기 대상의 제2 위치 및 제2 오프셋 각으로 갱신하는 단계
를 더 포함하는, 애니메이션 재생 방법.
제1항 내지 제6항 중 어느 한 항에 있어서,
상기 제2 위치가 상기 웹페이지 내의 사전설정된 영역에 있지 않으면, 상기 사전설정된 영역의 길이 및 폭에 따라 상기 사전설정된 영역 내의 대상의 초기 위치를 결정하고, 상기 초기 위치에 따라 상기 사전설정된 영역에 상기 대상의 이미지를 드로잉하는 단계
를 더 포함하는 애니메이션 재생 방법.
제7항에 있어서,
상기 사전설정된 영역 내의 대상의 초기 위치를 결정하는 것은,
상기 사전설정된 영역의 상부에 대상의 초기 위치를 결정하는 단계
를 포함하며,
상기 애니메이션 재생 방법은,
상기 현재 주기에서의 상기 대상의 제2 오프셋 각을 획득하기 위해, 상기 제1 오프셋 각을 증가시키는 단계; 및
상기 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계에서, 상기 대상의 제1 위치 및 제1 오프셋 각을 상기 대상의 초기 위치 및 제2 오프셋 각으로 갱신하는 단계
를 더 포함하는 애니메이션 재생 방법.
애니메이션 재생 장치로서,
하나 이상의 프로세서;
메모리; 및
상기 메모리에 저장되어 있고 상기 하나 이상의 프로세서에 의해 실행되는 하나 이상의 프로그램 모듈
을 포함하며,
상기 하나 이상의 프로그램 모듈은,
제1 주기에서 대상의 제1 위치 및 제1 오프셋 각을 획득하도록 구성되어 있는 제1 획득 모듈 - 상기 제1 주기는 현재 주기 이전임 - ;
상기 제1 획득 모듈에 의해 획득되는 상기 제1 위치 및 상기 제1 오프셋 각에 따라 현재 주기에서 대상의 제2 위치를 획득하도록 구성되어 있는 제2 획득 모듈; 및
상기 제2 획득 모듈에 의해 획득된 제2 위치가 웹페이지 내의 사전설정된 영역에 있으면 상기 제2 위치에 따라 웹페이지 내의 사전설정된 영역에 대상의 이미지를 드로잉하도록 구성되어 있는 제1 드로잉 모듈
을 포함하는, 애니메이션 재생 장치.
제9항에 있어서,
상기 제1 획득 모듈은,
상기 대상의 식별자에 따라 상기 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계로부터 대응하는 위치 및 오프셋 각을 획득하도록 구성되어 있는 획득 유닛; 및
상기 획득 유닛에 의해 획득되는 위치 및 오프셋 각을 상기 제1 주기에서 대상의 제1 위치 및 제1 오프셋 각으로 각각 결정하도록 구성되어 있는 결정 유닛
을 포함하는, 애니메이션 재생 장치.
제9항에 있어서,
상기 웹페이지가 표시되기 시작할 때 사전설정된 수의 연속적인 주기를 획득하고, 상기 웹페이지 내의 사전설정된 영역의 길이 및 폭에 따라, 각각의 획득된 주기에서의 상기 사전설정된 영역에 부가되는 대상의 수를 결정하도록 구성되어 있는 제1 결정 모듈;
획득된 주기가 도착할 때, 도착하는 주기에서 사전설정된 영역에 부가되는 대상의 수 및 사전설정된 영역의 폭에 따라, 상기 사전설정된 영역 내의 각각의 부가된 대상의 초기 위치 및 각각의 대상의 오프셋 각의 크기 및 초기 값을 결정하며, 각각의 대상에 식별자를 할당하도록 구성되어 있는 제2 결정 모듈;
상기 제2 결정 모듈에 의해 결정되는, 각각의 대상의 초기 위치 및 크기에 따라 상기 사전설정된 영역에 각각의 대상의 이미지를 드로잉하도록 구성되어 있는 제2 드로잉 모듈: 및
상기 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계에서, 상기 결정 모듈에 의해 결정되는 상기 각각의 대상의 식별자, 초기 위치, 및 오프셋 각의 초기 값을 저장하도록 구성되어 있는 저장 모듈
을 더 포함하는 애니메이션 재생 장치.
제9항에 있어서,
상기 제2 획득 모듈은,
상기 현재 주기에서 대상의 제2 오프셋 각을 획득하기 위해, 상기 제1 오프셋 각을 증가시키도록 구성되어 있는 증가 유닛;
상기 증가 유닛에 의해 획득된 제2 오프셋 각에 따라 상기 대상의 위치 오프셋을 계산하도록 구성되어 있는 제1 계산 유닛; 및
상기 제1 계산 유닛에 의해 계산되는 대상의 제1 위치 및 위치 오프셋에 따라 현재 주기에서 상기 대상의 제2 위치를 계산하도록 구성되어 있는 제2 계산 유닛
을 포함하는, 애니메이션 재생 장치.
제12항에 있어서,
상기 제1 계산 유닛은, 이하에 도시된 식(1)을 사용하여 상기 제2 오프셋 각에 따라 상기 대상의 위치 오프셋을 계산하도록 구성되어 있으며,

식(1)에서, m은 대상의 수평 좌표의 위치 오프셋이고, n은 대상의 수직 좌표의 위치 오프셋이고, ρ는 대상의 사전설정된 밀도이고, r은 대상의 크기이며, 각은 제2 오프셋 각인, 애니메이션 재생 장치.
제12항에 있어서,
상기 제2 획득 모듈은, 상기 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계에서, 상기 대상의 제1 위치 및 제1 오프셋 각을 상기 대상의 제2 위치 및 제2 오프셋 각으로 갱신하도록 추가로 구성되어 있는, 애니메이션 재생 장치.
제9항 내지 제14항 중 어느 한 항에 있어서,
상기 제2 위치가 상기 웹페이지 내의 사전설정된 영역에 있지 않으면, 상기 사전설정된 영역의 길이 및 폭에 따라 상기 사전설정된 영역 내의 대상의 초기 위치를 결정하고, 상기 초기 위치에 따라 상기 사전설정된 영역에 상기 대상의 이미지를 드로잉하도록 추가로 구성되어 있는, 애니메이션 재생 장치.
제15항에 있어서,
상기 현재 주기에서 상기 대상의 제2 오프셋 각을 획득하기 위해, 상기 제1 오프셋 각을 증가시키도록 구성되어 있는 증가 모듈; 및
상기 대상의 식별자, 위치, 및 오프셋 각 사이의 대응관계에서, 상기 대상의 제1 위치 및 제1 오프셋 각을 상기 대상의 초기 위치 및 제2 오프셋 각으로 갱신하도록 구성되어 있는 갱신 모듈
을 더 포함하는 애니메이션 재생 장치.
하나 이상의 명령이 저장되어 있는 비일시적 컴퓨터 판독 가능형 저장 매체로서,
상기 하나 이상의 명령은, 컴퓨팅 장치에 의해 실행될 때, 상기 컴퓨팅 장치로 하여금,
제1 주기에서 대상의 제1 위치 및 제1 오프셋 각을 획득하고 - 상기 제1 주기는 현재 주기 이전임 - ;
상기 제1 위치 및 상기 제1 오프셋 각에 따라 현재 주기에서 대상의 제2 위치를 획득하며; 그리고
상기 제2 위치가 웹페이지 내의 사전설정된 영역에 있으면 상기 제2 위치에 따라 웹페이지 내의 사전설정된 영역에 대상의 이미지를 드로잉하게 하는,
비일시적 컴퓨터 판독 가능형 저장 매체.