JP2017507403A

JP2017507403A - アニメーション再生の方法および装置

Info

Publication number: JP2017507403A
Application number: JP2016544825A
Authority: JP
Inventors: ロンリン・シアン
Original assignee: テンセント・テクノロジー・（シェンジェン）・カンパニー・リミテッド
Priority date: 2014-02-25
Filing date: 2015-02-13
Publication date: 2017-03-16
Also published as: WO2015127871A1; US9972118B2; KR20160092010A; CN104866506A; KR101847516B1; US20160300380A1; CN104866506B

Abstract

本開示はアニメーション再生の方法および装置を開示し、コンピュータ技術の分野に関する。この方法は、あるオブジェクトの、現在の期間より前の第1の期間内の第1の位置および第1のオフセット角を取得するステップと、第1の位置および第1のオフセット角に従ってオブジェクトの現在の期間内の第2の位置を取得するステップと、第2の位置がウェブページの所定領域内であれば、第2の位置に従ってウェブページ内の所定領域にオブジェクトの画像を描画するステップとを含む。この装置は、第1の取得モジュール、第2の取得モジュール、および第1の描画モジュールを含む。本開示は、端末がウェブページデータを読み込むために必要なトラフィックを減少させ、端末がウェブページデータを読み込むために使用する時間を短縮することができる。

Description

本開示はコンピュータ技術の分野に関し、特にアニメーション再生の方法および装置に関する。

ウェブページを装飾するために、プログラマはウェブページ装飾用のアニメーションファイルをウェブページデータに設定し、端末がウェブページを表示するときに、ウェブページの一領域にそのアニメーションファイルを再生する。例えば、端末がウェブページの上部領域に、雪片が降る様子のアニメーション、木の葉が落ちる様子のアニメーションなどを再生する。

現在、アニメーションファイルは画像フレームにより形成され、これらの画像はすべて技術者によって描かれる。例えば雪片が降る様子のアニメーションでは、技術者は等速運動または単純な非直線運動などの運動モードに従い、計算を通して各時点の雪片の位置を得、各時点の雪片の位置に従って、各時点に対応する画像フレームを個別に描画し、各画像フレームを時系列に沿ってまとめることによって雪片が降る様子のアニメーションファイルを形成し、次に、そのアニメーションファイルをウェブページデータに組み込む。端末はウェブページを表示するときに、ウェブページの上部領域に雪片が降る様子のアニメーションを再生してもよい。

発明者が本開示を実装した際に、既存の技術が少なくとも下記の問題を有することが判明した。

ウェブページデータ内のアニメーションファイルは複数の画像を含み、それらの画像は大きな容量を占有する。その結果、端末がウェブページデータを読み込むときに消費するトラフィックが大きくなり、端末がウェブページデータを読み込むために使用する時間が長くなる。

端末がウェブページデータを読み込むために必要なトラフィックを減少させ、端末がウェブページデータを読み込むために使用する時間を短縮するために、本開示はアニメーション再生の方法および装置を提供する。その技術的解決策は下記のとおりである。

アニメーション再生方法が、
1つまたは複数のプロセッサおよび、その1つまたは複数のプロセッサによって実行されるプログラムを記憶するメモリを有するコンピューティングデバイスにおいて、
あるオブジェクトの、現在の期間より前の第1の期間内の第1の位置および第1のオフセット角を取得するステップと、
第1の位置および第1のオフセット角に従って、オブジェクトの現在の期間内の第2の位置を取得するステップと、
第2の位置がウェブページの所定領域内であれば、第2の位置に従ってウェブページ内の所定領域にオブジェクトの画像を描画するステップと
を含む。

アニメーション再生装置が、1つまたは複数のプロセッサと、メモリと、そのメモリに記憶されてその1つまたは複数のプロセッサによって実行される1つまたは複数のプログラムモジュールとを含み、その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の位置および第1のオフセット角に従って、オブジェクトの現在の期間内の第2の位置が取得され、第2の位置がウェブページの所定領域内であれば、第2の位置に従ってウェブページ内の所定領域にオブジェクトの画像が描画される。ある端末が、第1の期間内のオブジェクトの第1の位置および第1のオフセット角に従って現在の期間内のオブジェクトの第2の位置を取得し、第2の位置に従って、ウェブページの所定領域にオブジェクトの画像を描画する。したがって、オブジェクトの画像を周期的に所定領域に描画するそのような方法では、ウェブページの容量を増加させることなく所定領域にアニメーションが再生され、それにより端末がウェブページデータを読み込むために必要なトラフィックが減少し、端末がウェブページデータを読み込むために使用する時間が短縮される。

本発明の実施形態1によるアニメーション再生方法のフローチャートを示す図である。本発明の実施形態2によるアニメーション再生方法のフローチャートを示す図である。本発明の実施形態2による所定領域の第1の概略図である。本発明の実施形態2による所定領域の第2の概略図である。本発明の実施形態2による所定領域の第3の概略図である。本発明の実施形態3によるアニメーション再生装置の概略構造図である。

本開示の目標、技術的解決手段および利点をさらに明確に示すために、本発明の実施形態について添付図面を参照しながら下記にさらに詳細に説明する。

実施形態1
図1を参照すると、本発明のこの実施形態は、下記のステップを含むアニメーション再生方法を提供する。

ステップ101:あるオブジェクトの、現在の期間より前の第1の期間内の第1の位置および第1のオフセット角を取得する。

ステップ102:第1の位置および第1のオフセット角に従って、オブジェクトの現在の期間内の第2の位置を取得する。

ステップ103:第2の位置がウェブページの所定領域内であれば、第2の位置に従ってウェブページ内の所定領域にオブジェクトの画像を描画する。

好ましくは、第1の期間内の、あるオブジェクトの第1の位置および第1のオフセット角を取得するステップは、
オブジェクトの識別子に従って、オブジェクトの識別子、位置、およびオフセット角の対応関係から対応する位置およびオフセット角を取得するステップと、
取得された位置およびオフセット角をそれぞれ、第1の期間内のオブジェクトの第1の位置および第1のオフセット角として決定するステップとを含む。

さらに、第1の期間内のオブジェクトの第1の位置および第1のオフセット角を取得するステップの前に、方法は、
ウェブページの表示が開始したときに、連続した所定数の期間を取得し、ウェブページ内の所定領域の長さおよび幅に従って、取得された各期間内に所定領域に追加されるオブジェクトの数を決定するステップと、
取得された期間が到来したときに、到来した期間内に所定領域に追加されるオブジェクトの数および所定領域の幅に従って、所定領域に追加される各オブジェクトの初期位置ならびに、各オブジェクトのサイズおよびオフセット角の初期値を決定し、各オブジェクトに識別子を割り当てるステップと、
各オブジェクトの初期位置およびサイズに従って所定領域に各オブジェクトの画像を描画するステップと、
各オブジェクトの識別子、初期位置、およびオフセット角の初期値を、そのオブジェクトの識別子、位置、およびオフセット角の対応関係に記憶させるステップとを含む。

好ましくは、第1の位置および第1のオフセット角に従って、オブジェクトの現在の期間内の第2の位置を取得するステップは、
第1のオフセット角を拡大させて、オブジェクトの現在の期間内の第2のオフセット角を得るステップと、
第2のオフセット角に従ってオブジェクトの位置オフセットを計算するステップと、
オブジェクトの第1の位置および位置オフセットに従って、オブジェクトの現在の期間内の第2の位置を計算するステップとを含む。

好ましくは、第2のオフセット角に従ってオブジェクトの位置オフセットを計算するステップは、
第2のオフセット角に従い、下記の式(1)を使用してオブジェクトの位置オフセットを計算するステップを含み、ここで位置オフセットは水平座標オフセットおよび垂直座標オフセットを含む。

好ましくは、式(1)において、mは水平座標オフセット、nは垂直座標オフセット、ρはオブジェクトの所定濃度、rはオブジェクトのサイズ、angleは第2のオフセット角である。

さらに方法は、オブジェクトの第1の位置および位置オフセットに従って現在の期間内のオブジェクトの第2の位置を計算するステップの後に、
オブジェクトの識別子、位置、およびオフセット角の対応関係の中のオブジェクトの第1の位置および第1のオフセット角を、オブジェクトの第2の位置および第2のオフセット角に更新するステップをさらに含む。

さらに方法は、
第2の位置がウェブページの所定領域内でなければ、所定領域の長さおよび幅に従って所定領域内のオブジェクトの初期位置を決定し、初期位置に従って所定領域にオブジェクトの画像を描画するステップをさらに含む。

さらに方法は、所定領域の最上部のオブジェクトの初期位置を決定するステップの後に、
第1のオフセット角を拡大させて、現在の期間内のオブジェクトの第2のオフセット角を得るステップと、
オブジェクトの識別子、位置、およびオフセット角の対応関係の中のオブジェクトの第1の位置および第1のオフセット角を、オブジェクトの初期位置および第2のオフセット角に更新するステップをさらに含む。

本発明のこの実施形態において、現在の期間より前の第1の期間内の、あるオブジェクトの第1の位置および第1のオフセット角が取得され、第1の位置および第1のオフセット角に従ってオブジェクトの現在の期間内の第2の位置が取得され、第2の位置がウェブページの所定領域内であれば、第2の位置に従ってウェブページ内の所定領域にオブジェクトの画像が描画される。ある端末が、第1の期間内のオブジェクトの第1の位置および第1のオフセット角に従って現在の期間内のオブジェクトの第2の位置を取得し、第2の位置に従って、ウェブページの所定領域にオブジェクトの画像を描画する。したがって、オブジェクトの画像を周期的に所定領域に描画するそのような方法では、ウェブページデータの容量を増加させることなく所定領域にアニメーションが再生され、それにより端末がウェブページデータを読み込むために必要なトラフィックが減少し、端末がウェブページデータを読み込むために使用する時間が短縮される。

実施形態2
本発明のこの実施形態は、アニメーション再生方法を提供する。

本発明のこの実施形態において、ある端末がウェブページを表示するときにアニメーションを再生するために、ある期間内のオブジェクトの位置を端末が周期的に計算し、オブジェクトの位置に従ってウェブページの所定領域にオブジェクトの画像を描画する。

図2-1を参照すると、この方法は下記のステップを含む。

ステップ201:ウェブページの表示が開始したときに、連続した所定数の期間を取得し、ウェブページ内の所定領域の長さおよび幅に従って、取得された各期間内に所定領域に追加されるオブジェクトの数を決定する。

ウェブページ内の所定領域はアニメーションを再生するための領域であり、アニメーションなどを再生するためのウェブページ内のキャンバス要素であってもよい。所定領域は、ウェブページの上部、底部、左側、右側などに配置されてもよい。例えば、図2-2に示される所定領域は、ウェブページの上部にある。ウェブページの表示が開始された後に続く連続した所定数の期間において、あるオブジェクトが各期間内に所定領域に追加されて、所定領域を埋める。

このステップは、ウェブページの表示が開始したときにウェブページ内の所定領域の長さおよび幅を取得し、取得された長さと幅に従って所定領域の面積を計算し、オブジェクトの所定濃度および所定領域の面積の計算値に従ってオブジェクトの所定濃度と所定領域の面積の積を計算し、積の計算値を、所定領域がオブジェクトで埋め尽くされたときのオブジェクトの総数として決定し、連続した所定数の所定の期間を取得し、オブジェクトの総数の計算値および取得された期間の数に従って各期間に新しく追加されるオブジェクトの数を計算するステップであってもよい。

例えば、本発明のこの実施形態では説明のために、雪片が降る様子のアニメーションが再生される例を使用し、この例ではオブジェクトは雪片である。図2-2に示されるウェブページ内の所定領域について、所定領域の長さおよび幅はどちらも10と仮定され、雪片の所定濃度は0.1である。ウェブページが表示されるとき、ウェブページ内の所定領域の長さ10および幅10が取得され、取得された長さ10および取得された幅10に従って所定領域の面積が100と計算され、雪片の所定濃度0.1および所定領域の面積の計算値100に従って、雪片の所定濃度0.1と所定領域の面積100の積が10と計算され、積の計算値10が、所定領域が雪片で埋め尽くされたときの雪片の総数として決定される。所定領域は連続した所定数の期間内に雪片で埋め尽くされると予め設定されており、期間の所定数は5と仮定され、所定数の5つの連続する期間が取得される。雪片の総数の計算値10および取得された期間の数5に従って、各期間内に新たに追加される雪片の数が2と計算される。

ステップ202:取得された期間が到来したときに、到来した期間内に所定領域に追加されるオブジェクトの数および所定領域の幅に従って、所定領域に追加される各オブジェクトの初期位置ならびに、各オブジェクトのサイズおよびオフセット角の初期値を決定し、各オブジェクトに識別子を割り当てる。

オフセット角とは、ある期間内のオブジェクトの変位と所定方向との間の挟角である。例えば、ある期間内のオブジェクトの位置が点Aから点Bに変化するなら、その期間内のオブジェクトの変位は変位ABであり、所定方向を右水平方向と仮定すれば、その期間内のオブジェクトのオフセット角は変位ABと右水平方向との間の挟角である。

このステップは具体的には、取得された期間が到来したときに、到来したその期間内に所定領域に追加されるオブジェクトの数および取得された所定領域の幅に従って、追加される各オブジェクトの水平座標をランダムに設定し、各オブジェクトの垂直座標をゼロに設定して、所定領域内の各オブジェクトの初期位置が得られるようにするステップと、各オブジェクトのサイズが所定のサイズ範囲内になるようにして各オブジェクトのサイズを設定するステップと、各オブジェクトのオフセット角の初期値を、例えば各オブジェクトのオフセット角の初期値が0または1に設定されるように設定するステップと、各オブジェクトに識別子を割り当てるステップである。

各オブジェクトに設定されるサイズは等しくてもよいし、等しくなくてもよい。

例えば、取得された期間が到来したとき、取得された期間のうち第1の期間が到来すると、その第1の期間内に所定領域に追加される雪片の数2および所定領域の幅10に従って、雪片の水平座標の値がランダムに設定され、雪片の垂直座標の値がゼロに設定されると仮定する。ある雪片の水平座標の設定値が1であれば、その雪片の初期位置の座標は(1,0)である。別の雪片の水平座標の設定値が5であれば、その雪片の初期位置の座標は(5,0)である。3つの異なる半径0.2、0.4、および0.6が予め設定されていると仮定する。3つの所定半径から1つの半径が選択され、半径0.4が選択されると仮定すれば、追加される2つの雪片の半径として、選択された半径0.4が使用される。2つの雪片のオフセット角の初期値は0に設定される。初期位置の座標が(1,0)の雪片に識別子001が割り当てられ、初期位置の座標が(5,0)の雪片に識別子002が割り当てられる。

その期間と同様に、取得された他の期間のそれぞれについて、所定領域内の各オブジェクトの初期位置ならびに各オブジェクトのサイズおよびオフセット角の初期値を決定し、各オブジェクトに識別子を割り当てるために、前述の操作が行われる。

所定領域内の各オブジェクトの初期位置ならびに各オブジェクトのサイズおよびオフセット角の初期値が決定された後に、ステップ203で、到来した期間内にウェブページの所定領域に各オブジェクトの初期画像を描画する操作が行われる。

ステップ203:所定領域内の各オブジェクトの初期位置および各オブジェクトのサイズに従って、ウェブページ内の所定領域に各オブジェクトの画像を描画する。

例えば、図2-3に示すように、所定領域内の雪片001の初期位置(1,0)およびその雪片の半径0.4ならびに所定領域内の雪片002の初期位置(5,0)およびその雪片の半径0.4に従って、2つの雪片の画像がウェブページの所定領域に描画される。

到来した期間内にウェブページの所定領域に各オブジェクトの画像が描画された後、各オブジェクトの識別子、初期位置、およびオフセット角の初期値が、次のステップ204を使用して記憶される。

ステップ204:各オブジェクトの識別子、初期位置、およびオフセット角の初期値を、そのオブジェクトの識別子、位置、およびオフセット角の対応関係に記憶させる。

例えば、各雪片の識別子、初期位置、およびオフセット角の初期値が、Table 1(表1)に示される、雪片の識別子、位置、およびオフセット角の対応関係に記憶される。

さらに、オブジェクトのサイズが異なる場合、各オブジェクトの識別子とサイズの対応関係もさらに記憶する必要がある。

その期間と同様に、取得された他の期間のそれぞれについて、取得された期間がそれぞれ到来したときに、ウェブページの所定領域に追加される各オブジェクトの画像を、追加される各オブジェクトの初期位置に従って所定領域に描画するために、前述のステップ202からステップ204の操作が行われる。

ウェブページが表示された後の第2の期間から開始して、1つの期間が到来するたびに、所定領域内の各オブジェクトの画像を再描画する必要がある。説明を簡単にするために、この実施形態では説明のための1つの例として1つのオブジェクトを使用し、そのオブジェクトと同様に、そのオブジェクト以外の所定領域内の他のオブジェクトのそれぞれについて、各オブジェクトの画像を再描画するために下記のステップ205からステップ210が行われる。

ステップ205:現在の期間より前の第1の期間内の、あるオブジェクトの第1の位置および第1のオフセット角を取得する。

第1の期間は現在の期間より前であり、かつ現在の期間に隣接する。

このステップは具体的には、所定領域からオブジェクトの識別子を取得し、記憶されているオブジェクトの識別子、位置、およびオフセット角の対応関係から、取得されたオブジェクトの識別子に従って対応する位置およびオフセット角を取得し、取得された位置およびオフセット角をそれぞれ、第1の期間内のそのオブジェクトの第1の位置および第1のオフセット角と決定することである。

例えば、所定領域から雪片の識別子001が取得され、Table 1(表1)に示される、記憶されている雪片の識別子、位置、およびオフセット角の対応関係から、取得された雪片の識別子001に従って対応する位置(1,0)およびオフセット角0が取得され、取得された位置(1,0)およびオフセット角0が、それぞれ第1の期間内のその雪片の第1の位置および第1のオフセット角と決定される。

ステップ206:第1の期間内のオブジェクトの第1の位置および第1のオフセット角に従って、現在の期間内のそのオブジェクトの第2の位置を取得する。

具体的には、オフセット角拡大量は予め設定されており、例えば、オフセット角拡大量は0.01または0.02でもよい。取得された第1の期間内のオブジェクトの第1のオフセット角に所定のオフセット角拡大量が追加されて第1のオフセット角が拡大され、現在の期間内のオブジェクトの第2のオフセット角が得られる。第2のオフセット角に従い、下記の式(1)を使用してオブジェクトの位置オフセットが計算され、オブジェクトの第1の位置および位置オフセットに従い、下記の式(2)を使用して現在の期間内のオブジェクトの第2の位置が計算される。

式(1)において、mはオブジェクトの水平座標の位置オフセット、nはオブジェクトの垂直座標の位置オフセット、ρはオブジェクトの所定濃度、rはオブジェクトのサイズ、angleはオブジェクトの現在の期間内の第2のオフセット角である。

式(2)において、xは現在の期間内のオブジェクトの第2の位置の水平座標、x'は第1の期間内のオブジェクトの第1の位置の水平座標、yは現在の期間内のオブジェクトの第2の位置の垂直座標、y'は第1の期間内のオブジェクトの第1の位置の垂直座標である。

例えば、所定のオフセット角拡大量を0.01、雪片の所定の濃度を0.1、および雪片の半径を0.4と仮定する。取得された第1の期間内の雪片の第1のオフセット角0に所定のオフセット角拡大量0.01が加算されて第1のオフセット角が拡大され、現在の期間内の雪片の第2のオフセット角0.01が得られる。第2のオフセット角0.01に従い、下記の式(3)を使用して、雪片の水平座標の位置オフセットが0.02と計算され、雪片の垂直座標の位置オフセットが2.19と計算される。第1の位置(1,0)、雪片の水平座標の位置オフセット0.02、および雪片の垂直座標の位置オフセット2.19に従い、下記の式(4)を使用して、現在の期間内の雪片の第2の位置が(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の位置は所定領域内にあると判定され、ウェブページの所定領域内の雪片の画像が削除されて、図2-4に示されるように、現在の期間内の雪片の第2の位置(1.02,2.19)に従って所定領域に雪片の画像が描画される。

現在の期間内のオブジェクトの第2の位置に従ってウェブページの所定領域にオブジェクトの画像が描画された後、下記のステップ208を使用して、オブジェクトの識別子、位置、およびオフセット角の対応関係の中のオブジェクトの位置およびオフセット角が更新される。

ステップ208:オブジェクトの識別子、位置、およびオフセット角の対応関係の中のオブジェクトの第1の位置および第1のオフセット角を、オブジェクトの第2の位置および第2のオフセット角に更新する。

具体的には、所定領域からオブジェクトの識別子が取得され、オブジェクトの識別子、位置、およびオフセット角の対応関係から、取得されたオブジェクトの識別子に従って、オブジェクトの第1の位置および第1のオフセット角が取得され、取得されたオブジェクトの第1の位置がオブジェクトの第2の位置に更新され、取得されたオブジェクトの第1のオフセット角がオブジェクトの第2のオフセット角に更新される。

例えば、所定領域から雪片の識別子001が取得され、Table 1(表1)に示される、雪片の識別子、位置、およびオフセット角の対応関係から、取得された雪片の識別子001に従って、雪片の第1の位置(1,0)および第1のオフセット角0が取得され、Table 2(表2)に示されるように、取得された雪片の第1の位置(1,0)が雪片の第2の位置(1.02,2.19)に更新され、取得された雪片の第1のオフセット角0が雪片の第2のオフセット角0.01に更新される。

次の期間が到来すると、ステップ205を使用してオブジェクトの位置が計算され、オブジェクトの位置に従ってウェブページの所定領域にオブジェクトの画像が描画される。

ステップ209:所定領域の長さおよび幅に従って所定領域の最上部のオブジェクトの初期位置を決定し、初期位置に従ってオブジェクトの画像を描画する。

具体的には、決定されたオブジェクトの数および取得された所定領域の幅に従ってオブジェクトの水平座標の値がランダムに設定され、オブジェクトの垂直座標の値がゼロに設定され、水平座標の設定値および垂直座標の設定値を使用して、所定領域の最上部のオブジェクトの初期位置が形成される。ウェブページの所定領域内のオブジェクトの画像が削除され、次に、所定領域の最上部のオブジェクトの初期位置に従って、オブジェクトの画像が所定領域に描画される。

さらに、所定領域の最上部のオブジェクトの初期位置が決定された後、取得された第1の期間内のオブジェクトの第1のオフセット角に所定のオフセット角拡大量が加算されて第1のオフセット角が拡大され、現在の期間内のオブジェクトの第2のオフセット角が得られる。

例えば、取得された雪片の第2の位置を(11,9)と仮定すると、第2の位置の水平座標11は所定領域の長さ10より大きいので、第2の位置は所定領域内にないと判定される。雪片の水平座標の値が、決定された雪片の数10および取得された所定領域の長さ10に従ってランダムに設定され、雪片の垂直座標の値はゼロに設定される。雪片の水平座標の設定値を3と仮定すると、所定領域の最上部の雪片の初期位置(3,0)が、水平座標の設定値3および垂直座標の設定値0を使用して形成される。ウェブページの所定領域内の雪片の画像が削除され、所定領域の最上部の雪片の初期位置(3,0)に従って、所定領域に雪片の画像が描画される。

さらに、所定領域の最上部のオブジェクトの初期位置が決定された後、取得された第1の期間内のオブジェクトの第1のオフセット角0に所定のオフセット角拡大量0.01がさらに加算されて第1のオフセット角が拡大され、現在の期間内のオブジェクトの第2のオフセット角0.01が得られる。

オブジェクトの初期位置に従ってオブジェクトの画像がウェブページの初期領域に描画された後、下記のステップ210を使用して、オブジェクトの識別子、位置、およびオフセット角の対応関係の中の、オブジェクトの位置およびオフセット角が更新される。

ステップ210:オブジェクトの識別子、位置、およびオフセット角の対応関係の中のオブジェクトの第1の位置および第1のオフセット角を、オブジェクトの初期位置および第2のオフセット角に更新する。

具体的には、所定領域からオブジェクトの識別子が取得され、オブジェクトの識別子、位置、およびオフセット角の対応関係から、取得されたオブジェクトの識別子に従って、オブジェクトの第1の位置および第1のオフセット角が取得され、取得されたオブジェクトの第1の位置がオブジェクトの初期位置に更新され、取得されたオブジェクトの第1のオフセット角がオブジェクトの第2のオフセット角に更新される。

例えば、所定領域から雪片の識別子001が取得され、Table 1(表1)に示される、雪片の識別子、位置、およびオフセット角の対応関係から、取得された雪片の識別子001に従って雪片の第1の位置(1,0)および第1のオフセット角0が取得され、Table 3(表3)に示されるように、取得された雪片の第1の位置(1,0)が雪片の初期位置(3,0)に更新され、取得された雪片の第1のオフセット角0が雪片の第2のオフセット角0.01に更新される。

本発明のこの実施形態において、第1の期間内のオブジェクトの位置およびオフセット角に従って現在の期間内のオブジェクトの位置が決定され、次に、オブジェクトが第1の期間内の位置から現在の期間内の位置へ移動するアニメーション動画が所定領域に表示されるように、所定領域内のオブジェクトが削除され、現在の期間内のオブジェクトの位置に従ってオブジェクトが再描画され、現在の期間内のオブジェクトの位置が周期的に計算され、現在の期間内のオブジェクトの位置に従ってオブジェクトの画像が再描画され、それによってウェブページの所定領域でアニメーションが再生される。

実施形態3
図3を参照し、本発明のこの実施形態はアニメーション再生装置を提供し、この装置は、
あるオブジェクトの、現在の期間より前の第1の期間内の第1の位置および第1のオフセット角を取得するように構成された第1の取得モジュール301と、
第1の取得モジュール301によって取得された第1の位置および第1のオフセット角に従って、オブジェクトの現在の期間内の第2の位置を取得するように構成された第2の取得モジュール302と、
第2の取得モジュール302によって取得された第2の位置がウェブページの所定領域内であれば、第2の位置に従ってウェブページ内の所定領域にオブジェクトの画像を描画するように構成された第1の描画モジュール303とを含む。

第1の取得モジュール301は、
オブジェクトの識別子に従って、オブジェクトの識別子、位置、およびオフセット角の対応関係から対応する位置およびオフセット角を取得するように構成された取得ユニットと、
取得ユニットによって取得された位置およびオフセット角をそれぞれ、第1の期間内のオブジェクトの第1の位置および第1のオフセット角として決定するように構成された決定ユニットとを含む。

さらに、この装置は、
ウェブページの表示が開始したときに、連続した所定数の期間を取得し、ウェブページ内の所定領域の長さおよび幅に従って、取得された各期間内に所定領域に追加されるオブジェクトの数を決定するように構成された第1の決定モジュールと、
取得された期間が到来したときに、到来した期間内に所定領域に追加されるオブジェクトの数および所定領域の幅に従って、所定領域に追加される各オブジェクトの初期位置ならびに各オブジェクトのサイズおよびオフセット角の初期値を決定し、各オブジェクトに識別子を割り当てる第2の決定モジュールと、
第2の決定モジュールによって決定された各オブジェクトの初期位置およびサイズに従って所定領域に各オブジェクトの画像を描画するように構成された第2の描画モジュールと、
第2の決定モジュールによって決定された各オブジェクトの識別子、初期位置、およびオフセット角の初期値を、そのオブジェクトの識別子、位置、およびオフセット角の対応関係に記憶させるように構成された記憶モジュールとをさらに含む。

第2の取得モジュール302は、
第1のオフセット角を拡大させて、現在の期間内のオブジェクトの第2のオフセット角を得るように構成された拡大ユニットと、
拡大ユニットによって得られた第2のオフセット角に従ってオブジェクトの位置オフセットを計算するように構成された第1の計算ユニットと、
第1の計算ユニットによって計算されたオブジェクトの第1の位置および位置オフセットに従って現在の期間内のオブジェクトの第2の位置を計算するように構成された第2の計算ユニットとを含む。

第1の計算ユニットは、第2のオフセット角に従い、下記の式(1)を使用してオブジェクトの位置オフセットを計算するように構成される。

式(1)において、mはオブジェクトの水平座標の位置オフセット、nはオブジェクトの垂直座標の位置オフセット、ρはオブジェクトの所定濃度、rはオブジェクトのサイズ、angleは第2のオフセット角である。

さらに、第2の取得モジュール302は、オブジェクトの識別子、位置、およびオフセット角の対応関係の中のオブジェクトの第1の位置および第1のオフセット角を、オブジェクトの第2の位置および第2のオフセット角に更新するようにさらに構成される。

さらに、装置は、第2の位置がウェブページの所定領域内でなければ、所定領域の長さおよび幅に従って所定領域内のオブジェクトの初期位置を決定し、初期位置に従って所定領域にオブジェクトの画像を描画するようにさらに構成される。

さらに、装置は、
第1のオフセット角を拡大させてオブジェクトの現在の期間内の第2のオフセット角を得るように構成された拡大モジュールと、
オブジェクトの識別子、位置、およびオフセット角の対応関係の中のオブジェクトの第1の位置および第1のオフセット角を、オブジェクトの初期位置および第2のオフセット角に更新するように構成された更新モジュールとをさらに含む。

下記のとおりに開示される方法は、1つまたは複数のプロセッサおよびメモリを有する任意の適切なコンピューティングデバイスによって実装されてもよい。本明細書で使用されるとき、コンピューティングデバイスは、パーソナルコンピュータ(PC)、ワークステーションコンピュータ、小型コンピューティングデバイス(タブレット)、携帯端末(携帯電話またはスマートフォン)、サーバ、ネットワークサーバ、スマート端末、またはその他のユーザ側もしくはサーバ側コンピューティングデバイスなどの、一定のコンピューティング能力(例えば、メディアデータを制御して一定速度で配置する能力など)を有する任意の適切なデバイスを指してもよい。メモリは記憶媒体を含み、その記憶媒体は、例えば、読出し専用メモリ(ROM)、ランダムアクセスメモリ(RAM)、およびフラッシュメモリモジュールなどのメモリモジュール、ならびに、例えばCD-ROM、Uディスク、取り外し可能ハードディスクなどの大量記憶媒体をさらに含んでもよく、それらはすべて非一時的記憶媒体である。記憶媒体は、プロセッサによって実行されたときに各種のプロセスを実装するためのプログラムを記憶してもよい。

前述した実施形態のステップのすべてまたは一部がハードウェアを使用して実装されてもよいし、妥当なハードウェアに命令するプログラムによって実装されてもよいことは、当業者には理解され取得する。プログラムはコンピュータ可読記憶媒体に記憶されてもよい。記憶媒体は、読出し専用メモリ、磁気ディスク、光ディスクなどでもよい。

前述した説明は本発明の好ましい実施形態に過ぎず、本開示を制限することは意図されない。本開示の趣旨および原理の範囲内で行われるいかなる変更、均等置換、または改善も、本開示の保護範囲内にあるものとする。

301 第1の取得モジュール
302 第2の取得モジュール
303 第1の描画モジュール

Claims

アニメーション再生方法であって、
1つまたは複数のプロセッサおよび、前記1つまたは複数のプロセッサによって実行されるプログラムを記憶するメモリを有するコンピューティングデバイスにおいて、
現在の期間より前の第1の期間内のオブジェクトの第1の位置および第1のオフセット角を取得するステップと、
前記第1の位置および前記第1のオフセット角に従って、前記オブジェクトの前記現在の期間内の第2の位置を取得するステップと、
前記第2の位置がウェブページの所定領域内であれば、前記第2の位置に従って前記ウェブページ内の前記所定領域に前記オブジェクトの画像を描画するステップと
を含む方法。
第1の期間内のオブジェクトの第1の位置および第1のオフセット角を取得する前記ステップが、
前記オブジェクトの識別子に従って、前記オブジェクトの識別子、位置、およびオフセット角の対応関係から対応する位置およびオフセット角を取得するステップと、
前記取得された位置およびオフセット角をそれぞれ、前記第1の期間内の前記オブジェクトの前記第1の位置および前記第1のオフセット角として決定するステップと
を含む、請求項1に記載の方法。
第1の期間内のオブジェクトの第1の位置および第1のオフセット角を取得する前記ステップの前に、
前記ウェブページの表示が開始したときに、連続した所定数の期間を取得し、前記ウェブページ内の前記所定領域の長さおよび幅に従って、前記取得された各期間内に前記所定領域に追加されるオブジェクトの数を決定するステップと、
取得された期間が到来したときに、前記到来した期間内に前記所定領域に追加されるオブジェクトの数および前記所定領域の幅に従って、前記所定領域に前記追加される各オブジェクトの初期位置ならびに前記各オブジェクトのサイズおよびオフセット角の初期値を決定し、前記各オブジェクトに識別子を割り当てるステップと、
前記各オブジェクトの前記初期位置および前記サイズに従って前記所定領域に前記各オブジェクトの画像を描画するステップと、
前記各オブジェクトの前記識別子、前記初期位置、および前記オフセット角の前記初期値を、前記オブジェクトの前記識別子、前記位置、および前記オフセット角の対応関係に記憶させるステップと
をさらに含む、請求項1に記載の方法。
前記第1の位置および前記第1のオフセット角に従って、前記オブジェクトの前記現在の期間内の第2の位置を取得する前記ステップが、
前記第1のオフセット角を拡大させて、前記オブジェクトの前記現在の期間内の第2のオフセット角を得るステップと、
前記第2のオフセット角に従って前記オブジェクトの位置オフセットを計算するステップと、
前記オブジェクトの前記第1の位置および前記位置オフセットに従って、前記オブジェクトの前記現在の期間内の前記第2の位置を計算するステップと
を含む、請求項1に記載の方法。
前記第2のオフセット角に従って前記オブジェクトの位置オフセットを計算する前記ステップが、
前記第2のオフセット角に従い、式(1)

を使用して前記オブジェクトの前記位置オフセットを計算するステップであって、前記位置オフセットが水平座標オフセットおよび垂直座標オフセットを含む、ステップを含み、
前記式(1)においてmが前記水平座標オフセット、nが前記垂直座標オフセット、ρが前記オブジェクトの所定濃度、rが前記オブジェクトのサイズ、angleが前記第2のオフセット角である、請求項4に記載の方法。
前記オブジェクトの前記第1の位置および前記位置オフセットに従って前記現在の期間内の前記オブジェクトの前記第2の位置を計算する前記ステップの後に、
前記オブジェクトの識別子、位置、およびオフセット角の対応関係の中の前記オブジェクトの前記第1の位置および前記第1のオフセット角を、前記オブジェクトの前記第2の位置および前記第2のオフセット角に更新するステップをさらに含む、請求項4に記載の方法。
前記第2の位置が前記ウェブページの前記所定領域内でなければ、前記所定領域の長さおよび幅に従って前記所定領域内の前記オブジェクトの前記初期位置を決定し、前記初期位置に従って前記所定領域に前記オブジェクトの画像を描画するステップをさらに含む、請求項1から6のいずれか一項に記載の方法。
前記所定領域内の前記オブジェクトの前記初期位置を決定する前記ステップが、
前記所定領域の最上部の前記オブジェクトの前記初期位置を決定するステップを含み、
前記方法が、
前記第1のオフセット角を拡大させて、前記現在の期間内の前記オブジェクトの前記第2のオフセット角を得るステップと、
前記オブジェクトの前記識別子、前記位置、および前記オフセット角の間の前記対応関係の中の前記オブジェクトの前記第1の位置および前記第1のオフセット角を、前記オブジェクトの前記初期位置および前記第2のオフセット角に更新するステップと
をさらに含む、請求項7に記載の方法。
アニメーション再生装置であって、
1つまたは複数のプロセッサと、
メモリと、
前記メモリに記憶されて前記1つまたは複数のプロセッサによって実行される1つまたは複数のプログラムモジュールと
を含み、前記1つまたは複数のプログラムモジュールが、
あるオブジェクトの、現在の期間より前の第1の期間内の第1の位置および第1のオフセット角を取得するように構成された第1の取得モジュールと、
前記第1の取得モジュールによって取得された前記第1の位置および前記第1のオフセット角に従って、前記オブジェクトの前記現在の期間内の第2の位置を取得するように構成された第2の取得モジュールと、
前記第2の取得モジュールによって取得された前記第2の位置がウェブページの所定領域内であれば、前記第2の位置に従って前記ウェブページ内の前記所定領域に前記オブジェクトの画像を描画するように構成された第1の描画モジュールと
を含む、装置。
前記第1の取得モジュールが、
前記オブジェクトの識別子に従って、前記オブジェクトの前記識別子、位置、およびオフセット角の対応関係から対応する位置およびオフセット角を取得するように構成された取得ユニットと、
前記取得ユニットによって取得された前記位置および前記オフセット角をそれぞれ、前記第1の期間内の前記オブジェクトの前記第1の位置および前記第1のオフセット角として決定するように構成された決定ユニットと
を含む、請求項9に記載の装置。
前記ウェブページの表示が開始したときに、連続した所定数の期間を取得し、前記ウェブページ内の前記所定領域の長さおよび幅に従って、前記取得された各期間内に前記所定領域に追加されるオブジェクトの数を決定するように構成された第1の決定モジュールと、
取得された期間が到来したときに、到来した前記期間内に前記所定領域に追加されるオブジェクトの数および前記所定領域の幅に従って、前記所定領域に追加される前記各オブジェクトの初期位置ならびに前記各オブジェクトのサイズおよびオフセット角の初期値を決定し、前記各オブジェクトに識別子を割り当てるように構成された第2の決定モジュールと、
前記第2の決定モジュールによって決定された前記各オブジェクトの前記初期位置および前記サイズに従って前記所定領域に前記各オブジェクトの画像を描画するように構成された第2の描画モジュールと、
前記第2の決定モジュールによって決定された前記各オブジェクトの前記識別子、前記初期位置、および前記オフセット角の前記初期値を、前記オブジェクトの前記識別子、前記位置、および前記オフセット角の対応関係に記憶させるように構成された記憶モジュールと
をさらに含む、請求項9に記載の装置。
前記第2の取得モジュールが、
前記第1のオフセット角を拡大させて、前記現在の期間内の前記オブジェクトの第2のオフセット角を得るように構成された拡大ユニットと、
前記拡大ユニットによって得られた前記第2のオフセット角に従って前記オブジェクトの位置オフセットを計算するように構成された第1の計算ユニットと、
前記第1の計算ユニットによって計算された前記オブジェクトの前記第1の位置および前記位置オフセットに従って前記現在の期間内の前記オブジェクトの前記第2の位置を計算するように構成された第2の計算ユニットと
を含む、請求項9に記載の装置。
前記第1の計算ユニットが、前記第2のオフセット角に従い、式(1)

を使用して前記オブジェクトの前記位置オフセットを計算するように構成され、
前記式(1)において、mが前記オブジェクトの水平座標の位置オフセット、nが前記オブジェクトの垂直座標の位置オフセット、ρが前記オブジェクトの所定濃度、rが前記オブジェクトのサイズ、angleが前記第2のオフセット角である、請求項12に記載の装置。
前記第2の取得モジュールが、前記オブジェクトの識別子、位置、およびオフセット角の対応関係の中の前記オブジェクトの前記第1の位置および前記第1のオフセット角を、前記オブジェクトの前記第2の位置および前記第2のオフセット角に更新するようにさらに構成される、請求項12に記載の装置。
前記第2の位置が前記ウェブページの前記所定領域内でなければ、前記所定領域の前記長さおよび前記幅に従って前記所定領域内の前記オブジェクトの前記初期位置を決定し、前記初期位置に従って前記所定領域に前記オブジェクトの画像を描画するようにさらに構成される、請求項9から14のいずれか一項に記載の装置。
前記第1のオフセット角を拡大させて前記オブジェクトの前記現在の期間内の前記第2のオフセット角を得るように構成された拡大モジュールと、
前記オブジェクトの前記識別子、前記位置、および前記オフセット角の前記対応関係の中の前記オブジェクトの前記第1の位置および前記第1のオフセット角を、前記オブジェクトの前記初期位置および前記第2のオフセット角に更新するように構成された更新モジュールと
をさらに含む、請求項15に記載の装置。
コンピューティングデバイスによって実行されると前記コンピューティングデバイスに、
あるオブジェクトの、現在の期間より前の第1の期間内の第1の位置および第1のオフセット角を取得するステップと、
前記第1の位置および前記第1のオフセット角に従って前記オブジェクトの前記現在の期間内の第2の位置を取得するステップと、
前記第2の位置がウェブページの所定領域内であれば、前記第2の位置に従って前記ウェブページ内の前記所定領域に前記オブジェクトの画像を描画するステップと
を行わせる、1つまたは複数の命令を記憶して有する、非一時的コンピュータ可読記憶媒体。