JP2021157834A - モバイルデバイス上でアニメーション画像を提示するための方法およびデバイス - Google Patents
モバイルデバイス上でアニメーション画像を提示するための方法およびデバイス Download PDFInfo
- Publication number
- JP2021157834A JP2021157834A JP2021104830A JP2021104830A JP2021157834A JP 2021157834 A JP2021157834 A JP 2021157834A JP 2021104830 A JP2021104830 A JP 2021104830A JP 2021104830 A JP2021104830 A JP 2021104830A JP 2021157834 A JP2021157834 A JP 2021157834A
- Authority
- JP
- Japan
- Prior art keywords
- frame
- image
- animation
- end point
- display
- Prior art date
- Legal status (The legal status 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 status listed.)
- Pending
Links
Images
Classifications
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- General Engineering & Computer Science (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
- Digital Computer Display Output (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
【課題】モバイルデバイス上でアニメーション画像を提示するための方法を提供する。
【解決手段】モバイルデバイス上でアニメーション画像を提示するための方法であって、隠しキャンバス上に提示されるべき最終画像を描画し、最終画像を終点画像として記憶するステップ(110)と、終点画像が最終的に表示されるように、変化する表示パラメータを使用することによって一定間隔でアニメーション領域内に終点画像の少なくとも一部をフレーム単位で表示するステップであって、変化する表示パラメータがアニメーション効果に基づいて決定される、ステップ(120)とを含む。本出願の技術的解決策を使用することによって、アニメーションプロセスにおいて画像のすべてのフレームを算出し、バッファリングし、描画する必要がなく、それによって、大いに、アニメーションを提示するのに必要とされるコード量を低減し、メモリ占有を低減し、アニメーション実行効率を改善する。
【選択図】図1
【解決手段】モバイルデバイス上でアニメーション画像を提示するための方法であって、隠しキャンバス上に提示されるべき最終画像を描画し、最終画像を終点画像として記憶するステップ(110)と、終点画像が最終的に表示されるように、変化する表示パラメータを使用することによって一定間隔でアニメーション領域内に終点画像の少なくとも一部をフレーム単位で表示するステップであって、変化する表示パラメータがアニメーション効果に基づいて決定される、ステップ(120)とを含む。本出願の技術的解決策を使用することによって、アニメーションプロセスにおいて画像のすべてのフレームを算出し、バッファリングし、描画する必要がなく、それによって、大いに、アニメーションを提示するのに必要とされるコード量を低減し、メモリ占有を低減し、アニメーション実行効率を改善する。
【選択図】図1
Description
本出願は、ネットワーク通信技術の分野に関し、特に、モバイルデバイス上で画像をアニメーション化するための方法および装置に関する。
モバイルデバイスの性能の発展とともに、モバイルデバイス上で実行されるユーザインターフェースの複雑さおよび親しみやすさも、それぞれ低減および改善されている。よりよいユーザ体験を実現するために、ますます多くのネットワークサービスプロバイダが、アニメーション方法を使用することによってブラウザページまたはクライアントインターフェース上に様々な材料を表示する。
既存の技術では、モバイルデバイス上のアニメーションの実現は、通常はパーソナルコンピュータ(PC)における解決策を使用する。具体的には、画像の各フレームのサイズおよび位置のような表示のために使用されるデータが算出され、表示のために使用されるデータと画像のデータの両方がメモリ内にバッファリングされる。アニメーション実行プロセスでは、キャンバス上の現在のコンテンツは、一定間隔で消去され、表示コンテンツの次のフレームが、バッファリングされた次のデータフレームを使用することによってキャンバス上に再描画される。
そのような解決策では、画像の各フレームの階層および属性に関する情報が記録される必要がある。その結果、プログラミングコード量が非常に多くなり、画像の各フレームのデータをバッファリングするために多くのメモリが占有され、画像の各フレームを再描画するためにより多くの処理能力が消費される。モバイルデバイスのハードウェアリソースおよび動作速度は、依然としてPCのものよりもかなり劣っているので、そのような解決策は、過度に多いコード量、高いメモリオーバヘッド、および低い実行効率の問題を有する。
この観点から、本出願は、隠しキャンバス上に表示されるべき最終画像を描画し、描画された画像を終点画像として記憶するステップと、終点画像が最終的に表示されるまで、変化する表示パラメータを使用することによって一定間隔でアニメーション領域内に終点画像の少なくとも一部をフレーム単位で表示するステップであって、変化する表示パラメータがアニメーション効果に基づいて決定される、ステップとを含む、モバイルデバイス上で画像をアニメーション化するための方法を提供する。
本出願は、隠しキャンバス上に表示されるべき最終画像を描画し、描画された画像を終点画像として記憶するように構成された終点画像生成ユニットと、終点画像が最終的に表示されるまで、変化する表示パラメータを使用することによって一定間隔でアニメーション領域内に終点画像の少なくとも一部をフレーム単位で表示するように構成されたアニメーション表示ユニットであって、変化する表示パラメータがアニメーション効果に基づいて決定される、アニメーション表示ユニットとを含む、モバイルデバイス上で画像をアニメーション化するための装置をさらに提供する。
本出願の実装形態では、表示されるべき最終画像は、隠しキャンバス上に描画され、終点画像として記憶され、終点画像は、変化する表示パラメータを使用することによってアニメーション実行プロセスにおいて表示されることが、先に説明した技術的解決策からわかり得る。したがって、アニメーションに必要とされるコード量を低減し、メモリ占有を低減し、アニメーション実行効率を改善するために、アニメーションプロセスにおいてフレームごとに画像の各フレームを算出し、バッファリングし、描画する必要がない。
本出願の実装形態は、モバイルデバイス上で画像をアニメーション化するための新しい方法を提供する。アニメーションの終点として表示されるべき画像は、隠しキャンバス上に描画され、終点画像として記憶される。アニメーション実行プロセスにおいて、表示されるべきアニメーション効果に基づいて表示パラメータの各フレームが決定され、終点画像が最終的に表示されるまで、終点画像の一部またはすべてが表示パラメータの各フレームを使用することによって表示される。本出願の実装形態では、アニメーションプロセスにおける画像の各フレームの階層および属性に関する情報を算出および記録することを回避し、プログラミングコード量を低減するために、表示を変更することによって終点画像のすべてまたは一部を表示することによってアニメーション効果が達成される。アニメーションプロセスでは、メモリ占有および処理能力の消費を低減し、既存の技術における問題を軽減するために、描画された画像が使用され、したがって、画像の各フレームを描画する必要、または画像の各フレームのデータをバッファリングする必要がない。
本出願の実装形態は、コンピューティング能力と、記憶能力と、表示能力とを有する任意のモバイルデバイス、例えば、携帯電話、タブレットコンピュータ、およびノートブックのようなデバイスに適用され得る。ソフトウェアに関して、本出願の実装形態は、クライアント/サーバ(C/S)構造のクライアントに適用され得、またはブラウザ/サーバ(B/S)構造におけるブラウザページに適用され得、またはモバイルデバイス上で実行されている他のソフトウェアに適用され得る。
本出願の実装形態では、モバイルデバイス上で画像をアニメーション化するための方法の手順が図1に示されている。
ステップ110:隠しキャンバス上に表示されるべき最終画像を描画し、描画された画像を終点画像として記憶する。
モバイルデバイスは、隠しキャンバスを作成し、表示されるべき最終画像、すなわち、アニメーションの終わりにユーザに対して表示されるべき画像を隠しキャンバス上に描画し、隠しキャンバス上に描画された画像を終点画像として記憶する。
表示されるべき最終画像を描画するためにモバイルデバイスによって必要とされるデータは、実際の用途シナリオにおいて画像上に表示されるべきコンテンツに基づいて決定され得る。画像を描画するために必要とされるデータは、モバイルデバイスによってローカルに読み取られるかもしくは計算され得るか、またはサーバから取得され得るかもしくはサーバから取得された他のデータに基づいて計算され得る。画像が描画されるときに使用される具体的な描画方法について、既存の技術に対して参照がなされ得る。画像を描画するためのデータソース、画像の表示コンテンツ、および画像描画方法は、本出願のこの実装形態では限定されない。
モバイルデバイスは、アニメーション領域に基づいて隠しキャンバスを作成することができる。例えば、最終的に表示される画像のピークデータを参照し、アニメーション領域の形状に基づいて、同じ比率で拡大または縮小される隠しキャンバスが作成され得る。別の例について、アニメーション領域と同じ形状およびサイズを有する隠しキャンバスが作成され得る。そのようにして、計算を単純化するために、拡大または縮小を必要とすることなく、終点画像は、アニメーションの終わりにアニメーション領域内に直接表示され得る。確かに、モバイルデバイスは、隠しキャンバスをランダムに作成することができ、その後のアニメーションプロセスにおいて、終点画像のすべてまたは一部は、表示パラメータを設定することによってアニメーション領域内に表示される。
隠しキャンバス上に描画された終点画像は、ファイルの形態においてモバイルデバイス内にローカルに記憶され得、または画像データの形態においてバッファ内に記憶され得る。隠しキャンバスは、終点画像が記憶された後に削除され得る。
ステップ120:終点画像が最終的に表示されるまで、変化する表示パラメータを使用することによって一定間隔でアニメーション領域内に終点画像の少なくとも一部をフレーム単位で表示する。
終点画像が生成された後、表示されるべきアニメーション効果に基づいてアニメーション実行プロセスにおける表示パラメータの様々なフレームが決定され、表示パラメータの様々なフレームは、終点画像がアニメーションの終わりに表示されるまで、アニメーション領域内に終点画像の一部またはすべてを表示するために一定間隔で連続的に使用される。隣接フレームの表示パラメータは異なり、変更モードは表示されるべきアニメーション効果に関する。
表示パラメータは、画像の各フレームを取得するために終点画像を処理するために使用される終点画像処理パラメータと、処理された終点画像が表示されるアニメーション領域内の位置を決定するために使用される表示位置パラメータとを含むことができる。隣接するフレームは、終点画像処理パラメータまたは表示位置パラメータのうちの少なくとも1つにおいて異なる。アニメーション実行プロセスでは、モバイルデバイスは、フレームの画像を取得するために終点画像処理パラメータの各フレームに基づいて終点画像を処理し、フレームの表示位置パラメータを使用することによって画像の各フレームに対応する時点においてアニメーション領域内にフレームの画像を表示する(2つの隣接するフレームの画像は、前述の間隔だけ離間される)。異なるアニメーション効果は、隣接するフレームの終点画像処理パラメータが変化するとき、または表示位置パラメータが変化するとき、または終点画像処理パラメータと表示位置パラメータの両方が変化するときに達成され得る。以下は、例を使用することによって説明を提供する。
第1の例では、アニメーション領域内に終点画像を徐々に表示する効果を達成する達成するために、固定表示位置パラメータ、およびアニメーション効果に基づいて決定されたスクリーンショットパラメータの各フレームが、変化する表示パラメータとして使用される。終点画像全体が最終的に表示されるまで、スクリーンショットパラメータの各フレームに基づいて取り込まれた終点画像の一部が、固定表示位置パラメータを使用することによって一定間隔でアニメーション領域内にフレーム単位で表示される。具体的には、各フレームに対応する時点において、モバイルデバイスは、フレームの画像を取得するためにフレームのスクリーンショットパラメータに基づいて終点画像の一部を取り込み、固定表示位置パラメータに基づいてアニメーション領域内にフレームの画像を表示する。スクリーンショットパラメータに基づいて取り込まれた画像は、完全な終点画像が形成されるまで徐々に拡大する。
第1の例の用途では、画像の各フレームの左上隅における表示位置パラメータがアニメーション領域の左上隅として固定され得、左側における終点画像の部分が画像の各フレームとして取り込まれ、終点画像を左から右に徐々に表示するアニメーション効果を達成するために、取り込まれた画像が徐々に拡大する。第1の例の別の用途では、画像の各フレームの中心点の表示位置パラメータがアニメーション領域の中心点として固定され得、終点画像の中心点が取り込まれる画像の各フレームの中心点として使用され、終点画像を中心から周辺に徐々に表示するアニメーション効果を達成するために、取り込まれる領域が徐々に拡大する。簡単化のために、他の用途シナリオは、ここでは省略される。
第2の例では、表示のために終点画像をアニメーション領域の外側からアニメーション領域に徐々に移動する効果を達成するために、アニメーション効果に基づいて決定された表示位置パラメータの各フレーム、およびスクリーンショットパラメータの各フレームが、変化する表示パラメータとして使用される。終点画像全体が最終的に表示されるまで、フレームのスクリーンショットパラメータに基づいて取り込まれた終点画像の一部が、フレームの表示位置パラメータを使用することによって一定間隔でアニメーション領域内にフレーム単位で表示される。具体的には、各フレームに対応する時点において、モバイルデバイスは、フレームの画像を取得するためにフレームのスクリーンショットパラメータに基づいて終点画像の一部を取り込み、フレームの表示位置パラメータに基づいてアニメーション領域内にフレームの画像を表示する。画像の最後のフレームが完全な終点画像になり、アニメーション領域全体を占有するまで、フレームの画像がアニメーション領域内に完全に表示され得るように、スクリーンショットパラメータに基づいて取り込まれた画像は、徐々に拡大し、画像の表示位置もそれに応じて移動する。
第2の例の用途では、画像の各フレームの右上隅における表示位置パラメータがアニメーション領域の上端に沿って徐々に右方向にシフトされ得、左側における終点画像の一部が画像の各フレームとして取り込まれ(画像のサイズは、表示位置パラメータに対応する)、終点画像をアニメーション領域に対して左から右に移動させる効果を達成するために、取り込まれる領域が徐々に拡大する。簡単化のために、他の用途シナリオは、ここでは省略される。
第3の例では、終点画像全体が徐々にアニメーション領域全体を占有する効果を達成するために、固定表示位置パラメータ、およびアニメーション効果に基づいて決定された圧縮パラメータの各フレームが変化する表示位置パラメータとして使用される。アニメーション領域と一致する終点画像が最終的に表示されるまで、フレームの圧縮パラメータに基づいて圧縮を実行することによって取得された終点画像が、表示位置パラメータを使用することによって一定間隔でアニメーション領域内にフレーム単位で表示される。具体的には、各フレームに対応する時点において、モバイルデバイスは、フレームの圧縮パラメータに基づいて終点画像を圧縮した後にフレームの画像を取得し、固定表示位置パラメータに基づいてアニメーション領域内にフレームの画像を表示する。アニメーション領域全体が占有されるまで、圧縮パラメータに基づいて圧縮を実行することによって取得された画像の各フレームが徐々に拡大する。
第3の例の用途では、画像の各フレームの左上隅の表示位置パラメータがアニメーション領域の左上隅として固定され得、終点画像の長さ-幅比に基づいて各フレームにおいて比例圧縮が実行され、終点画像を遠くから近くにアニメーション領域の左上隅から徐々にアニメーション化する効果を達成するために、圧縮比が徐々に減少する。第3の例の別の用途では、画像の各フレームの下端の表示位置パラメータがアニメーション領域の下端として固定され得、終点画像の幅が各フレームにおいて圧縮され、終点画像が下から開始してアニメーション領域全体を徐々に占有する効果を達成するために、圧縮比が徐々に減少する。簡単化のために、他の用途シナリオは、ここでは省略される。
達成されるべきアニメーション効果が異なるとき、スクリーンショットパラメータおよび圧縮パラメータとは異なる他の終点画像処理パラメータ、例えば、終点画像を回転させるための回転パラメータ、および終点画像に対する色処理を実行するためのフィルタパラメータが使用され得る。加えて、様々な異なる終点画像処理パラメータに関連して、終点画像に対して多重処理が実行され得る。例えば、圧縮パラメータを回転パラメータと組み合わせることによって、特定の点を中心点として使用することによって終点画像全体を徐々に回転させるアニメーション効果が達成され得る。使用されるべき終点画像処理パラメータのタイプおよび量、ならびに終点画像処理パラメータおよび固定または変化する表示位置パラメータの組合せ使用は、本出願のこの実装形態において限定されない。
本出願のこの実装形態において、表示されるべき最終画像が隠しキャンバス上に描画され、終点画像として記憶されることがわかり得る。アニメーション実行プロセスにおいて、表示されるべきアニメーション効果に基づいて表示パラメータの各フレームが決定され、表示パラメータの各フレームを使用することによって終点画像の一部またはすべてが表示され、アニメーションプロセスにおける画像の各フレームの階層および属性に関する情報を計算および記録することを回避し、プログラミングコード量を低減するために、変化する表示パラメータを使用することによってアニメーション効果が達成される。アニメーションプロセスにおいて、メモリ占有を低減し、アニメーション実行効率を改善するために、終点画像が使用され、したがって、画像の各フレームを描画し、画像の各フレームのデータをバッファリングする必要がない。
本出願の用途例では、スマートフォンのブラウザ環境において、グラフ(傾向グラフと棒グラフとを含む)がユーザに対して表示されるとき、アニメーション効果が使用される。
ブラウザページ上に傾向グラフが表示される必要があるとき、傾向グラフの表示領域と同じサイズを有する隠しキャンバスが作成され、図2に示すように、サーバから受信した傾向グラフのグラフィックデータに基づいて隠しキャンバス上にユーザに対して表示されるべき最終的な傾向グラフが描画される。描画された傾向グラフは、傾向グラフの終点画像としてメモリ内にバッファリングされる。
傾向グラフは、特定の変数の変化を時系列で示す変化傾向グラフである。傾向グラフが表示されるとき、時系列における変動傾向を徐々に形成するアニメーション効果が使用される。したがって、固定表示位置パラメータおよび変更されたスクリーンショットパラメータが表示パラメータとして使用され得る。画像の各フレームの左上隅における表示位置パラメータが、傾向グラフの表示領域の左上隅として固定される。傾向グラフの異なる長さを有するいくつかの終点画像が、フレームの画像として機能するように、傾向グラフの終点画像の左側から開始して各フレームにおいて取り込まれ、取り込まれた長さが徐々に増加する。可能なフレームシーケンスを図3に示す。そのようにして、画像の様々なフレームが一定間隔で傾向グラフの表示領域内に連続して表示されると、時系列において変動傾向が発生するアニメーション効果が形成される。
ブラウザページ上に棒グラフが表示される必要があるとき、棒グラフの表示領域と同じサイズを有する隠しキャンバスが作成され、図4に示すように、サーバから受信した棒グラフのグラフィックデータに基づいて隠しキャンバス上にユーザに対して表示されるべき最終的な棒グラフが描画される。描画された棒グラフは、棒グラフの終点画像としてメモリ内にバッファリングされる。
棒グラフは、特定の時点における特定の変数の値を反映するために使用される。棒グラフが表示されるとき、棒を昇順に最終値に徐々に変化させるアニメーション効果が使用される。したがって、固定表示位置パラメータおよび変更された圧縮パラメータが表示パラメータとして使用され得る。画像の各フレームの左下隅の表示位置パラメータが、棒グラフの表示領域の左下隅として固定される。棒グラフの終点画像の幅が各フレームにおいて異なる圧縮比率において圧縮された後、フレームの画像が生成され、画像の最後のフレームの圧縮比率が1になるまで、圧縮比が徐々に減少する。画像シーケンスの可能な各フレームを図5に示す。そのようにして、画像の様々なフレームが一定間隔で棒グラフの表示領域内に連続して表示されると、最終的な値に達するまで変数値が徐々に増加するアニメーション効果が形成される。
前述の手順に対応して、本出願の実装形態は、モバイルデバイス上で画像をアニメーション化するための装置をさらに提供する。装置は、ソフトウェアを使用することによって実装され得、またはハードウェアを使用することによって実装され得、またはハードウェアとソフトウェアの組合せを使用することによって実装され得る。例としてソフトウェアの実装形態を使用することによって、モバイルデバイスの中央処理装置(CPU)を使用することによって対応するコンピュータプログラム命令をメモリに読み取ることによって論理装置が得られる。ハードウェアに関して、図6に示すCPU、メモリ、および不揮発性メモリに加えて、モバイルデバイス上で画像をアニメーション化するための装置が配置されるモバイルデバイスは、通常、ワイヤレス信号を受信および送信するためのチップのような他のハードウェア、ならびに/またはネットワーク通信機能を実装するためのボードカードのような他のハードウェアをさらに含む。
図7は、終点画像生成ユニットとアニメーション表示ユニットとを含む、本出願の実装形態によるモバイルデバイス上で画像をアニメーション化するための装置を示す。終点画像生成ユニットは、表示されるべき最終画像を隠しキャンバス上に描画し、描画された画像を終点画像として記憶するように構成される。アニメーション表示ユニットは、終点画像が最終的に表示されるまで、変化する表示パラメータを使用することによって一定間隔でアニメーション領域内にフレーム単位で終点画像の少なくとも一部を表示するように構成される。変化する表示パラメータは、アニメーション効果に基づいて決定される。
オプションでは、表示パラメータは、画像の各フレームを取得するために終点画像を処理するために使用される終点画像処理パラメータと、アニメーション領域内の画像の各フレームの表示位置を決定するために使用される表示位置パラメータとを含み、隣接するフレームは、終点画像処理パラメータおよび表示位置パラメータのうちの少なくとも1つにおいて異なる。
一例では、表示パラメータは、表示位置パラメータと、アニメーション効果に基づいて決定されたスクリーンショットパラメータの各フレームとを含む。アニメーション表示ユニットは具体的には、終点画像全体が最終的に表示されるまで、フレームのスクリーンショットパラメータに基づいて取り込まれた終点画像の一部を、表示位置パラメータを使用することによって一定間隔でアニメーション領域内にフレーム単位で表示するように構成される。
別の例では、表示パラメータは、アニメーション効果に基づいて決定された表示位置パラメータの各フレームと、スクリーンショットパラメータとを含む。アニメーション表示ユニットは具体的には、終点画像全体が最終的に表示されるまで、フレームのスクリーンショットパラメータに基づいて取り込まれた終点画像の一部を、フレームの表示位置パラメータを使用することによって一定間隔でアニメーション領域内にフレーム単位で表示するように構成される。
さらに別の例では、表示パラメータは、表示位置パラメータと、アニメーション効果に基づいて決定された圧縮パラメータの各フレームとを含む。アニメーション表示ユニットは具体的には、アニメーション領域に一致する終点画像が最終的に表示されるまで、フレームの圧縮パラメータに基づいて圧縮を実行することによって取得された終点画像を、表示位置パラメータを使用することによって一定間隔でアニメーション領域内にフレーム単位で表示するように構成される。
オプションでは、隠しキャンバスの形状およびサイズは、アニメーション領域のものと同じである。
オプションでは、装置は、終点画像が記憶された後に隠しキャンバスを削除するように構成された隠しキャンバス削除ユニットをさらに含む。
前述の説明は、単に本出願の好ましい実装形態であり、本出願を限定することを意図するものではない。本出願の要旨および原理から逸脱することなくなされたいかなる修正、同等の置き換え、または改善も、本出願の保護範囲内に入るべきである。
典型的な構成では、コンピューティングデバイスは、1つまたは複数のプロセッサ(CPU)と、1つまたは複数の入力/出力インターフェースと、1つまたは複数のネットワークインターフェースと、1つまたは複数のメモリとを含む。
メモリは、コンピュータ可読媒体内の非永続メモリ、ランダムアクセスメモリ(RAM)、および/または読み出し専用メモリ(ROM)もしくはフラッシュメモリ(フラッシュRAM)のような不揮発性メモリを含むことができる。メモリは、コンピュータ可読媒体の一例である。
コンピュータ可読媒体は、任意の方法または技術を使用することによって情報記憶を実現することができる持続的、非持続的、可動、および不動媒体を含む。情報は、コンピュータ可読命令、データ構造、プログラムモジュール、または他のデータであり得る。コンピュータ記憶媒体の例は、限定はしないが、相変化ランダムメモリ(PRAM)、スタティックランダムアクセスメモリ(SRAM)、ダイナミックランダムアクセスメモリ(DRAM)、別のタイプのランダムアクセスメモリ(RAM)、読み出し専用メモリ(ROM)、電気的消去可能プログラム可能読み出し専用メモリ(EEPROM)、フラッシュメモリもしくは別のメモリ技術、コンパクトディスク読み出し専用メモリ(CD-ROM)、デジタル多用途ディスク(DVD)もしくは別の光学記憶装置、磁気テープ、磁気ディスク記憶装置もしくは別の磁気記憶デバイス、または任意の他の非伝送媒体を含み、コンピューティングデバイスによってアクセスされ得る情報を記憶するために使用され得る。本明細書で説明されているように、コンピュータ可読媒体は、変調データ信号および搬送波のような一時的コンピュータ可読媒体(一時的媒体)を含まない。
「含む」、「備える」という用語、またはそれらの任意の他の変形は、要素のリストを含むプロセス、方法、物品、または装置が、それらの要素を含むだけでなく、明示的に列挙されていない他の要素も含み、または、そのようなプロセス、方法、物品、もしくは装置に固有の要素をさらに含むように、非排他的な包含をカバーすることを意図していることに留意すべきである。「...を含む」が先行する要素は、より多くの制約なしで、要素を含むプロセス、方法、物品、またはデバイス内の追加の同一要素の存在を排除しない。
当業者は、本出願の実装形態が方法、システム、またはコンピュータプログラム製品として提供され得ることを理解すべきである。したがって、本出願は、ハードウェアのみの実装形態、ソフトウェアのみの実装形態、またはソフトウェアとハードウェアの組合せを用いる実装形態の形態を使用することができる。さらに、本出願は、コンピュータ使用可能プログラムコードを含む1つまたは複数のコンピュータ使用可能記憶媒体(限定はしないが、ディスクメモリ、CD-ROM、光メモリなどを含む)上に実装されたコンピュータプログラム製品の形態を使用することができる。
Claims (14)
- モバイルデバイス上で画像をアニメーション化するための方法であって、
隠しキャンバス上に表示されるべき最終画像を描画し、前記描画された画像を終点画像として記憶するステップと、
前記終点画像が最終的に表示されるまで、変化する表示パラメータを使用することによって一定間隔でアニメーション領域内に前記終点画像の少なくとも一部をフレーム単位で表示するステップであって、前記変化する表示パラメータがアニメーション効果に基づいて決定される、ステップと
を含む方法。 - 前記表示パラメータが、画像の各フレームを取得するために前記終点画像を処理するために使用される終点画像処理パラメータと、前記アニメーション領域内の画像の各フレームの表示位置を決定するために使用される表示位置パラメータとを含み、隣接するフレームが、終点画像処理パラメータおよび表示位置パラメータのうちの少なくとも1つにおいて異なる、請求項1に記載の方法。
- 前記表示パラメータが、表示位置パラメータと、アニメーション効果に基づいて決定されたスクリーンショットパラメータの各フレームとを含み、
前記終点画像が最終的に表示されるまで、変化する表示パラメータを使用することによって一定間隔でアニメーション領域内に前記終点画像の少なくとも一部をフレーム単位で表示するステップが、前記終点画像全体が最終的に表示されるまで、前記フレームの前記スクリーンショットパラメータに基づいて取り込まれた前記終点画像の一部を、前記表示位置パラメータを使用することによって前記一定間隔で前記アニメーション領域内にフレーム単位で表示するステップを含む、請求項2に記載の方法。 - 前記表示パラメータが、アニメーション効果に基づいて決定された表示位置パラメータの各フレームと、スクリーンショットパラメータとを含み、
前記終点画像が最終的に表示されるまで、変化する表示パラメータを使用することによって一定間隔でアニメーション領域内に前記終点画像の少なくとも一部をフレーム単位で表示するステップが、前記終点画像全体が最終的に表示されるまで、前記フレームの前記スクリーンショットパラメータに基づいて取り込まれた前記終点画像の一部を、前記フレームの前記表示位置パラメータを使用することによって前記一定間隔で前記アニメーション領域内にフレーム単位で表示するステップを含む、請求項2に記載の方法。 - 前記表示パラメータが、表示位置パラメータと、アニメーション効果に基づいて決定された圧縮パラメータの各フレームとを含み、
前記終点画像が最終的に表示されるまで、変化する表示パラメータを使用することによって一定間隔でアニメーション領域内に前記終点画像の少なくとも一部をフレーム単位で表示するステップが、前記アニメーション領域に一致する終点画像が最終的に表示されるまで、前記フレームの前記圧縮パラメータに基づいて圧縮を実行することによって取得された終点画像を、前記表示位置パラメータを使用することによって前記一定間隔で前記アニメーション領域内にフレーム単位で表示するステップを含む、請求項2に記載の方法。 - 前記隠しキャンバスの形状およびサイズが前記アニメーション領域のものと同じである、請求項1に記載の方法。
- 前記終点画像が記憶された後に前記隠しキャンバスを消去するステップをさらに含む、請求項1に記載の方法。
- モバイルデバイス上で画像をアニメーション化するための装置であって、
隠しキャンバス上に表示されるべき最終画像を描画し、前記描画された画像を終点画像として記憶するように構成された終点画像生成ユニットと、
前記終点画像が最終的に表示されるまで、変化する表示パラメータを使用することによって一定間隔でアニメーション領域内に前記終点画像の少なくとも一部をフレーム単位で表示するように構成されたアニメーション表示ユニットであって、前記変化する表示パラメータがアニメーション効果に基づいて決定される、アニメーション表示ユニットと
を備える装置。 - 前記表示パラメータが、画像の各フレームを取得するために前記終点画像を処理するために使用される終点画像処理パラメータと、前記アニメーション領域内の画像の各フレームの表示位置を決定するために使用される表示位置パラメータとを含み、隣接するフレームが、終点画像処理パラメータおよび表示位置パラメータのうちの少なくとも1つにおいて異なる、請求項8に記載の装置。
- 前記表示パラメータが、表示位置パラメータと、アニメーション効果に基づいて決定されたスクリーンショットパラメータの各フレームとを含み、
前記アニメーション表示ユニットが具体的には、前記終点画像全体が最終的に表示されるまで、前記フレームの前記スクリーンショットパラメータに基づいて取り込まれた前記終点画像の一部を、前記表示位置パラメータを使用することによって前記一定間隔で前記アニメーション領域内にフレーム単位で表示する構成された、請求項9に記載の装置。 - 前記表示パラメータが、アニメーション効果に基づいて決定された表示位置パラメータの各フレームと、スクリーンショットパラメータとを含み、
前記アニメーション表示ユニットが具体的には、前記終点画像全体が最終的に表示されるまで、前記フレームの前記スクリーンショットパラメータに基づいて取り込まれた前記終点画像の一部を、前記フレームの前記表示位置パラメータを使用することによって前記一定間隔で前記アニメーション領域内にフレーム単位で表示するように構成された、請求項9に記載の装置。 - 前記表示パラメータが、表示位置パラメータと、アニメーション効果に基づいて決定された圧縮パラメータの各フレームとを含み、
前記アニメーション表示ユニットが具体的には、前記アニメーション領域に一致する終点画像が最終的に表示されるまで、前記フレームの前記圧縮パラメータに基づいて圧縮を実行することによって取得された終点画像を、前記表示位置パラメータを使用することによって前記一定間隔で前記アニメーション領域内にフレーム単位で表示するように構成された、請求項9に記載の装置。 - 前記隠しキャンバスの形状およびサイズが前記アニメーション領域のものと同じである、請求項8に記載の装置。
- 前記装置が、前記終点画像が記憶された後に前記隠しキャンバスを消去するように構成された隠しキャンバス削除ユニットをさらに備える、請求項8に記載の装置。
Applications Claiming Priority (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610913050.8 | 2016-10-19 | ||
CN201610913050.8A CN107015788B (zh) | 2016-10-19 | 2016-10-19 | 在移动设备上动画展现图像的方法和装置 |
JP2019521097A JP2020500357A (ja) | 2016-10-19 | 2017-10-12 | モバイルデバイス上でアニメーション画像を提示するための方法およびデバイス |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2019521097A Division JP2020500357A (ja) | 2016-10-19 | 2017-10-12 | モバイルデバイス上でアニメーション画像を提示するための方法およびデバイス |
Publications (1)
Publication Number | Publication Date |
---|---|
JP2021157834A true JP2021157834A (ja) | 2021-10-07 |
Family
ID=59439108
Family Applications (2)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2019521097A Pending JP2020500357A (ja) | 2016-10-19 | 2017-10-12 | モバイルデバイス上でアニメーション画像を提示するための方法およびデバイス |
JP2021104830A Pending JP2021157834A (ja) | 2016-10-19 | 2021-06-24 | モバイルデバイス上でアニメーション画像を提示するための方法およびデバイス |
Family Applications Before (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2019521097A Pending JP2020500357A (ja) | 2016-10-19 | 2017-10-12 | モバイルデバイス上でアニメーション画像を提示するための方法およびデバイス |
Country Status (9)
Country | Link |
---|---|
US (1) | US10573053B2 (ja) |
EP (1) | EP3531278A4 (ja) |
JP (2) | JP2020500357A (ja) |
KR (1) | KR102139439B1 (ja) |
CN (1) | CN107015788B (ja) |
PH (1) | PH12019500837A1 (ja) |
SG (1) | SG11201903476UA (ja) |
TW (1) | TWI686768B (ja) |
WO (1) | WO2018072638A1 (ja) |
Families Citing this family (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107015788B (zh) * | 2016-10-19 | 2020-10-30 | 创新先进技术有限公司 | 在移动设备上动画展现图像的方法和装置 |
CN107908341B (zh) * | 2017-09-30 | 2020-05-05 | 广州视睿电子科技有限公司 | 图像显示方法、***、计算机可读存储介质和计算机设备 |
CN109829956A (zh) * | 2017-11-23 | 2019-05-31 | 腾讯科技(深圳)有限公司 | 数据显示方法、装置及电子设备 |
CN110969683A (zh) * | 2018-09-30 | 2020-04-07 | 北京奇虎科技有限公司 | 一种动画生成方法、装置及电子设备 |
CN109783102B (zh) * | 2019-01-18 | 2022-04-12 | 北京城市网邻信息技术有限公司 | 一种小程序中Canvas画布生成的方法、装置、设备和存储介质 |
CN111192349B (zh) * | 2019-11-21 | 2024-02-20 | 深圳国匠云职业教育科技有限公司 | 一种发动机内燃运作的图像显示方法、***及终端 |
CN111078345B (zh) * | 2019-12-18 | 2023-09-19 | 北京金山安全软件有限公司 | 一种图片展示效果确定方法、装置、电子设备及存储介质 |
JP7180050B2 (ja) * | 2019-12-27 | 2022-11-30 | 株式会社覚王山総研 | 情報処理装置、情報処理方法およびプログラム |
CN111273976A (zh) * | 2020-01-09 | 2020-06-12 | 北京金山安全软件有限公司 | 一种动画轮播方法及装置 |
CN112435313A (zh) * | 2020-11-10 | 2021-03-02 | 北京百度网讯科技有限公司 | 播放帧动画的方法、装置、电子设备及可读存储介质 |
CN113610947A (zh) * | 2021-08-09 | 2021-11-05 | 平安国际智慧城市科技股份有限公司 | 动画生成方法、装置、计算机设备及存储介质 |
CN117115313B (zh) * | 2023-10-23 | 2024-02-02 | 成都工业学院 | 一种动画帧图像显示时间优化方法、***、终端及介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2005303907A (ja) * | 2004-04-15 | 2005-10-27 | Fuji Photo Film Co Ltd | 画像編集装置,方法およびプログラム |
JP2010244450A (ja) * | 2009-04-09 | 2010-10-28 | Yappa Corp | 画像処理装置及び画像処理方法 |
JP2020500357A (ja) * | 2016-10-19 | 2020-01-09 | アリババ・グループ・ホールディング・リミテッドAlibaba Group Holding Limited | モバイルデバイス上でアニメーション画像を提示するための方法およびデバイス |
Family Cites Families (23)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP3846488B2 (ja) * | 2004-05-10 | 2006-11-15 | セイコーエプソン株式会社 | 画像データ圧縮装置、エンコーダ、電子機器及び画像データ圧縮方法 |
US8453148B1 (en) * | 2005-04-06 | 2013-05-28 | Teradici Corporation | Method and system for image sequence transfer scheduling and restricting the image sequence generation |
EP1995961A4 (en) * | 2006-03-14 | 2012-08-15 | Sony Corp | IMAGE PROCESSING DEVICE AND METHOD |
US20080055315A1 (en) * | 2006-09-05 | 2008-03-06 | Dale Ducharme | Method and System to Establish and Animate a Coordinate System for Content on a Display |
JP2009151896A (ja) * | 2007-12-21 | 2009-07-09 | Sony Corp | 画像処理装置、動画再生装置、これらにおける処理方法およびプログラム |
US9690442B2 (en) * | 2008-10-17 | 2017-06-27 | Adobe Systems Incorporated | Generating customized effects for image presentation |
JP4623201B2 (ja) * | 2008-10-27 | 2011-02-02 | ソニー株式会社 | 画像処理装置、画像処理方法およびプログラム |
US20100110081A1 (en) * | 2008-10-30 | 2010-05-06 | Microsoft Corporation | Software-aided creation of animated stories |
US9672646B2 (en) * | 2009-08-28 | 2017-06-06 | Adobe Systems Incorporated | System and method for image editing using visual rewind operation |
US20120013621A1 (en) * | 2010-07-15 | 2012-01-19 | Miniclip SA | System and Method for Facilitating the Creation of Animated Presentations |
CN102411791B (zh) * | 2010-09-19 | 2013-09-25 | 三星电子(中国)研发中心 | 一种静止图像动态化的方法和设备 |
CN102903137B (zh) * | 2011-07-27 | 2016-09-21 | 腾讯科技(深圳)有限公司 | 动画播放方法及*** |
CN103177465B (zh) * | 2011-12-26 | 2016-04-13 | 腾讯科技(深圳)有限公司 | 动画控制方法及*** |
US20130263024A1 (en) * | 2012-01-20 | 2013-10-03 | Vistaprint Limited | Organizing and Recalling Website Commands in a Website Under Contruction |
US10359919B2 (en) * | 2013-03-14 | 2019-07-23 | Microsoft Technology Licensing, Llc | Staged animation of charts for data updates |
US9823810B2 (en) * | 2013-04-26 | 2017-11-21 | Samsung Electronics Co., Ltd. | Electronic system with interface modification mechanism and method of operation thereof |
CN104967893B (zh) * | 2014-07-10 | 2019-03-29 | 腾讯科技(北京)有限公司 | 便携电子设备的视频生成方法和装置 |
CN104123742A (zh) * | 2014-07-21 | 2014-10-29 | 徐才 | 一种将静态漫画图片转化为二维动画的方法和播放器 |
CN105786417B (zh) * | 2014-12-19 | 2019-01-25 | 阿里巴巴集团控股有限公司 | 一种静态图片的动态显示方法、装置及设备 |
CN105988762B (zh) * | 2015-02-10 | 2019-07-05 | 腾讯科技(深圳)有限公司 | 动画帧的显示方法、隐藏方法及装置 |
CN105988793A (zh) * | 2015-02-11 | 2016-10-05 | 阿里巴巴集团控股有限公司 | 用于屏幕显示设备的图像展示方法及装置 |
CN105138213A (zh) * | 2015-09-30 | 2015-12-09 | 天脉聚源(北京)科技有限公司 | 动态切换图片的方法和装置 |
CN105719332B (zh) * | 2016-01-20 | 2019-02-19 | 阿里巴巴集团控股有限公司 | 色彩补间动画的实现方法和装置 |
-
2016
- 2016-10-19 CN CN201610913050.8A patent/CN107015788B/zh active Active
-
2017
- 2017-09-11 TW TW106130941A patent/TWI686768B/zh active
- 2017-10-12 KR KR1020197014230A patent/KR102139439B1/ko active IP Right Grant
- 2017-10-12 JP JP2019521097A patent/JP2020500357A/ja active Pending
- 2017-10-12 WO PCT/CN2017/105811 patent/WO2018072638A1/zh unknown
- 2017-10-12 EP EP17862403.7A patent/EP3531278A4/en not_active Withdrawn
- 2017-10-12 SG SG11201903476UA patent/SG11201903476UA/en unknown
-
2019
- 2019-04-16 PH PH12019500837A patent/PH12019500837A1/en unknown
- 2019-04-18 US US16/388,599 patent/US10573053B2/en active Active
-
2021
- 2021-06-24 JP JP2021104830A patent/JP2021157834A/ja active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2005303907A (ja) * | 2004-04-15 | 2005-10-27 | Fuji Photo Film Co Ltd | 画像編集装置,方法およびプログラム |
JP2010244450A (ja) * | 2009-04-09 | 2010-10-28 | Yappa Corp | 画像処理装置及び画像処理方法 |
JP2020500357A (ja) * | 2016-10-19 | 2020-01-09 | アリババ・グループ・ホールディング・リミテッドAlibaba Group Holding Limited | モバイルデバイス上でアニメーション画像を提示するための方法およびデバイス |
Also Published As
Publication number | Publication date |
---|---|
EP3531278A1 (en) | 2019-08-28 |
KR20190071764A (ko) | 2019-06-24 |
SG11201903476UA (en) | 2019-05-30 |
PH12019500837B1 (en) | 2019-11-25 |
US10573053B2 (en) | 2020-02-25 |
US20190251731A1 (en) | 2019-08-15 |
WO2018072638A1 (zh) | 2018-04-26 |
JP2020500357A (ja) | 2020-01-09 |
KR102139439B1 (ko) | 2020-07-30 |
EP3531278A4 (en) | 2019-10-23 |
CN107015788A (zh) | 2017-08-04 |
PH12019500837A1 (en) | 2019-11-25 |
CN107015788B (zh) | 2020-10-30 |
TW201816713A (zh) | 2018-05-01 |
TWI686768B (zh) | 2020-03-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP2021157834A (ja) | モバイルデバイス上でアニメーション画像を提示するための方法およびデバイス | |
CN108010112B (zh) | 动画处理方法、装置及存储介质 | |
TWI697866B (zh) | 色彩補間動畫的實現方法和裝置 | |
EP3279866A1 (en) | Method and apparatus for generating synthetic picture | |
JP6882992B2 (ja) | 動画像をプレビューする方法及びデバイス、並びに表現パッケージを表示する方法及びデバイス | |
US20100302249A1 (en) | Apparatus, systems and methods for layout of scene graphs using node bounding areas | |
WO2017024964A1 (zh) | 一种物品关联图片快速预览的方法以及装置 | |
CN110908762B (zh) | 一种动态壁纸实现方法及设备 | |
CN103034467B (zh) | 图像显示方法、装置及移动终端 | |
KR20180056316A (ko) | 타일-기반 렌더링을 수행하는 방법 및 장치 | |
CN107179920B (zh) | 网络引擎启动方法及装置 | |
CN111752557A (zh) | 一种展示方法及装置 | |
US11561637B2 (en) | Method and device of drawing handwriting track, electronic apparatus, medium, and program product | |
CN111221596A (zh) | 字体渲染方法、装置及计算机可读存储介质 | |
CN107203434A (zh) | 一种纹理共享的方法、装置以及计算机可读存储介质 | |
KR101810019B1 (ko) | 애니메이션 데이터 생성 방법, 장치, 및 전자 기기 | |
CN107621951B (zh) | 一种视图层级优化的方法及装置 | |
JP2007515022A (ja) | アニメーション作成方法および装置 | |
JP2017084304A (ja) | 画像表示装置、画像表示方法 | |
JP6214367B2 (ja) | 画像合成装置及び画像合成プログラム | |
CN110020285B (zh) | 柱状图的处理方法及装置 | |
CN106462600A (zh) | 一种显示照片的方法及设备 | |
JP6120561B2 (ja) | 図形描画装置及び図形描画プログラム | |
CN116758186A (zh) | 局部重绘方法及装置 | |
CN106657560B (zh) | 图像处理方法及移动终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20210701 |
|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20210701 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20221003 |
|
A02 | Decision of refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A02 Effective date: 20230508 |