JP2016173491A - Display control device, display control method and program - Google Patents

Display control device, display control method and program Download PDF

Info

Publication number
JP2016173491A
JP2016173491A JP2015053846A JP2015053846A JP2016173491A JP 2016173491 A JP2016173491 A JP 2016173491A JP 2015053846 A JP2015053846 A JP 2015053846A JP 2015053846 A JP2015053846 A JP 2015053846A JP 2016173491 A JP2016173491 A JP 2016173491A
Authority
JP
Japan
Prior art keywords
display
animation
image
display control
drawing instruction
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.)
Granted
Application number
JP2015053846A
Other languages
Japanese (ja)
Other versions
JP6655880B2 (en
Inventor
浩子 泉原
Hiroko IZUMIHARA
浩子 泉原
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Mitsubishi Electric Corp
Original Assignee
Mitsubishi Electric Corp
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 Mitsubishi Electric Corp filed Critical Mitsubishi Electric Corp
Priority to JP2015053846A priority Critical patent/JP6655880B2/en
Publication of JP2016173491A publication Critical patent/JP2016173491A/en
Application granted granted Critical
Publication of JP6655880B2 publication Critical patent/JP6655880B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Abstract

PROBLEM TO BE SOLVED: To provide a display control device or the like capable of achieving smooth animation display while reducing a drawing processing load.SOLUTION: In a determination unit 120, when operation regarding an animation display is performed by a user, an operation parameter for performing an animation display is set based on the operation. In an adjustment unit 130, based on the set operation parameter, a display mode of an object image to be animation-displayed is adjusted. In a drawing instruction unit 140, a drawing instruction for performing the animation display of an object image is outputted to a display device 300 in the adjusted display mode.SELECTED DRAWING: Figure 4

Description

本発明は、表示制御装置、表示制御方法及びプログラムに関する。   The present invention relates to a display control device, a display control method, and a program.

タッチパネル(タッチスクリーンともいう)上でのユーザによるスライド、拡大、縮小、回転等の操作に応じて、操作対象の画像を動きがあるように変化させて表示する、いわゆるアニメーション表示を行うことにより、ユーザに直感的な操作環境を提供する技術が広く採用されている。このような技術において、滑らかなアニメーション表示を実現するためには、画像を高速で更新する必要があり、描画処理に高い負荷がかかる。   By performing a so-called animation display in which an image to be operated is changed and displayed in response to an operation such as slide, enlargement, reduction, rotation, etc. by a user on a touch panel (also referred to as a touch screen), Technologies that provide intuitive operation environments to users are widely adopted. In such a technique, in order to realize a smooth animation display, it is necessary to update the image at a high speed, which places a high load on the drawing process.

描画処理の負荷を軽減する技術として、例えば、特許文献1には、サーバ装置が、携帯端末装置におけるユーザのスクロール操作に応じて表示される画像の更新頻度が所定の閾値以上であると判別した場合には、一連の画像に対応する動画データを生成し、生成した動画データを携帯端末装置に送信する方法が開示されている。   As a technique for reducing the drawing processing load, for example, in Patent Document 1, the server device determines that the update frequency of an image displayed in response to a user's scroll operation on the mobile terminal device is equal to or higher than a predetermined threshold. In some cases, a method of generating moving image data corresponding to a series of images and transmitting the generated moving image data to a mobile terminal device is disclosed.

特開2012−119945号公報JP 2012-119945 A

しかしながら、一般的に、動画データを生成するためには、CPU(Central Processing Unit)等について高い処理能力が必要となる。特許文献1に開示された方法においても、動画データを生成することによって、却って処理に負荷がかかり、特にCPU等の処理能力が高くない場合に、結果的に、携帯端末装置での動画の表示に遅延が発生する虞がある。   However, generally, in order to generate moving image data, a high processing capability is required for a CPU (Central Processing Unit) or the like. Even in the method disclosed in Patent Document 1, when moving image data is generated, processing is overloaded, and particularly when the processing capability of the CPU or the like is not high, as a result, the moving image is displayed on the mobile terminal device. There is a risk of delay.

本発明は、このような実情に鑑みてなされたものであり、描画処理の負荷を軽減しつつ、滑らかなアニメーション表示を実現できる表示制御装置等を提供することを目的とする。   The present invention has been made in view of such circumstances, and an object of the present invention is to provide a display control device and the like that can realize smooth animation display while reducing the load of drawing processing.

上記目的を達成するため、本発明の表示制御装置は、
ユーザによりアニメーション表示に関する操作が行われた場合、前記操作に基づいてアニメーション表示を行うための動作パラメータを設定するパラメータ設定手段と、
前記設定された動作パラメータに基づいて、アニメーション表示される対象画像の表示態様を調整する調整手段と、
前記調整された表示態様で前記対象画像をアニメーション表示するための描画指示を表示装置に出力する描画指示手段と、を備える。
In order to achieve the above object, the display control device of the present invention provides:
When an operation related to animation display is performed by the user, parameter setting means for setting operation parameters for performing animation display based on the operation;
Adjusting means for adjusting a display mode of a target image to be animated based on the set operation parameter;
Drawing instruction means for outputting a drawing instruction for displaying the target image in animation in the adjusted display mode to a display device.

本発明によれば、描画処理の負荷を軽減しつつ、滑らかなアニメーション表示を実現することができる。   According to the present invention, it is possible to realize smooth animation display while reducing the load of drawing processing.

本発明の実施の形態に係る情報処理装置のハードウェア構成図である。It is a hardware block diagram of the information processing apparatus which concerns on embodiment of this invention. 表示装置で表示される監視画面の例を示す図である。It is a figure which shows the example of the monitoring screen displayed with a display apparatus. 表示装置でアニメーション表示される監視画面の例を示す図である。It is a figure which shows the example of the monitoring screen displayed by animation on a display apparatus. 本発明の実施の形態に係る表示制御装置のソフトウェア構成図である。It is a software block diagram of the display control apparatus which concerns on embodiment of this invention. 画像補正テーブルの構成例を示す図である。It is a figure which shows the structural example of an image correction table. フレームレートテーブルの構成例を示す図である。It is a figure which shows the structural example of a frame rate table. ユーザがスワイプ操作をしたときに操作受付装置が取得する座標群の例を示す図である。It is a figure which shows the example of the coordinate group which an operation reception apparatus acquires when a user performs swipe operation. 表示制御処理を示すフローチャートである。It is a flowchart which shows a display control process. 操作特徴抽出処理を示すフローチャートである。It is a flowchart which shows the operation feature extraction process. アニメーション決定処理を示すフローチャートである。It is a flowchart which shows an animation determination process. 表示態様調整処理を示すフローチャートである。It is a flowchart which shows a display mode adjustment process. 描画指示処理を示すフローチャートである。It is a flowchart which shows a drawing instruction | indication process.

以下、本発明の実施の形態に係る表示制御装置について、図面を参照して詳細に説明する。   Hereinafter, a display control apparatus according to an embodiment of the present invention will be described in detail with reference to the drawings.

本実施の形態に係る表示制御装置は、例えば、図1に示すように、情報処理装置1に採用される装置である。表示制御装置100は、表示装置300に画像を表示させる装置である。   The display control apparatus according to the present embodiment is an apparatus that is employed in the information processing apparatus 1, for example, as illustrated in FIG. The display control device 100 is a device that displays an image on the display device 300.

情報処理装置1は、例えば、建物内の設備を監視する監視装置であり、図2、図3に示すように、表示装置300で監視画面(表示画面)Sを表示する。監視画面Sには、建物内の各場所における監視結果の履歴を示すリストLが表示される。図2の例では、「4:廊下東」に設定されている設備に何らかの異常が発生していることが表示されている。   The information processing apparatus 1 is a monitoring apparatus that monitors equipment in a building, for example, and displays a monitoring screen (display screen) S on the display device 300 as shown in FIGS. On the monitoring screen S, a list L indicating a history of monitoring results at each place in the building is displayed. In the example of FIG. 2, it is displayed that some abnormality has occurred in the equipment set in “4: Corridor East”.

表示制御装置100は、表示装置300にてリストLをスライド表示(アニメーション表示の一種)させる際に、例えば、フレームレートを変更したり、図3に示すように、画像要素や文字要素をそれぞれ簡易な画像で置き換えたりすることで、表示装置300の描画処理の負荷を軽減する。以下、表示制御装置100を備える情報処理装置1の構成を説明する。   When the display device 300 slides the list L on the display device 300 (a kind of animation display), for example, the frame rate is changed, or as shown in FIG. By replacing with a simple image, the load of the drawing process of the display device 300 is reduced. Hereinafter, the configuration of the information processing apparatus 1 including the display control apparatus 100 will be described.

情報処理装置1は、図1に示すように、表示装置300を制御する表示制御装置100と、ユーザの操作を受け付ける操作受付装置200と、ユーザに提供する情報を表示する表示装置300と、を備える。操作受付装置200と表示装置300は、それぞれ表示制御装置100と、バス等の通信線Cによって電気的に接続されている。   As illustrated in FIG. 1, the information processing device 1 includes a display control device 100 that controls the display device 300, an operation reception device 200 that receives a user operation, and a display device 300 that displays information provided to the user. Prepare. The operation reception device 200 and the display device 300 are electrically connected to the display control device 100 via a communication line C such as a bus.

表示制御装置100は、表示制御装置100が備える各構成部の統括制御を行う制御部10と、種々のプログラムやこれらプログラムの実行時に使用されるデータ等を記憶する記憶部20と、通信線Cを介して接続された操作受付装置200、表示装置300等の周辺装置との通信を制御するI/O(Input/Output)コントローラ30と、を備えている。これら構成部は、バス40を介して接続されている。   The display control device 100 includes a control unit 10 that performs overall control of each component included in the display control device 100, a storage unit 20 that stores various programs, data used when these programs are executed, and a communication line C. And an I / O (Input / Output) controller 30 for controlling communication with peripheral devices such as an operation receiving device 200 and a display device 300 connected via the network. These components are connected via a bus 40.

制御部10は、CPU、RAM(Random Access Memory)、ROM(Read Only Memory)等から構成される。制御部10は、RAMを作業領域として記憶部20に記憶されている各種プログラムを実行することにより、情報処理装置1における各設備の動作状態の監視を行うための機能部(不図示)から監視情報を受け取り、受け取った監視情報が示す監視画面Sを表示する。また、制御部10は、表示装置300における描画処理の負荷を軽減するための処理を実行する。   The control unit 10 includes a CPU, a RAM (Random Access Memory), a ROM (Read Only Memory), and the like. The control unit 10 is monitored from a functional unit (not shown) for monitoring the operation state of each facility in the information processing apparatus 1 by executing various programs stored in the storage unit 20 using the RAM as a work area. The information is received, and the monitoring screen S indicated by the received monitoring information is displayed. Further, the control unit 10 executes processing for reducing the load of drawing processing in the display device 300.

記憶部20は、例えば、フラッシュメモリ等の読み書き可能な不揮発性の半導体メモリ、HDD(Hard Disk Drive)等から構成される。記憶部20は、種々のプログラムを記憶し、さらに制御部10の処理に用いられる種々のデータを記憶する。   The storage unit 20 includes, for example, a readable / writable nonvolatile semiconductor memory such as a flash memory, an HDD (Hard Disk Drive), or the like. The storage unit 20 stores various programs and further stores various data used for the processing of the control unit 10.

I/Oコントローラ30は、表示制御装置100と周辺装置との通信を制御するためのプロセッサを含んで構成される。I/Oコントローラ30は、操作受付装置200からユーザ操作を示す情報を受信し、制御部10に送出する。また、I/Oコントローラ30は、制御部10の指示により、受信した情報に対応する描画指示を表示装置300に送信する。   The I / O controller 30 includes a processor for controlling communication between the display control device 100 and peripheral devices. The I / O controller 30 receives information indicating a user operation from the operation reception device 200 and sends it to the control unit 10. Further, the I / O controller 30 transmits a drawing instruction corresponding to the received information to the display device 300 according to an instruction from the control unit 10.

操作受付装置200は、例えば、タッチパネル、キーパッド、タッチパッド、ボタン、スイッチ、マウス、キーボード、ユーザのジェスチャを認識するためのカメラ、距離センサ、離れた場所にある別装置からの入力を受け付ける通信装置等の入力デバイスを含んで構成され、ユーザからの入力操作を受け付け、受け付けた入力操作に係る信号を表示制御装置100に送出する。   The operation reception device 200 is, for example, a touch panel, a keypad, a touch pad, a button, a switch, a mouse, a keyboard, a camera for recognizing a user's gesture, a distance sensor, and a communication that receives input from another device at a remote location. An input device such as a device is configured to receive an input operation from a user and send a signal related to the received input operation to the display control apparatus 100.

表示装置300は、例えば、LCD(Liquid Crystal Display)等の表示デバイスを含んで構成され、表示制御装置100の制御の下、ユーザに提供する情報の表示を行う。なお、本実施の形態では、操作受付装置200と表示装置300は、操作受付機能と表示機能とを備える静電容量方式のタッチパネルであり、ユーザが表示画面Sに触れている座標、触れている点の数、表示画面Sをなぞる方向等を検知することにより、ユーザ操作を受け付ける。   The display device 300 includes a display device such as an LCD (Liquid Crystal Display), for example, and displays information to be provided to the user under the control of the display control device 100. In the present embodiment, the operation reception device 200 and the display device 300 are capacitive touch panels having an operation reception function and a display function, and the user touches the coordinates touching the display screen S. A user operation is accepted by detecting the number of points, the direction of tracing the display screen S, and the like.

ここで、図2、3に示すように、表示装置300の表示画面Sの左上の角を原点とし、原点から幅(横)方向をx軸、高さ(縦)方向をy軸とする。また、表示画面Sの画素数は、幅が320ピクセル、高さが240ピクセルとする。   2 and 3, the upper left corner of the display screen S of the display device 300 is the origin, the width (horizontal) direction from the origin is the x axis, and the height (vertical) direction is the y axis. The number of pixels on the display screen S is 320 pixels wide and 240 pixels high.

また、表示画面Sは、複数の表示エリアを有しており、例えば、図2、図3に示すように、リストLを表示するリスト表示エリア310と、リスト表示エリア310で表示されている部分の全体における高さ方向(y方向)の位置を示すスクロールエリア320と、を含んでいる。   The display screen S has a plurality of display areas. For example, as shown in FIGS. 2 and 3, a list display area 310 for displaying a list L and a portion displayed in the list display area 310. And a scroll area 320 indicating the position in the height direction (y direction).

リストLがリスト表示エリア310に収まりきらない場合には、ユーザは、リスト表示エリア310のリストLをスライド操作することで、リストLの所望する項目を表示させることができる。また、スクロールエリア320は、ノブ321を含んでおり、スクロールエリア320におけるノブ321の位置とy方向の長さとにより、リスト表示エリア310で表示されている部分の全体における高さ方向の位置と割合とが視覚的に示される。   When the list L does not fit in the list display area 310, the user can display a desired item of the list L by sliding the list L in the list display area 310. The scroll area 320 includes a knob 321, and the position and ratio of the height direction in the entire portion displayed in the list display area 310 according to the position of the knob 321 in the scroll area 320 and the length in the y direction. Is shown visually.

なお、本実施の形態においては、これらのエリアに表示されているリストL及びノブ321は、それぞれ、y方向のみにスライドすることが可能であるとする。   In the present embodiment, it is assumed that the list L and the knob 321 displayed in these areas can be slid only in the y direction.

情報処理装置1が備える表示制御装置100は、上述の構成を有することで種々の機能を発揮する。図4を参照して、表示制御装置100の機能的な構成を説明する。   The display control apparatus 100 included in the information processing apparatus 1 exhibits various functions by having the above-described configuration. A functional configuration of the display control apparatus 100 will be described with reference to FIG.

表示制御装置100は、操作受付装置200から取得した操作情報から操作の特徴を抽出する操作特徴抽出部110と、表示装置300で表示する画像の動き(アニメーション)を決定する決定部120(パラメータ設定手段)と、表示装置300で表示するアニメーション画像の表示態様を調整する調整部130と、アニメーション画像の補正方法が設定された画像補正テーブル131と、アニメーション画像のフレームレートが設定されたフレームレートテーブル132と、調整されたアニメーション画像の描画指示を表示装置300に出力する描画指示部140と、を有する。   The display control device 100 includes an operation feature extraction unit 110 that extracts operation features from the operation information acquired from the operation reception device 200, and a determination unit 120 (parameter setting) that determines the movement (animation) of an image displayed on the display device 300. Means), an adjustment unit 130 for adjusting the display mode of the animation image displayed on the display device 300, an image correction table 131 in which a correction method of the animation image is set, and a frame rate table in which the frame rate of the animation image is set 132 and a drawing instruction unit 140 that outputs a drawing instruction of the adjusted animation image to the display device 300.

操作特徴抽出部110は、主として、制御部10とI/0コントローラ30とが協働することによって実現される。操作特徴抽出部110は、操作受付装置200からユーザ操作を示す操作情報を取得すると、取得した情報からユーザ操作の特徴を抽出し、抽出した特徴を示す操作特徴情報を決定部120に送出する。ここで、ユーザ操作の特徴としては、操作の種類(例えば、スワイプ、スライド、ドラッグ、ピンチイン/アウト、タップ等)、開始点、終了点、方向、操作速度v等がある。 The operation feature extraction unit 110 is realized mainly by the cooperation of the control unit 10 and the I / O controller 30. When the operation feature extraction unit 110 acquires the operation information indicating the user operation from the operation reception device 200, the operation feature extraction unit 110 extracts the feature of the user operation from the acquired information and sends the operation feature information indicating the extracted feature to the determination unit 120. Here, the characteristics of the user operation include the type of operation (for example, swipe, slide, drag, pinch in / out, tap, etc.), start point, end point, direction, operation speed vo, and the like.

決定部120は、主として、制御部10によって実現される。決定部120は、操作特徴抽出部110から送出された操作特徴情報に基づいて、表示装置300で表示される画像の動きを特徴づけるアニメーション情報(動作パラメータ)を生成(設定)する。決定部120は、例えば、アニメーション画像の動きの速度を示すアニメーション速度v、一回のユーザ操作でアニメーション画像がスライドする距離を示す総移動量L、アニメーション画像がスライドする方向等を、表示エリア毎に算出し、アニメーション情報として調整部130及び描画指示部140に送出する。 The determination unit 120 is mainly realized by the control unit 10. Based on the operation feature information sent from the operation feature extraction unit 110, the determination unit 120 generates (sets) animation information (operation parameters) that characterizes the movement of the image displayed on the display device 300. The determination unit 120 displays, for example, an animation speed v d indicating the speed of movement of the animation image, a total movement amount L d indicating the distance that the animation image slides by a single user operation, a direction in which the animation image slides, and the like. It is calculated for each area and sent to the adjustment unit 130 and the drawing instruction unit 140 as animation information.

調整部130は、主として、制御部10によって実現される。調整部130は、決定部120からアニメーション情報を受け取ると、画像補正テーブル131と、フレームレートテーブル132と、を参照して、表示エリア毎に、アニメーション画像の表示態様を調整する。例えば、調整部130は、各表示エリアのアニメーション画像に含まれる文字要素や画像要素を代替画像に置き換えたり、フレームレートを変更したりする調整を行う。調整部130は、調整した表示態様を示す調整情報を描画指示部140に送出する。   The adjustment unit 130 is mainly realized by the control unit 10. When the adjustment unit 130 receives the animation information from the determination unit 120, the adjustment unit 130 refers to the image correction table 131 and the frame rate table 132 to adjust the display mode of the animation image for each display area. For example, the adjustment unit 130 performs adjustments such as replacing character elements and image elements included in the animation image of each display area with a substitute image or changing the frame rate. The adjustment unit 130 sends adjustment information indicating the adjusted display mode to the drawing instruction unit 140.

画像補正テーブル131は、データテーブルであり、例えば、記憶部20に予め記憶されている。画像補正テーブル131には、図5の例に示すように、表示エリア毎に、アニメーション速度vに応じた補正方法が設定されている。例えば、リスト表示エリア310について、決定部120が決定したアニメーション速度vが30dps(dots per second)である場合には、アニメーション画像に含まれる文字要素がダミー画像(スライドする文字に類似する画像)に置き換えられることが設定されており、アニメーション速度vが50dpsである場合には、さらに、アニメーション画像に含まれる画像要素が単色矩形画像に置き換えられることが設定されている。また、例えば、スクロールエリア320について、決定部120が決定したアニメーション速度vが60dpsである場合には、いずれの画像要素も補正しないことが設定されている。なお、図中の「・・・」には、単色矩形画像又はダミー画像よりも、描画負荷の低い画像が該当する。例えば、デフォルトの単色矩形画像又はダミー画像よりも、解像度の低い画像等が該当する。 The image correction table 131 is a data table and is stored in advance in the storage unit 20, for example. The image correction table 131, as shown in the example of FIG. 5, for each display area, the correction method corresponding to the animation speed v d is set. For example, for the list display area 310, when the animation speed v d determined by the determination unit 120 is 30 dps (dots per second), the character element included in the animation image is a dummy image (an image similar to a sliding character). When the animation speed v d is 50 dps, the image element included in the animation image is set to be replaced with a monochrome rectangular image. Further, for example, the scroll area 320, when the animation speed v d the decision unit 120 has decided is 60dps is set may not be corrected any image element. Note that “...” In the figure corresponds to an image with a lower drawing load than a single-color rectangular image or a dummy image. For example, an image having a lower resolution than the default single-color rectangular image or dummy image is applicable.

一般に、リスト表示エリア310のアニメーション速度vは、スクロールエリア320のアニメーション速度vよりも大きく、ユーザがリスト表示エリア310を細部まで視認しない傾向がある。そこで、リスト表示エリア310のアニメーション画像に含まれる画像要素や文字要素を処理負荷が低い代替画像で置き換えることにより、全体的に描画処理の負荷を軽減することができる。また、スクロールエリア320についても、アニメーション速度vが大きい場合(例えばvが75dps以上の場合)に、画像要素や文字要素を代替画像で置き換えるようにしてもよい。 In general, the animation speed v d of the list display area 310, greater than animation speed v d of the scroll area 320, there is a tendency that the user does not view the list display area 310 every detail. Therefore, by replacing the image elements and character elements included in the animation image in the list display area 310 with an alternative image having a low processing load, the drawing processing load can be reduced overall. Also, in the scroll area 320, when the animation speed v d is high (for example, when v d is 75 dps or more), the image element or the character element may be replaced with a substitute image.

フレームレートテーブル132は、データテーブルであり、例えば、記憶部20に予め記憶されている。フレームレートテーブル132には、図6の例に示すように、表示エリア毎に、アニメーション画像のフレームレートが設定されている。ここでは、リスト表示エリア310に10fps(flames per second)、スクロールエリア320に30fpsが設定されている。   The frame rate table 132 is a data table, and is stored in advance in the storage unit 20, for example. In the frame rate table 132, as shown in the example of FIG. 6, the frame rate of the animation image is set for each display area. Here, 10 fps (frames per second) is set in the list display area 310, and 30 fps is set in the scroll area 320.

一般的に、リスト表示エリア310の面積は、スクロールエリア320の面積よりも大きい。そこで、面積の大きいリスト表示エリア310のフレームレートを低くすることで、全体的に描画処理の負荷を軽減することができる。また、面積の小さいスクロールエリア320のフレームレートを相対的に高く設定することで、滑らかな操作レスポンスを実現することができる。   In general, the area of the list display area 310 is larger than the area of the scroll area 320. Thus, by lowering the frame rate of the large list display area 310, it is possible to reduce the overall drawing processing load. Further, by setting the frame rate of the scroll area 320 having a small area relatively high, a smooth operation response can be realized.

描画指示部140は、主として、制御部10とI/Oコントローラ30とが協働することによって実現される。描画指示部140は、決定部120からアニメーション情報を受け取り、調整部130から調整情報を受け取ると、アニメーション情報が示すアニメーション画像を、調整情報が示す表示態様で調整し、1フレーム毎に表示装置300に描画指示を出力する。   The drawing instruction unit 140 is realized mainly by the cooperation of the control unit 10 and the I / O controller 30. When the drawing instruction unit 140 receives the animation information from the determination unit 120 and receives the adjustment information from the adjustment unit 130, the drawing instruction unit 140 adjusts the animation image indicated by the animation information in the display mode indicated by the adjustment information, and the display device 300 for each frame. The drawing instruction is output to.

次に、ユーザが図7の例に示す操作を行った場合を例に、図8−図12を参照して、上記構成を有する情報処理装置1の動作を説明する。   Next, the operation of the information processing apparatus 1 having the above configuration will be described with reference to FIGS. 8 to 12, taking the case where the user performs the operation shown in the example of FIG. 7 as an example.

操作受付装置200は、ユーザが操作面にタッチしているか否かを示す情報と、ユーザがタッチしている位置を示す情報と、を予め定めた間隔(例えば0.2秒毎)で取得する。図7では、ユーザがリスト表示エリア310上の操作面をタッチし、タッチしている指を上方向に素早く動かし、その後操作面から指を離す、いわゆるスワイプ操作をした場合の例を示している。操作受付装置200は、ユーザから受け付けた操作情報を表示制御装置100に送出する。   The operation reception device 200 acquires information indicating whether or not the user is touching the operation surface and information indicating the position where the user is touching at predetermined intervals (for example, every 0.2 seconds). . FIG. 7 shows an example in which the user touches the operation surface on the list display area 310, quickly moves the touching finger upward, and then releases the finger from the operation surface, so-called a swipe operation. . The operation reception device 200 sends operation information received from the user to the display control device 100.

表示制御装置100の操作特徴抽出部110が、操作受付装置200から操作情報を取得すると、図8に示す表示制御処理がスタートする。なお、本実施の形態では、ユーザが操作受付装置200に対してスワイプ操作を行うと、表示装置300で表示されるアニメーション画像は一定の速度でスライド(定速スライド)した後、停止する。   When the operation feature extraction unit 110 of the display control apparatus 100 acquires the operation information from the operation reception apparatus 200, the display control process illustrated in FIG. In the present embodiment, when the user performs a swipe operation on the operation reception device 200, the animation image displayed on the display device 300 slides at a constant speed (constant speed slide) and then stops.

表示制御処理がスタートすると、まず、操作特徴抽出部110が、ユーザ操作の特徴を抽出する操作特徴抽出処理を行う(ステップS100)。操作特徴抽出部110がユーザ操作の特徴を抽出すると、決定部120が、抽出された操作の特徴に基づいて定まるアニメーションを決定するアニメーション決定処理を行う(ステップS200)。   When the display control process starts, first, the operation feature extraction unit 110 performs an operation feature extraction process for extracting a feature of a user operation (step S100). When the operation feature extraction unit 110 extracts the feature of the user operation, the determination unit 120 performs an animation determination process for determining an animation determined based on the extracted operation feature (step S200).

続いて、調整部130が、アニメーション決定処理で決定したアニメーションに基づいて、アニメーション画像の表示態様を調整する表示態様調整処理を行う(ステップS300)。調整部130が表示態様を調整すると、調整部130と描画指示部140とが協働して、表示装置300にアニメーション画像の描画を指示する描画指示処理を行う(ステップS400)。以下、上記各処理の詳細について説明する。   Subsequently, the adjustment unit 130 performs display mode adjustment processing for adjusting the display mode of the animation image based on the animation determined in the animation determination processing (step S300). When the adjustment unit 130 adjusts the display mode, the adjustment unit 130 and the drawing instruction unit 140 cooperate to perform a drawing instruction process for instructing the display device 300 to draw an animation image (step S400). The details of each of the above processes will be described below.

<操作特徴抽出処理>
図9を参照して、操作特徴抽出部110が操作受付装置200から操作情報を取得するとスタートする操作特徴抽出処理について、詳細に説明する。まず、操作特徴抽出部110は、取得した操作情報から、ユーザ操作の種類を判別する(ステップS101)。例えば、操作特徴抽出部110は、図7の例に示すように、ユーザ操作が予め定めた時間(例えば0.6秒以上1.0秒以内)内に完結しているような場合に、ユーザ操作がスワイプ操作であると判別する。
<Operation feature extraction processing>
With reference to FIG. 9, an operation feature extraction process that starts when the operation feature extraction unit 110 acquires operation information from the operation reception device 200 will be described in detail. First, the operation feature extraction unit 110 determines the type of user operation from the acquired operation information (step S101). For example, as illustrated in the example of FIG. 7, the operation feature extraction unit 110 may be used when the user operation is completed within a predetermined time (for example, 0.6 seconds to 1.0 seconds). It is determined that the operation is a swipe operation.

続いて、操作特徴抽出部110は、操作情報から、ユーザ操作の開始点を抽出する(ステップS102)。図7の例に示す操作情報からは、(160,200)が操作の開始点として抽出される。   Subsequently, the operation feature extraction unit 110 extracts the start point of the user operation from the operation information (step S102). From the operation information shown in the example of FIG. 7, (160, 200) is extracted as the operation start point.

さらに、操作特徴抽出部110は、操作情報から、ユーザ操作の方向を抽出する(ステップS103)。図7に示す操作情報の例では、操作の終点の座標値(160,150)から操作の開始点の座標値(160,200)を減算すると、(0,−50)であるので、操作の方向は、上方向であると判別される。   Further, the operation feature extraction unit 110 extracts the direction of the user operation from the operation information (step S103). In the example of the operation information shown in FIG. 7, when the coordinate value (160, 200) of the operation start point is subtracted from the coordinate value (160, 150) of the operation end point, it is (0, -50). The direction is determined to be the upward direction.

また、操作特徴抽出部110は、操作情報から、操作速度vを抽出する(ステップS104)。図7に示す操作情報の例では、ユーザ操作の開始点から終点まで、1.0秒かけて移動しているので、操作速度vは50dpsであると判別される。 Further, the operation feature extraction unit 110 extracts the operation speed vo from the operation information (step S104). In the example of the operation information shown in FIG. 7, the operation speed vo is determined to be 50 dps since the movement from the start point to the end point of the user operation takes 1.0 seconds.

操作特徴抽出部110は、操作情報から抽出した情報
{操作:スワイプ、開始点:(160,200)、方向:上、v:50dps}
を操作特徴情報として、決定部120に送出する。その後、処理はアニメーション決定処理へ移行する。
The operation feature extraction unit 110 extracts information {operation: swipe, start point: (160, 200), direction: up, v o : 50 dps} from the operation information.
Is sent to the determination unit 120 as operation feature information. Thereafter, the process proceeds to an animation determination process.

<アニメーション決定処理>
図10を参照して、決定部120が操作特徴抽出部110から操作特徴情報を取得するとスタートするアニメーション決定処理について、詳細に説明する。
<Animation decision processing>
With reference to FIG. 10, an animation determination process that starts when the determination unit 120 acquires operation feature information from the operation feature extraction unit 110 will be described in detail.

決定部120は、操作特徴抽出部110から操作特徴情報を取得すると、取得した操作特徴情報から、まず、リスト表示エリア310で表示されるアニメーション画像のアニメーション速度vと総移動量Lを算出する(ステップS201)。決定部120は、例えば、ユーザの操作速度vから、次式で表されるように、アニメーション速度vと総移動量Lを算出する。
=v[dps]
=0.4v[ピクセル]
When determining the operation feature information from the operation feature extraction unit 110, the determination unit 120 first calculates the animation speed v d and the total movement amount L d of the animation image displayed in the list display area 310 from the acquired operation feature information. (Step S201). For example, the determination unit 120 calculates the animation speed v d and the total movement amount L d from the user's operation speed v o as represented by the following equation.
v d = v o [dps]
L d = 0.4 v o [pixel]

ここでは、操作特徴情報が示すユーザの操作速度vが50dpsであるので、アニメーション速度vが50dps、総移動量Lが20ピクセルと算出される。 Here, since the user operation speed vo indicated by the operation feature information is 50 dps, the animation speed v d is calculated to be 50 dps, and the total movement amount L d is calculated to be 20 pixels.

続いて、決定部120は、スクロールエリア320で表示されるアニメーション画像のアニメーション速度vと総移動量Lを算出する(ステップS202)。スクロールエリア320が、リスト表示エリア310で表示されている部分の全体における高さ方向の位置を示すものであるので、スクロールエリア320上のアニメーション速度vと総移動量Lは、リスト表示エリア310で表示されるデータ量に応じて算出される。ここでは、スクロールエリア320上のアニメーション速度vが30dps、総移動量Lが20ピクセルと算出されたとする。 Subsequently, the determination unit 120 calculates the animation speed v d and the total movement amount L d of the animation image displayed in the scroll area 320 (step S202). Since the scroll area 320 indicates the position in the height direction of the entire portion displayed in the list display area 310, the animation speed v d and the total movement amount L d on the scroll area 320 are the list display area. This is calculated according to the amount of data displayed at 310. Here, it is assumed that the animation speed v d on the scroll area 320 is calculated to be 30 dps and the total movement amount L d is 20 pixels.

決定部120は、表示エリア毎に算出したアニメーション速度vや総移動量L等を、以下のようなアニメーション情報として、調整部130及び描画指示部140に送出する。その後、処理は表示態様調整処理へ移行する。
{表示エリア:リスト表示エリア、方向:上、v:50dps、L:20ピクセル}
{表示エリア:スクロールエリア、方向:下、v:30dps、L:20ピクセル}
The determination unit 120 sends the animation speed v d and the total movement amount L d calculated for each display area to the adjustment unit 130 and the drawing instruction unit 140 as the following animation information. Thereafter, the processing shifts to display mode adjustment processing.
{Display area: List display area, Direction: Up, v d : 50 dps, L d : 20 pixels}
{Display Area: scroll area, direction: down, v d: 30dps, L d : 20 pixels}

<表示態様調整処理>
図11を参照して、調整部130が決定部120からアニメーション情報を取得するとスタートする表示態様調整処理について、詳細に説明する。
<Display mode adjustment processing>
With reference to FIG. 11, the display mode adjustment process that starts when the adjustment unit 130 acquires animation information from the determination unit 120 will be described in detail.

調整部130は、決定部120からアニメーション情報を取得すると、まず、リスト表示エリア310について、画像補正方法とフレームレートを決定する(ステップS301)。   When acquiring the animation information from the determination unit 120, the adjustment unit 130 first determines an image correction method and a frame rate for the list display area 310 (step S301).

より詳細には、調整部130は、画像補正テーブル131を参照して、画像補正方法を抽出する。リスト表示エリア310のアニメーション速度vが50dpsであるので、調整部130は、アニメーション画像に含まれる画像要素を単色矩形画像に、文字要素をダミー画像に置き換えることを決定する。また、調整部130は、フレームレートテーブル132を参照して、フレームレートを10fpsに決定する。 More specifically, the adjustment unit 130 refers to the image correction table 131 and extracts an image correction method. Because animation speed v d of the list display area 310 is a 50Dps, adjustment unit 130 determines to replace the image elements included in the animation image in monochrome rectangular image, the character element the dummy image. Further, the adjustment unit 130 refers to the frame rate table 132 and determines the frame rate to be 10 fps.

続いて、調整部130は、スクロールエリア320について、画像補正方法とフレームレートを決定する(ステップS302)。   Subsequently, the adjustment unit 130 determines an image correction method and a frame rate for the scroll area 320 (step S302).

ここでは、スクロールエリア320のアニメーション速度vが30dpsであるので、調整部130は、画像補正方法を設定しないことを決定する。また、調整部130は、フレームレートテーブル132を参照して、フレームレートを30fpsに決定する。 Here, since the animation speed v d of the scroll area 320 is a 30Dps, adjusting section 130 determines not to set an image correction method. Further, the adjustment unit 130 refers to the frame rate table 132 and determines the frame rate to be 30 fps.

調整部130は、表示エリア毎に算出した画像補正方法とフレームレートを、以下のような調整情報として、描画指示部140に送出する。その後、処理は描画指示処理へ移行する。
{表示エリア:リスト表示エリア、画像:単色矩形画像、文字:ダミー画像、フレームレート:10fps}
{表示エリア:リスト表示エリア、画像:補正なし、文字:補正なし、フレームレート:30fps}
The adjustment unit 130 sends the image correction method and the frame rate calculated for each display area to the drawing instruction unit 140 as the following adjustment information. Thereafter, the process proceeds to a drawing instruction process.
{Display area: List display area, Image: Monochromatic rectangular image, Character: Dummy image, Frame rate: 10 fps}
{Display area: List display area, Image: No correction, Character: No correction, Frame rate: 30 fps}

<描画指示処理>
図12を参照して、描画指示部140が決定部120からアニメーション情報を取得し、調整部130から調整情報を取得するとスタートする描画指示処理について、詳細に説明する。なお、描画指示処理は、表示領域毎に実行される。ここでは、リスト表示エリア310の描画指示処理の例について説明する。
<Drawing instruction processing>
With reference to FIG. 12, the drawing instruction process that starts when the drawing instruction unit 140 acquires animation information from the determination unit 120 and acquires adjustment information from the adjustment unit 130 will be described in detail. Note that the drawing instruction process is executed for each display area. Here, an example of the drawing instruction process in the list display area 310 will be described.

まず、描画指示部140は、取得したアニメーション情報が示すアニメーション画像を、取得した調整情報が示す表示態様で調整し、最初(フレーム番号がi=1)のフレームの描画指示を表示装置300に出力する(ステップS401)。描画指示部140が、最初のフレームの描画指示を出力すると、調整部130は、フレーム番号をインクリメント(i=2)する(ステップS402)。   First, the drawing instruction unit 140 adjusts the animation image indicated by the acquired animation information in the display mode indicated by the acquired adjustment information, and outputs the drawing instruction of the first frame (frame number i = 1) to the display device 300. (Step S401). When the drawing instruction unit 140 outputs a drawing instruction for the first frame, the adjustment unit 130 increments the frame number (i = 2) (step S402).

続いて、調整部130は、インクリメントしたフレーム番号(i=2)を持つフレームについて、スライドさせる残りの距離を表す残移動量lを算出する(ステップS403)。
残移動量lは、l(即ち、総移動量L)から、1フレームあたりの移動量mを減算することで求められる。
i+1=l−m[ピクセル]
=L−m[ピクセル]
Subsequently, the adjustment unit 130 calculates a remaining movement amount l 2 representing the remaining distance to be slid for the frame having the incremented frame number (i = 2) (step S403).
The remaining movement amount l 2 is obtained by subtracting the movement amount m d per frame from l 1 (that is, the total movement amount L d ).
l i + 1 = l i −m d [pixel]
l 2 = L d −m d [pixel]

1フレームあたりの移動量mは、アニメーション速度vをフレームレートで除算することで求められる。ここでは、アニメーション速度vが50dpsでフレームレートが10fpsであるので、移動量mは5ピクセルと算出される。したがって、i=2のスライド番号を持つフレームについて、残移動量lは15ピクセルと算出される。 The movement amount m d per frame is obtained by dividing the animation speed v d by the frame rate. Here, since the animation speed v d is 50 dps and the frame rate is 10 fps, the movement amount m d is calculated as 5 pixels. Therefore, the remaining movement amount l 2 is calculated as 15 pixels for the frame having the slide number of i = 2.

調整部130は、残移動量lを算出すると、残移動量lの値が0より大きいか否かを判定する(ステップS404)。ここでは、残移動量lの値が15であるので、描画指示処理のステップは、ステップS401に移る。 After calculating the remaining movement amount l 2 , the adjustment unit 130 determines whether or not the value of the remaining movement amount l 2 is greater than 0 (step S404). Here, since the value of the remaining movement amount l 2 is 15, the drawing instruction processing step proceeds to step S401.

ステップS401では、描画指示部140は、1番目のフレームの描画指示が出力されてから、調整情報が示すフレームレートの逆数をとった期間(フレームレートが10fpsであれば0.1秒)が経過すると、2番目のフレームの描画指示を表示装置300に出力する(ステップS401)。2番目のフレームは1番目のフレームを上方向に移動量m(5ピクセル)だけ移動させ、調整情報が示す画像補正方法で調整された画像である。 In step S401, after the drawing instruction for the first frame is output, the drawing instruction unit 140 has passed a period (0.1 seconds if the frame rate is 10 fps) that is the inverse of the frame rate indicated by the adjustment information. Then, a drawing instruction for the second frame is output to the display device 300 (step S401). The second frame is an image adjusted by the image correction method indicated by the adjustment information after moving the first frame upward by the movement amount m d (5 pixels).

以降、ステップS403で算出する残移動量li+1の値が0以下になったと判定(ステップS404でNo)されるまで、ステップS401〜S404の処理が繰り返される。 Thereafter, the processes in steps S401 to S404 are repeated until it is determined that the value of the remaining movement amount l i + 1 calculated in step S403 has become 0 or less (No in step S404).

ステップS403で算出した残移動量li+1の値が0以下になると(ステップS404でNo)、調整部130は、描画指示部140にアニメーション表示を終了することを示すアニメーション終了通知を送出する(ステップS405)。 When the value of the remaining movement amount l i + 1 calculated in step S403 becomes 0 or less (No in step S404), the adjustment unit 130 sends an animation end notification indicating that the animation display is ended to the drawing instruction unit 140 (step S404). S405).

描画指示部140は、調整部130からアニメーション終了通知を受けると、調整を解除する旨を示す指示を表示装置300に出力する(ステップS406)。   Upon receiving the animation end notification from the adjustment unit 130, the drawing instruction unit 140 outputs an instruction to cancel the adjustment to the display device 300 (step S406).

上述した描画指示処理は、スクロールエリア320についても同様に実行される。   The drawing instruction process described above is similarly executed for the scroll area 320.

以上説明したように、本実施の形態では、調整部130が、ユーザ操作により定まるアニメーション画像の表示態様を調整する構成とした。これにより、アニメーション画像の描画処理の負荷を軽減することができ、表示装置300の描画処理能力が低い場合であっても、滑らかなアニメーション表示を実現することができる。   As described above, in the present embodiment, the adjustment unit 130 is configured to adjust the display mode of the animation image determined by the user operation. Thereby, the load of the drawing process of an animation image can be reduced, and smooth animation display can be realized even when the drawing processing capability of the display device 300 is low.

本実施の形態では、調整部130が、画像補正テーブル131を参照し、アニメーション速度vが大きい時には、アニメーション画像の画像要素を簡略化して表示する構成とした。アニメーション速度vが大きい場合、ユーザは表示画像の細部を確認しない傾向にあるため、上述した構成をとることにより、ユーザに不都合を与えることなく、描画負荷を低減し、結果的に滑らかなアニメーション表示を実現することができる。 In this embodiment, the adjustment unit 130 refers to the image correction table 131, but when the animation speed v d is large, and a structure for displaying a simplified image elements of the animation image. If the animation speed v d is large, the user tends not to check the details of the displayed image, by taking the configuration described above, without giving inconvenience to the user, and reduce the rendering load, resulting in smooth animation Display can be realized.

また、本実施の形態では、アニメーション速度vが大きい場合に、調整部130がアニメーション画像に含まれる文字要素を代替画像に変更する構成とした。これにより、一般的に描画処理の負荷が高いフォントの描画負荷を低減することができる。 In the present embodiment, the adjustment unit 130 changes the character element included in the animation image to the substitute image when the animation speed v d is high. As a result, it is possible to reduce the drawing load of a font that generally has a high drawing processing load.

また、本実施の形態では、アニメーション速度vが大きい場合に、調整部130がアニメーション画像に含まれる画像要素を代替画像に変更する構成とした。これにより、特に、ベクタ形式で表示される画像の透明色の透過、拡縮といった画像変換処理の負荷を低減することができる。 In the present embodiment, the adjustment unit 130 changes the image element included in the animation image to the substitute image when the animation speed v d is high. Thereby, in particular, it is possible to reduce the load of image conversion processing such as transmission and enlargement / reduction of a transparent color of an image displayed in a vector format.

なお、本発明は、上記実施の形態に限定されず、本発明の要旨を逸脱しない範囲での種々の変更はもちろん可能である。   In addition, this invention is not limited to the said embodiment, Of course, the various change in the range which does not deviate from the summary of this invention is possible.

例えば、上述した実施の形態では、操作特徴抽出部110がユーザのスワイプ操作を判別する例を説明したが、ユーザが2本の指で操作面をタッチし、タッチしている指の間隔を変更する操作を行った場合に、画像の拡大縮小を指示するピンチアウト/ピンチイン操作であると判別するように構成してもよい。また、例えば、ユーザが2本の指で操作面をタッチし、タッチしている2本の指を同心円上で同方向に動かす操作を行った場合に、画像の回転を指示する回転操作であると判別するように構成してもよい。表示制御装置100は、操作面にタッチされている点の数に応じて異なる基準を持ち、点の数が2点である場合は、2点間の距離や、2点をつないだ直線の傾き等から、上記操作を判別する。   For example, in the above-described embodiment, an example in which the operation feature extraction unit 110 determines the user's swipe operation has been described. However, the user touches the operation surface with two fingers and changes the interval between the touching fingers. When an operation to perform this is performed, it may be determined that the operation is a pinch-out / pinch-in operation instructing the enlargement / reduction of the image. In addition, for example, when the user touches the operation surface with two fingers and moves the two touching fingers in the same direction on a concentric circle, the rotation operation is an instruction to rotate the image. It may be configured to discriminate. The display control apparatus 100 has different standards depending on the number of points touched on the operation surface, and when the number of points is two, the distance between the two points or the slope of the straight line connecting the two points From the above, the above operation is determined.

上述した実施の形態では、アニメーション画像が定速スライドする場合を例に、表示制御処理を説明したが、アニメーション画像の動きは定速スライドに限られない。   In the embodiment described above, the display control process has been described by taking the case where the animation image slides at a constant speed as an example, but the movement of the animation image is not limited to the constant speed slide.

例えば、ユーザが操作受付装置200の操作面をタッチし、勢いをつけてスライドする、いわゆるフリック操作を行った場合、表示装置300で表示される画像のアニメーションを、徐々に減速(減速スライド)させ、停止するように構成してもよい。この場合、描画指示処理のステップS401で描画指示部140がi番目のフレームの描画指示を出力した後、調整部130がアニメーション速度vを一定の割合で減少させ、減少させたアニメーション速度vの値に応じて、i+1番目のフレームの表示態様を変更するように構成してもよい。 For example, when the user touches the operation surface of the operation reception device 200 and performs a so-called flick operation that slides with momentum, the animation of the image displayed on the display device 300 is gradually decelerated (decelerated slide). It may be configured to stop. In this case, after the drawing instruction unit 140 outputs the drawing instruction of the i-th frame in step S401 of the drawing instruction process, the adjustment unit 130 decreases the animation speed v d at a certain rate, and the reduced animation speed v d. The display mode of the (i + 1) th frame may be changed according to the value of.

また、例えば、ユーザが表示画像を拡大するための拡大操作を行った場合、表示装置300で表示される画像について、定速で拡大する定速拡大のアニメーション表示をさせたり、少しずつ透明化しながら拡大してフェードアウトする透明化拡大のアニメーション表示をさせたりするように構成してもよい。また、本実施の形態の表示制御処理は、画像の縮小や回転等のアニメーション表示に適用してもよい。   In addition, for example, when the user performs an enlargement operation for enlarging the display image, the image displayed on the display device 300 is displayed with a constant speed enlargement animation that is enlarged at a constant speed, or is made transparent little by little. You may comprise so that the animation display of the transparent expansion expansion which expands and fades out may be made. Further, the display control processing of the present embodiment may be applied to animation display such as image reduction and rotation.

上述した実施の形態では、画像補正方法は画像補正テーブル131で、フレームレートはフレームレートテーブル132で、予め設定されていると説明したが、CPU使用率等の処理負荷に応じて動的に決定するように構成してもよい。例えば、調整部130が、CPU使用率が10%未満の場合には、アニメーション速度vによらず、表示態様を調整しないようにし、CPU使用率が50%を超えた場合には、いずれの表示エリアにおいてもフレームレートを10fpsに変更するように構成してもよい。このように構成することで、表示制御装置100の処理負荷に応じた最適なアニメーション表示を行うことができる。 In the above-described embodiment, it has been described that the image correction method is set in advance in the image correction table 131 and the frame rate is set in advance in the frame rate table 132. However, it is determined dynamically according to the processing load such as the CPU usage rate. You may comprise. For example, the adjustment unit 130 does not adjust the display mode regardless of the animation speed v d when the CPU usage rate is less than 10%, and when the CPU usage rate exceeds 50%, whichever Also in the display area, the frame rate may be changed to 10 fps. With this configuration, it is possible to perform optimal animation display according to the processing load of the display control apparatus 100.

また、上述した実施の形態では、フレームレートテーブル132において、表示エリア毎にアニメーション画像のフレームレートが設定されていると説明したが、調整部130が、表示エリアの面積に応じて、各表示エリアのフレームレートを設定するように構成しても良い。例えば、表示エリアの面積が表示画像全体の面積の10%未満の場合には、フレームレートを40fpsに設定するように構成してもよい。このように構成することで、表示エリアの面積がユーザ設定等で変更できるような場合であっても、変更された表示エリアの面積に応じて、最適なアニメーション表示を行うことができる。   Further, in the above-described embodiment, it has been described that the frame rate of the animation image is set for each display area in the frame rate table 132. However, the adjustment unit 130 may select each display area according to the area of the display area. The frame rate may be set. For example, when the area of the display area is less than 10% of the total area of the display image, the frame rate may be set to 40 fps. With this configuration, even when the area of the display area can be changed by a user setting or the like, optimal animation display can be performed according to the changed area of the display area.

また、フレームレートは、アニメーション速度vや総移動量Lに応じて設定されるように構成してもよい。 Further, the frame rate may be configured to be set according to the animation speed v d and the total movement amount L d .

上述した実施の形態では、調整部130が、アニメーション画像に含まれる文字要素について、文字種に関わらず同一のダミー画像で代替する調整を行うと説明したが、文字種毎に異なるダミー画像で代替するように構成してもよい。例えば、画像補正をする文字が漢字である場合には、文字色のドットの割合が60%である画像に変更し、画像補正をする文字が数字やアルファベットである場合には、文字色のドットの割合が15%である画像に変更するよう構成してもよい。このように構成することで、より自然なアニメーション表示を実現することができる。   In the above-described embodiment, it has been described that the adjustment unit 130 performs the adjustment for replacing the character element included in the animation image with the same dummy image regardless of the character type. However, the adjustment unit 130 may be replaced with a different dummy image for each character type. You may comprise. For example, if the character for image correction is a Chinese character, the character color dot ratio is changed to an image of 60%. If the character for image correction is a number or alphabet, the character color dot is changed. The image may be changed to an image having a ratio of 15%. With this configuration, a more natural animation display can be realized.

上述した実施の形態では、調整部130が、アニメーション画像に含まれる画像要素を単色矩形画像で代替する調整を行うと説明したが、調整前の画像よりも描画処理の負荷が低減される画像であれば、他の画像であってもよい。例えば、代替画像は単色の円形画像や、代替される画像要素の解像度を低くした画像であってもよい。   In the above-described embodiment, it has been described that the adjustment unit 130 performs the adjustment to replace the image element included in the animation image with the single-color rectangular image. However, the adjustment unit 130 is an image in which the load of the drawing process is reduced as compared with the image before the adjustment. Any other image may be used. For example, the substitute image may be a monochrome circular image or an image in which the resolution of the image element to be substituted is lowered.

上記実施の形態では、表示制御装置100は、ビル内の設備を監視する情報処理装置1に採用される装置であると説明したが、スマートフォン、タブレット端末等、他の装置に適用することも可能である。   In the said embodiment, although the display control apparatus 100 demonstrated that it was an apparatus employ | adopted as the information processing apparatus 1 which monitors the installation in a building, it is also possible to apply to other apparatuses, such as a smart phone and a tablet terminal. It is.

1 情報処理装置、100 表示制御装置、10 制御部、20 記憶部、30 I/Oコントローラ、40 バス、110 操作特徴抽出部、120 決定部、130 調整部、131 画像補正テーブル、132 フレームレートテーブル、140 描画指示部、200 操作受付装置、300 表示装置、310 リスト表示エリア、320 スクロールエリア、321 ノブ、C 通信線、S 監視画面、表示画面、L リスト DESCRIPTION OF SYMBOLS 1 Information processing apparatus, 100 Display control apparatus, 10 Control part, 20 Storage part, 30 I / O controller, 40 Bus, 110 Operation feature extraction part, 120 Determination part, 130 Adjustment part, 131 Image correction table, 132 Frame rate table , 140 Drawing instruction unit, 200 Operation accepting device, 300 Display device, 310 List display area, 320 Scroll area, 321 Knob, C communication line, S Monitoring screen, Display screen, L list

Claims (9)

ユーザによりアニメーション表示に関する操作が行われた場合、前記操作に基づいてアニメーション表示を行うための動作パラメータを設定するパラメータ設定手段と、
前記設定された動作パラメータに基づいて、アニメーション表示される対象画像の表示態様を調整する調整手段と、
前記調整された表示態様で前記対象画像をアニメーション表示するための描画指示を表示装置に出力する描画指示手段と、
を備える表示制御装置。
When an operation related to animation display is performed by the user, parameter setting means for setting operation parameters for performing animation display based on the operation;
Adjusting means for adjusting a display mode of a target image to be animated based on the set operation parameter;
A drawing instruction means for outputting, to a display device, a drawing instruction for displaying the target image in an animation in the adjusted display mode;
A display control device.
前記パラメータ設定手段は、前記アニメーション表示される対象画像のアニメーション速度を設定し、
前記調整手段は、前記パラメータ設定手段が設定したアニメーション速度に基づいて、前記対象画像の表示態様を調整する、
請求項1に記載の表示制御装置。
The parameter setting means sets an animation speed of the target image to be animated,
The adjusting means adjusts the display mode of the target image based on the animation speed set by the parameter setting means.
The display control apparatus according to claim 1.
前記調整手段は、前記対象画像に含まれる文字要素を代替画像に変更する、
請求項1又は2に記載の表示制御装置。
The adjusting means changes a character element included in the target image to a substitute image;
The display control apparatus according to claim 1 or 2.
前記調整手段は、前記文字要素を構成する文字の種別に応じて、前記代替画像を変更する、
請求項3に記載の表示制御装置。
The adjusting means changes the substitute image according to the type of characters constituting the character element.
The display control apparatus according to claim 3.
前記調整手段は、前記対象画像に含まれる画像要素を代替画像に変更する、
請求項1から4のいずれか一項に記載の表示制御装置。
The adjusting means changes an image element included in the target image to a substitute image;
The display control apparatus as described in any one of Claim 1 to 4.
前記パラメータ設定手段は、前記対象画像が表示される表示エリアの種別毎に、前記動作パラメータを設定する、
請求項1から5のいずれか一項に記載の表示制御装置。
The parameter setting means sets the operation parameter for each type of display area in which the target image is displayed.
The display control apparatus according to any one of claims 1 to 5.
前記調整手段は、前記対象画像が表示される表示エリアの種別毎に、前記描画指示手段が前記表示装置に前記描画指示を出力する際のフレームレートを調整する、
請求項1から6のいずれか一項に記載の表示制御装置。
The adjustment means adjusts a frame rate at which the drawing instruction means outputs the drawing instruction to the display device for each type of display area in which the target image is displayed.
The display control apparatus as described in any one of Claim 1 to 6.
コンピュータが、
ユーザによりアニメーション表示に関する操作が行われた場合、前記操作に基づいてアニメーション表示を行うための動作パラメータを設定し、
前記設定された動作パラメータに基づいて、アニメーション表示される対象画像の表示態様を調整し、
前記調整された表示態様で前記対象画像をアニメーション表示するための描画指示を表示装置に出力する、
表示制御方法。
Computer
When an operation related to animation display is performed by the user, an operation parameter for performing animation display is set based on the operation,
Based on the set operation parameter, adjust the display mode of the target image to be animated,
Outputting a drawing instruction for displaying the target image in an animation in the adjusted display mode to a display device;
Display control method.
コンピュータを、
ユーザによりアニメーション表示に関する操作が行われた場合、前記操作に基づいてアニメーション表示を行うための動作パラメータを設定するパラメータ設定手段、
前記設定された動作パラメータに基づいて、アニメーション表示される対象画像の表示態様を調整する調整手段、
前記調整された表示態様で前記対象画像をアニメーション表示するための描画指示を表示装置に出力する描画指示手段、
として機能させるプログラム。
Computer
Parameter setting means for setting operation parameters for performing animation display based on the operation when an operation related to animation display is performed by the user;
Adjusting means for adjusting a display mode of a target image to be animated based on the set operation parameter;
A drawing instruction means for outputting, to a display device, a drawing instruction for displaying the target image in an animation in the adjusted display mode;
Program to function as.
JP2015053846A 2015-03-17 2015-03-17 Display control device, display control method and program Active JP6655880B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2015053846A JP6655880B2 (en) 2015-03-17 2015-03-17 Display control device, display control method and program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2015053846A JP6655880B2 (en) 2015-03-17 2015-03-17 Display control device, display control method and program

Publications (2)

Publication Number Publication Date
JP2016173491A true JP2016173491A (en) 2016-09-29
JP6655880B2 JP6655880B2 (en) 2020-03-04

Family

ID=57009614

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2015053846A Active JP6655880B2 (en) 2015-03-17 2015-03-17 Display control device, display control method and program

Country Status (1)

Country Link
JP (1) JP6655880B2 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2018106010A (en) * 2016-12-27 2018-07-05 岩崎電気株式会社 Information display device and information display system

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002258830A (en) * 2001-02-28 2002-09-11 Canon Inc Display controller
JP2009139452A (en) * 2007-12-04 2009-06-25 Sharp Corp Display control device
JP2013541073A (en) * 2010-08-20 2013-11-07 クアルコム,インコーポレイテッド Graphics rendering method to meet minimum frame rate requirements
JP2014194747A (en) * 2013-02-28 2014-10-09 Canon Inc Information processor, information processing method and computer program
US8904306B1 (en) * 2008-06-12 2014-12-02 Sprint Communications Company L.P. Variable speed scrolling

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002258830A (en) * 2001-02-28 2002-09-11 Canon Inc Display controller
JP2009139452A (en) * 2007-12-04 2009-06-25 Sharp Corp Display control device
US8904306B1 (en) * 2008-06-12 2014-12-02 Sprint Communications Company L.P. Variable speed scrolling
JP2013541073A (en) * 2010-08-20 2013-11-07 クアルコム,インコーポレイテッド Graphics rendering method to meet minimum frame rate requirements
JP2014194747A (en) * 2013-02-28 2014-10-09 Canon Inc Information processor, information processing method and computer program

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2018106010A (en) * 2016-12-27 2018-07-05 岩崎電気株式会社 Information display device and information display system

Also Published As

Publication number Publication date
JP6655880B2 (en) 2020-03-04

Similar Documents

Publication Publication Date Title
KR101794000B1 (en) Apparatus and method for scrolling in portable terminal
US20180232135A1 (en) Method for window displaying on a mobile terminal and mobile terminal
KR20130097594A (en) Method and apparatus for moving contents on screen in terminal
US20160042496A1 (en) Information processing apparatus, display control method, and storage medium
US20190205022A1 (en) Electronic apparatus, adjustment method for display interface layout and adjustment system for display interface layout
US9880721B2 (en) Information processing device, non-transitory computer-readable recording medium storing an information processing program, and information processing method
US10735606B2 (en) Display device, image processing device and non-transitory recording medium determining continuity of operation two or more display areas
US20150253943A1 (en) Method and Apparatus for Implementing Remote Browsing
KR20140038830A (en) Method and apparatus for adjusting zoom level in terminal
JP6412778B2 (en) Video apparatus, method, and program
JP6111481B2 (en) Display device, terminal device, display system, and display method
EP3203465A1 (en) Image display method, user terminal and video receiving equipment
JP5783610B2 (en) INPUT DISPLAY CONTROL DEVICE, THIN CLIENT SYSTEM, INPUT DISPLAY CONTROL METHOD, AND PROGRAM
CN113703630A (en) Interface display method and device
JP6655880B2 (en) Display control device, display control method and program
JP2019020901A (en) Image processing apparatus, image display method, and computer program
US10645144B2 (en) Computer-implemented method for controlling a remote device with a local device
US20160357395A1 (en) Information processing device, non-transitory computer-readable recording medium storing an information processing program, and information processing method
TWI540864B (en) Information transmission method and wireless display system
CN107728898B (en) Information processing method and mobile terminal
JP2015153083A (en) Display control program, apparatus, and method
JP2019015812A (en) Terminal device, display system, and method for controlling terminal device
JP2013214235A (en) Display control device, display control method, and program
JP2015102946A (en) Information processing apparatus, control method of information processing apparatus, and program
US20170131824A1 (en) Information processing apparatus, information processing method, and information processing program

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20171211

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20180809

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20180904

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20181024

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20190326

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20190524

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20191029

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20191211

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20200107

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20200204

R150 Certificate of patent or registration of utility model

Ref document number: 6655880

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250