JP5061176B2

JP5061176B2 - 情報表示装置、情報表示方法、およびそのプログラム

Info

Publication number: JP5061176B2
Application number: JP2009290516A
Authority: JP
Inventors: 宏司町田; 真也長谷川
Original assignee: Yahoo Japan Corp
Current assignee: Yahoo Japan Corp
Priority date: 2009-12-22
Filing date: 2009-12-22
Publication date: 2012-10-31
Anticipated expiration: 2029-12-22
Also published as: JP2011133961A

Description

本発明は、表示画面に背景画像と背景画像上に配置されたオブジェクトとを表示する情報表示装置、情報表示方法、およびそのプログラムに関する。

一般的なオペレーティングシステム（ＯＳ：Operating System）においては、コンピュータ等に接続されたディスプレイ上にデスクトップ画面を表示し、このデスクトップ画面上に複数のアイコンを配置している。これらのアイコンにはアプリケーションやファイルが保存されているが、アイコン間には何の関係性（階層）もなくすべて同じである。したがって、デスクトップ画面には多数のアイコンが散在した状態になりやすい。これらのアイコンを整理するには、ユーザがマウス等を用いてアイコンを１つ１つ選択するか複数のアイコンを一括選択して、所望の位置まで移動させる操作を行っている。また、ＯＳが有するアイコンの自動整理機能を利用する方法もある。

一方で、ウェブページ画面に対するユーザの指示操作性を向上させるための技術が知られている（例えば、特許文献１参照）。特許文献１には、表示画面に対するユーザのタッチ入力位置を中心としてほぼ環状に複数のメニュー項目を表示している。すなわち、ユーザのタッチ入力位置に応じて複数のメニュー項目を移動させることができる。

特開２００６−１３９６１５号公報

しかしながら、デスクトップ画面で多数のアイコンを移動させる場合、アイコンを１つ１つ選択するのは面倒であり、アイコンを一括選択する場合でもユーザが所望するとおりのアイコンを選択することが困難な場合がある。また、デスクトップ画面に多数のアイコンが配置されている場合は、アイコンが重なって配置されないように移動先のスペースを確保する必要があり、操作が煩雑となってしまう。さらに、アイコンの自動整理機能にも限界があり、ユーザが所望するとおりにアイコンを移動できない場合がある。したがって、さらなる操作性の向上が望まれている。

また、特許文献１では、タッチ入力位置に応じて複数のメニュー項目（オブジェクト）を所望の位置に移動させることはできるものの、予め決められた特定のオブジェクトを移動させるものであるため、上述のようにデスクトップ画面に散在する多数のアイコンを移動させることはできない。

本発明の目的は、背景画像に配置された複数のオブジェクトを移動させる際の操作性に優れた情報表示装置、情報表示方法、およびそのプログラムを提供することである。

本発明の情報表示装置は、背景画像を三次元平面とし、該背景画像上に複数のオブジェクトを配置して表示する情報表示装置であって、前記背景画像に対するユーザの操作を受ける入力手段と、前記入力手段による前記背景画像に対するユーザの操作が行われた場合には、前記三次元平面の垂直方向に仮想的な重力を形成し、前記入力手段による前記ユーザの操作に応じて前記重力の方向に対する前記背景画像の傾きを三次元的に変化させるとともに、前記背景画像の変化に応じた前記重力に沿って、前記複数のオブジェクトの位置を前記三次元平面上で移動させるアニメーションの表示制御を行い、前記入力手段による前記背景画像に対するユーザの操作が行われていない場合には、前記背景画像に傾きを生じさせていない初期画像を表示する制御を行う表示制御手段と、を備えることを特徴とする。

この発明では、背景画像に対する入力操作を行うだけで背景画像を三次元的に変化させ、複数のオブジェクトをまとめて移動させることができる。三次元的に変化した背景画像上を仮想的な重力に沿ってオブジェクトが移動する態様は、ユーザにとってより自然かつ容易に想定することができるため、背景画像に対する操作入力を直感的に行うことができる。これによれば、ユーザは、オブジェクトを選択する必要がなく、直感的に背景画像に対して入力操作を行えばよいので、操作性に優れている。特に、ユーザの操作が背景画像の変化に直接反映されるため、操作性にも視覚的にも優れている。
また、平面的な背景画像を仮想的な三次元空間に変化させ、背景画像の変形に沿って仮想的な重力に基づいた移動態様は自然法則に基づいた自然な態様であり、視覚的に優れている。

本発明の情報表示装置において、前記入力手段は、前記背景画像に重なる入力領域を有するタッチ入力部であり、前記表示制御手段は、前記ユーザが２本の指を前記背景画像の任意の領域を挟んだ状態で前記タッチ入力部にタッチした後、前記２本の指をタッチ入力部に沿って互いに近づく方向に移動させ、前記背景画像の重力方向とは反対方向に突出する尾根状の突出部を形成し、前記尾根状の突出部を境界として互いに反対の方向へ前記複数のオブジェクトを移動させるアニメーションの表示制御を行うことが好ましい。

この発明によれば、背景画像を三次元的に変化させて尾根状の突出部を形成することにより、背景画像上に勾配（傾斜）が発生する。したがって、複数のオブジェクトを、この勾配に沿って重力方向に移動させ、尾根状の突出部を境界として二分割することができる。すなわち、ユーザは背景画像の所望の位置に尾根状の突出部を形成する入力操作を行うだけで、その位置で複数のオブジェクトを二分割することができる。
また、このように仮想的な重力に沿った移動はより自然な表示態様であるため、ユーザは直感的に認識しやすく操作性に優れる。また、視覚的にも優れている。
なお、突出部を形成する入力操作は特に限定されず、入力手段に応じて適宜決定すればよい。

本発明の情報表示装置において、前記表示制御手段は、前記オブジェクトのデータ量をオブジェクトの重さと仮定し、この重さに応じて前記オブジェクトの移動速度を調整することが好ましい。

本発明の情報表示装置において、前記表示制御手段は、前記複数のオブジェクトにそれぞれ属性を設定し、前記ユーザが操作を行う時に前記属性を選択することで、操作対象のオブジェクトを選択することが好ましい。

本発明の情報表示装置において、前記表示制御手段は、前記ユーザの操作に応じて前記背景画像に開口部を有する凹状のくぼみ部を形成し、前記複数のオブジェクトを前記くぼみ部に移動させるアニメーションの表示制御を行うことが好ましい。

この発明によれば、背景画像を三次元的に変化させて凹状のくぼみ部を形成することにより、背景画像上に勾配（傾斜）が発生する。したがって、複数のオブジェクトをこの勾配に沿って重力方向に移動させ、くぼみ部に複数のオブジェクトを集めることができる。すなわち、ユーザは背景画像の所望の位置にくぼみ部を形成する入力操作を行うだけで、その位置に複数のオブジェクトを集めることができる。
また、このように仮想的な重力に沿った移動はより自然な表示態様であるため、ユーザは直感的に認識しやすく操作性に優れる。また、視覚的にも優れている。
なお、くぼみ部を形成する入力操作は特に限定されず、入力手段に応じて適宜決定すればよい。入力手段としてマウス等のポインティングデバイスやタッチパネル等が挙げられる。例えば、マウスを使用する場合は背景画像上の任意の位置に対するクリック操作によってくぼみ部を形成してもよい。また、タッチパネルを使用する場合は背景画像上の任意の位置にタッチ操作を行うことでくぼみ部を形成してもよい。

本発明の情報表示装置において、前記表示制御手段は、前記複数のオブジェクトのうち、前記背景画像の変形位置から所定の範囲内に位置するオブジェクトを移動させることが好ましい。

この発明によれば、背景画像の変形位置から所定の範囲内のオブジェクトのみを移動させることができる。所定の範囲内とは特に限定されず、視覚的に違和感のない範囲である。ユーザの入力操作による背景画像の変形により背景画像上に勾配（傾斜）が発生するので、例えばこの勾配が発生している範囲を所定の範囲内とする。

本発明の情報表示装置において、前記表示制御手段は、前記ユーザの操作に応じて前記背景画像に開口部を有する孔部を形成し、前記複数のオブジェクトを前記孔部に移動させるアニメーションの表示制御を行うとともに、前記孔部に移動したオブジェクトを削除する処理を行ってもよい。
この発明によれば、背景画像を三次元的に変化させて孔部を形成し、複数のオブジェクトを孔部に移動させ、孔部へ移動したオブジェクトを削除することができる。すなわち、ユーザは背景画像の所望の位置に孔部を形成する入力操作を行うだけで、その位置に複数のオブジェクトを集めて削除することができ、操作性に優れる。
また、孔部をゴミ箱と想定した処理を行うため、ユーザは直感的に認識しやすく操作性に優れ、視覚的にも優れている。
なお、孔部を形成する入力操作は特に限定されず、入力手段に応じて適宜決定すればよい。

本発明の情報表示装置において、前記表示制御手段は、前記オブジェクトを、水滴を模した画像で表示し、前記オブジェクトの移動状態を、水滴の移動状態を模してアニメーションの表示制御を行ってもよい。
この発明では、背景画像上に複数の水滴を模した形状のオブジェクトが配置されている。ユーザの操作により背景画像が変形し、水滴オブジェクトがその勾配に沿って重力方向に移動する態様は、葉の上を水滴が滑り落ちる態様を模しているため、ユーザにとってより自然に認識することができる。したがって、水滴オブジェクトの移動状態を容易に想定できるため、背景画像に対する入力の操作性が向上する。
また、平面的な背景画像上でこのように三次元的に変化する態様は、視覚的にも優れている。

本発明の情報表示装置において、前記入力手段は、前記背景画像に重なる入力領域を有するタッチ入力部であり、前記ユーザの操作は、前記タッチ入力部に対するタッチ操作であることが好ましい。
この発明によれば、入力手段としてタッチ入力部を利用することにより、背景画像に対してより直接的な指示（入力）を行うことができ、操作性の向上を図ることができる。

本発明の情報表示方法は、背景画像を三次元平面とし、該背景画像上に複数のオブジェクトを配置して表示する情報表示方法であって、前記入力手段による前記背景画像に対するユーザの操作が行われた場合には、前記三次元平面の垂直方向に仮想的な重力を形成し、前記背景画像に対するユーザの操作に応じて前記重力の方向に対する前記背景画像の傾きを三次元的に変化させるステップと、前記背景画像の変化に応じた前記重力に沿って、前記複数のオブジェクトの位置を前記三次元平面上で移動させるアニメーションの表示制御を行うステップと、前記入力手段による前記背景画像に対するユーザの操作が行われていない場合には、前記背景画像に傾きを生じさせていない初期画像を表示する制御を行うステップと、を有することを特徴とする。

本発明のプログラムは、背景画像を三次元平面とし、該背景画像上に複数のオブジェクトを配置して表示するプログラムであって、前記入力手段による前記背景画像に対するユーザの操作が行われた場合には、前記三次元平面の垂直方向に仮想的な重力を形成し、前記背景画像に対するユーザの操作に応じて前記重力の方向に対する前記背景画像の傾きを三次元的に変化させるステップと、前記背景画像の変化に応じた前記重力に沿って、前記複数のオブジェクトの位置を前記三次元平面上で移動させるアニメーションの表示制御を行うステップと、前記入力手段による前記背景画像に対するユーザの操作が行われていない場合には、前記背景画像に傾きを生じさせていない初期画像を表示する制御を行うステップと、をコンピュータに実行させることを特徴とする。

この発明によれば、コンピュータに前述の情報表示方法を実行させるため、このプログラムをインストールするだけの簡単な構成で、前述と同様の作用効果を得ることができ、有用性が高い。

本発明の一実施形態にかかる情報表示装置の構成を示すブロック図。前記実施形態における情報表示装置の動作を示すフローチャート。前記実施形態においてモニタに表示された初期画像を示す概略図。前記実施形態においてユーザが初期画像に対してパターン１の操作入力をする様子を示す概略図。前記実施形態においてユーザのパターン１の操作入力に対する背景画像の変化を示す概略図。前記実施形態においてユーザのパターン１の操作入力に対する処理終了後の画像を示す概略図。前記実施形態においてユーザのパターン２の操作入力に対する背景画像の変化とオブジェクトの移動態様を示す概略図。前記実施形態においてユーザのパターン２の操作入力に対する処理終了後の画像を示す概略図。前記実施形態においてユーザのパターン３の操作入力に対する背景画像の変化とオブジェクトの移動態様を示す概略図。前記実施形態においてユーザのパターン３の操作入力に対する処理終了後の画像を示す概略図。前記実施形態においてユーザのパターン４の操作入力に対する背景画像の変化とオブジェクトの移動態様を示す概略図。前記実施形態においてユーザのパターン４の操作入力に対する処理終了後の画像を示す概略図。前記実施形態においてユーザのパターン５の操作入力に対するオブジェクトの移動態様を示す概略図。

以下、本発明の実施形態を図面に基づいて説明する。本実施形態では、背景画像上に複数のオブジェクトを表示する情報表示装置として、デスクトップ画面にアイコンを表示可能なモバイルパーソナルコンピュータ（ＰＣ）を例示する。
［１．情報表示装置の構成］
図１に示すように、情報表示装置１は、制御部１０と、記憶部２０と、入力部３０と、出力部４０と、を備えている。

制御部１０は、情報の演算および処理を行う演算処理装置（ＣＰＵ、ＣｅｎｔｒａｌＰｒｏｃｅｓｓｉｎｇＵｎｉｔ）であり、情報表示装置１全体の制御を行う。制御部１０は、記憶部２０に記憶された各種プログラムを適宜読み出して実行することにより、上述のハードウェア（記憶部２０、入力部３０、出力部４０）と協働し、本発明に係る各種機能を実現している。
制御部１０は、本発明の表示制御手段として機能するユーザインターフェース（ＵＩ）を提供し、入力部３０からの入力信号に応じて画像の表示制御を行う。具体的には、制御部１０は、オブジェクト配置取得部１１と、入力操作検知部１２と、背景画像３Ｄ加工部１３と、背景画像勾配算出部１４と、オブジェクト配置算出部１５と、アニメーション表示部１６と、を備えている。

オブジェクト配置取得部１１は、背景画像上に配置されている全ての水滴オブジェクトの位置情報を取得する。
入力操作検知部１２は、入力部３０からの入力信号に基づいて、ユーザのタッチパネルに対する操作入力を検知する。
背景画像３Ｄ加工部１３は、背景画像を三次元平面とし、ユーザの操作入力に応じて三次元平面に対する垂直方向に仮想的な重力を形成（シミュレーション）し、この重力に基づいて背景画像を三次元的に変化させる。

背景画像勾配算出部１４は、三次元的に変化させた背景画像に生じた勾配（傾斜）を算出する。
オブジェクト配置算出部１５は、算出された背景画像の勾配に基づいて、水滴オブジェクトの移動先の位置を算出する。また、勾配の程度に応じて、水滴オブジェクトの移動速度や移動距離を調整する。
アニメーション表示部１６は、水滴オブジェクトの移動先の位置情報と、移動速度と、に基づいて、葉の上を水滴が移動する態様を模した水滴オブジェクトの移動態様をアニメーションで表示する。

記憶部２０は、制御部１０によるＯＳや各種アプリケーション等のプログラムの実行に使用するローカルメモリ、大容量のハードディスク（ＨＤ）、および当該ＨＤの検索を効率的に行うために使用するキャッシュメモリ等を含んでいる。記憶部２０としては、電気的、磁気的、光学的、電磁的にコンピュータが読み取り可能な媒体が用いられる。
記憶部２０は、背景画像として使用する画像データや、水滴オブジェクトに保存されるアプリケーションやファイル等のアイコンデータを記憶する。

入力部３０は、ユーザによる操作を受けるものであり、キーボードおよびタッチパネルを含む。図３に示すように、タッチパネル３２は、背景画像を全面に表示するモニタ４１に重なる入力領域を有しており、この入力領域に対するユーザのタッチ操作により入力を受ける。タッチ操作は、指やペンを用いて直接行うことができる。タッチパネル３２からの操作入力を受けると、その入力信号は制御部１０に送信される。

出力部４０は、モニタ４１を有し、制御部１０から入力される表示制御信号により表示制御され、モニタ４１に背景画像上に水滴オブジェクトが配置された画像を表示する。

［２．情報表示装置の動作］
次に、情報表示装置１の動作について説明する。
図１の制御部１０によって実行される水滴オブジェクト表示制御処理を、図２のフローチャートに基づいて説明する。
まず、制御部１０は、記憶部２０に記憶されている背景画像データを取得してモニタ４１に背景画像として表示させるとともに、記憶部２０に記憶されているアプリケーションやファイル等のアイコンデータを取得し、背景画像上にランダムに配置する。これらのアイコンデータは全て水滴を模した形状の水滴オブジェクト１２０に保存されており、図３に示すように、背景画像１１０上に複数の水滴オブジェクト１２０がランダムに配置されている。なお、図示しないが、各アイコンの画像を水滴オブジェクト１２０上に表示することにより各水滴オブジェクト１２０を識別可能とするようにしてもよい。
このようにしてモニタ４１に表示された画像を初期画像１００とする。初期画像１００は、図３に示すように、モニタ４１の全面に表示される背景画像１１０と、背景画像１１０上にランダムに配置された複数の水滴オブジェクト１２０と、を有している。

本実施形態では、初期画像１００に対するユーザの入力操作に応じて５パターンの移動態様を例示して説明する。なお、本実施形態では、背景画像１１０によって形成される平面を三次元平面として仮想的な重力を形成する。三次元平面に対して垂直な方向を鉛直（重力）方向とする。すなわち、ユーザから見て、モニタ４１（背景画像１１０）の手前側へ延びる方向が鉛直上方向、モニタ４１（背景画像１１０）の向こう側へ延びる方向が鉛直下方向である。

［２−１．パターン１］
上述の初期画像１００が表示された状態では、制御部１０は、タッチパネル３２に対する操作入力を監視している。
ここで、ユーザが、図４に示すように親指５１と人差し指５２を背景画像１１０の任意の領域１１１を挟んだ状態でタッチパネル３２にタッチした後、図５に示すように親指５１と人差し指５２をタッチパネル３２に沿って互いに近づく方向に移動させ、任意の領域１１１をつまんで背景画像１１０を鉛直上方向に引き上げる動作を行う（操作入力パターン１）。
入力部３０は、この動作を受け、入力信号に変換して制御部１０へ送信する。
以下、図２のフローチャートに基づいて説明する。
ステップＳ１１において、制御部１０が入力部３０からの入力信号を受信すると、入力操作検知部１２は、この入力信号に含まれるユーザの操作入力パターンを検知する。操作入力パターンが検知されると、ステップＳ１２に進む。操作入力パターンが検出されない場合は、制御部１０は監視状態を続行する。

ステップＳ１２では、オブジェクト配置取得部１１は、背景画像１１０に配置された全ての水滴オブジェクト１２０の位置情報を取得する。この位置情報は、初期画像１００がモニタ４１に表示される際に、記憶部２０に記憶されているものである。取得後、ステップＳ１３へ進む。
ステップＳ１３では、背景画像３Ｄ加工部１３は、ステップＳ１１で検知したユーザの操作入力に応じて、背景画像１１０を三次元的に変化させる。上述の操作入力パターン１の場合、図４に示す任意の領域１１１を背景画像１１０の鉛直上方向に突出させ、図５に示す尾根状の突出部１１２を三次元的に形成する。形成後、ステップＳ１４へ進む。

ステップＳ１４では、背景画像勾配算出部１４は、三次元的に形成された尾根状の突出部１１２により背景画像１１０に生じる勾配を算出してステップＳ１５へ進む。例えば、図４に示すように、背景画像１１０上における親指５１のタッチ位置をＡ、人差し指５２のタッチ位置をＢとして検出し、ＡＢ間の中点をＣとする。そして、図５に示すように、親指５１と人差し指５２を移動させた後の親指５１のタッチ位置をＡ’、人差し指５２のタッチ位置をＢ’として検出する。次に、これらの指の移動距離、すなわちＡＡ’間の距離およびＢＢ’間の距離を算出し、これらのうち距離が長い方（例えば、ＡＡ’間の距離）を突出部１１２の高さとする。ここで、突出部１１２は断面略三角形状に形成される。そこで、親指５１の移動前のタッチ位置Ａと中点Ｃとを結ぶ直線を底辺とし、前述のＡＡ’間の距離を高さとする直角三角形を三次元空間に仮想的に形成し、この直角三角形の頂点からＡを結ぶ直線（斜面）の勾配（角度）を算出する。なお、直角三角形の頂点からＡを結ぶ線が曲線状に形成される場合は、背景画像の任意の複数の位置における勾配をそれぞれ算出しておく。

ステップＳ１５では、オブジェクト配置算出部１５は、ステップＳ１２で取得した水滴オブジェクト１２０の位置情報と、ステップＳ１４で算出した勾配と、に基づいて、水滴オブジェクト１２０の移動先の位置情報および移動速度を算出する。例えば、上述した直角三角形の斜面に水滴オブジェクト１２０が配置されている場合に生じる重力に基づいた加速度を算出する。この場合、各水滴オブジェクト１２０には、データ量やデータ種別に応じた重さを予め設定しておき、この重さに基づいて算出してもよい。また、上述した直角三角形の斜面が曲面状に形成される場合は、背景画像１１０の突出部１１２の尾根に近いほど勾配は大きくなるため、突出部１１２の尾根に近い位置にある水滴オブジェクト１２０ほど移動距離および移動速度を大きくする。算出後、ステップＳ１６へ進む。

ステップＳ１６では、アニメーション表示部１６は、初期画像１００における水滴オブジェクト１２０の位置情報と、ステップＳ１５で算出された移動先の位置情報および移動速度に基づいて、各水滴オブジェクト１２０が移動する状態をアニメーション表示する。水滴オブジェクト１２０は水滴を模しているので、その移動状態は、葉の上を水滴が移動する状態を模してアニメーション表示する。したがって、図５に示すように、移動途中では、水滴オブジェクト１２０の形状を重力方向に弛むように変形させ、楕円形状やその他の形状に変形させながら新しい位置へ移動させる。
このようにして移動した水滴オブジェクト１２０は、図６に示すように、背景画像１１０上で二分割された状態となる。

［２−２．パターン２］
次に、ユーザが、図７に示すように人差し指５２で背景画像１１０の任意の位置にタッチパネル３２を介してタッチする動作を行う（操作入力パターン２）。
ステップＳ１１およびＳ１２では、上述と同様の動作を行う。

ステップＳ１３では、背景画像３Ｄ加工部１３は、上述の操作入力パターン２に応じて背景画像１１０を三次元的に変化させる。すなわち、図７に示すように、ユーザがタッチした位置を中心とした凹状のくぼみ部１１３を形成する。くぼみ部１１３は、背景画像１１０の三次元平面上に開口部を有し、鉛直下方向に凹んだ形状である。なお、くぼみ部１１３の深さは、ユーザがタッチしている時間に応じて調整する。例えば、タッチする時間が長いほどくぼみ部１１３を深くしたり、開口部を広くしたりする。
ステップＳ１４では、背景画像勾配算出部１４は、重力方向に凹んだくぼみ部１１３によって背景画像１１０に生じる勾配を算出する。例えば、ユーザのタッチパネル３２に対するタッチ時間に応じて、くぼみ部１１３の深さと広さ（タッチ位置を中心とする半径）を決定し、この深さを高さとし、半径を底辺とする直角三角形を仮想的に形成し、この直角三角形の斜辺の角度を勾配として算出する。なお、直角三角形の斜辺が曲線状に形成される場合は、背景画像１１０の任意の複数の位置における勾配をそれぞれ算出しておく。

ステップＳ１５では、オブジェクト配置算出部１５は、背景画像１１０のくぼみ部１１３に近いほど勾配は大きくなるため、くぼみ部１１３に近い位置にある水滴オブジェクト１２０ほど移動距離を大きくする。また、勾配が大きい位置にある水滴オブジェクト１２０の移動速度を速くする。
ステップＳ１６では、アニメーション表示部１６は、背景画像１１０の勾配が生じた位置にある水滴オブジェクト１２０を、くぼみ部１１３の方向へ移動させる。
このようにして、図８に示すように、背景画像１１０の任意の位置に複数の水滴オブジェクト１２０を集めることができる。

［２−３．パターン３］
次に、ユーザが、図９に示すように人差し指５２で背景画像１１０の任意の位置にタッチパネル３２を介して連続で２回タッチする動作を行う（操作入力パターン３）。
ステップＳ１１およびＳ１２では、上述と同様の動作を行う。

ステップＳ１３では、背景画像３Ｄ加工部１３は、上述の操作入力パターン３に応じて背景画像１１０を三次元的に変化させる。すなわち、図９に示すように、ユーザがタッチした位置を中心として背景画像１１０を鉛直方向に貫通する孔部１１４を形成する。孔部１１４は、背景画像１１０の三次元平面上に開口部を有している。
ステップＳ１４では、孔部１１４により背景画像１１０に勾配が生じないため、背景画像勾配算出部１４は処理を行わずにステップＳ１５へ進む。
ステップＳ１５では、オブジェクト配置算出部１５は、背景画像１１０の孔部１１４から所定の範囲内にある水滴オブジェクト１２０を特定し、これらの水滴オブジェクト１２０の移動先を、孔部１１４の位置に設定する。
ステップＳ１６では、アニメーション表示部１６は、ステップＳ１５で特定された水滴オブジェクト１２０を孔部１１４へ移動させるとともに、孔部１１４へ移動した水滴オブジェクトを削除する。
このようにして、図１０に示すように、背景画像１１０の任意の領域から複数の水滴オブジェクト１２０を削除することができる。なお、水滴オブジェクト１２０が移動する間に時間的猶予があるため、この間に削除を中止することができる。具体的な操作としては、例えば、再度画面にタッチするなどのタッチ操作により削除を中止するようにしてもよい。

［２−４．パターン４］
次に、ユーザが、親指５１と人差し指５２と中指５３とを背景画像１１０の任意の領域を挟んだ状態でタッチパネル３２にタッチした後、図１１に示すように、親指５１と人差し指５２と中指５３とをタッチパネル３２に沿って互いに近づく方向に移動させ、任意の領域をつまんで背景画像１１０の鉛直上方向に引き上げる動作を行う（操作入力パターン４）。なお、操作入力パターン４は、３つ（親指５１、人差し指５２、中指５３）以上のタッチ位置を互いに近づく方向に移動させる操作入力である。
ステップＳ１１およびＳ１２では、上述と同様の動作を行う。

ステップＳ１３では、背景画像３Ｄ加工部１３は、上述の操作入力パターン４に応じて背景画像１１０を三次元的に変化させる。すなわち、図１１に示すように、任意の領域を鉛直上方向に突出させて、円形状の突出部１１５を三次元的に形成する。
ステップＳ１４では、背景画像勾配算出部１４は、鉛直上方向に突出した突出部１１５によって背景画像１１０に生じる勾配を算出する。すなわち、背景画像１１０の任意の複数の位置における勾配をそれぞれ算出しておく。この勾配は、上述のパターン１と同様にして算出することができる。

ステップＳ１５では、オブジェクト配置算出部１５は、背景画像１１０の突出部１１５により生じる勾配に沿って移動する水滴オブジェクト１２０の移動先の位置情報を算出する。このとき、各水滴オブジェクト１２０の移動距離および移動速度を調整する。各水滴オブジェクト１２０の移動距離は勾配が大きいほど長く、移動速度は勾配が大きいほど速い。
ステップＳ１６では、アニメーション表示部１６は、背景画像１１０の勾配が生じた位置にある水滴オブジェクト１２０を、算出された移動速度で新しく算出された位置に移動させる状態をアニメーションで表示する。
このようにして、図１２に示すように、背景画像１１０の複数の水滴オブジェクト１２０を任意の領域から移動させることができる。

［２−５．パターン５］
次に、特定の水滴オブジェクト１２０を所望の位置に移動させる場合を図１３に基づいて説明する。
ユーザは、タッチパネル３２を介して特定の水滴オブジェクト１２０にタッチ（第１のタッチ）した後、水滴オブジェクト１２０の移動先の任意の位置をタッチ（第２のタッチ）する。そして、特定の水滴オブジェクト１２０から移動先の任意の位置を結ぶ連結線を指で描く動作（第３のタッチ）を行う（操作入力パターン５）。
ステップＳ１１およびＳ１２は前述と同様の動作を行う。

ステップＳ１３では、背景画像３Ｄ加工部１３は、ステップＳ１１で検知したユーザの操作入力に応じて、背景画像１１０を三次元的に変化させる。すなわち、第１のタッチが為された特定の水滴オブジェクト１２０を収納可能な第１のくぼみ部１１６を三次元的に形成する。また、第２のタッチが為された任意の位置を中心とする第２のくぼみ部１１７を三次元的に形成する。さらに、第３のタッチにより描かれた連結線を中心軸とする連結溝部１１８を形成する。第１のくぼみ部１１６、第２のくぼみ部１１７および連結溝部１１８は、背景画像１１０の三次元平面の鉛直下方向に凹んだ形状に形成される。形成後、ステップＳ１４へ進む。

ステップＳ１４では、背景画像勾配算出部１４は、三次元的に形成された連結溝部１１８に生じる勾配を算出してステップＳ１５へ進む。なお、連結溝部１１８には、ユーザがタッチパネル３２上で連結線を指で描く際のタッチしている時間の長さに応じて勾配を生じさせる。例えば、タッチしている時間が長いほど勾配を大きくする。
ステップＳ１５では、オブジェクト配置算出部１５は、特定の水滴オブジェクト１２０の移動先を第２のくぼみ部１１７とし、さらに、ステップＳ１４で算出した勾配に基づいて特定の水滴オブジェクト１２０の移動速度を算出する。連結溝部１１８に生じる勾配が大きいほど移動速度を速くするように調整する。算出後、ステップＳ１６へ進む。

ステップＳ１６では、アニメーション表示部１６は、特定の水滴オブジェクト１２０を連結溝部１１８に沿って第２のくぼみ部１１７に移動させる態様を、葉の上を水滴が移動する態様を模してアニメーションで表示する。
このようにして、特定の水滴オブジェクト１２０を、所望の位置へ移動させることができる。

［３．本実施形態の作用効果］
上述した実施形態では、以下に示す作用効果を奏することができる。
ユーザがタッチパネル３２を介して背景画像１１０に直接タッチ操作を行うだけで、背景画像３Ｄ加工部１３は背景画像１１０を三次元的に変化させる。この変化により背景画像１１０に勾配が生じ、仮想的な重力が生じる。したがって、この仮想的な空間内に存在する水滴オブジェクト１２０は、背景画像１１０の勾配に沿って重力方向へ自然に移動する。このような移動態様は、自然現象である水滴の移動態様を模したものであるため、ユーザにとってより自然に認識しやすい。したがって、ユーザは水滴オブジェクト１２０の移動を容易に想定できるため、その想定に基づいた操作を行うことができ、操作性に優れる。
また、このような自然現象を模した移動態様を平面的なモニタ４１上で描画することは視覚的に優れ、ユーザの嗜好に適している。
特に、タッチパネル３２を介して背景画像１１０を直接指で変形させることができるので、ユーザには操作しやすい。

上述のパターン１においては、背景画像１１０に対してタッチ操作を１回行うだけで、背景画像１１０にランダムに配置された複数の水滴オブジェクト１２０をまとめて移動させ、二分割して配置することができる。
上述のパターン２において、背景画像１１０に対する入力操作を１回行うだけで、背景画像１１０の任意の領域に複数の水滴オブジェクト１２０を集めることができる。また、背景画像１１０にくぼみ部１１３を生成する際、背景画像３Ｄ加工部１３は、タッチパネル３２上でユーザがタッチする長さに応じて、背景画像１１０の勾配を変化させる表示制御を行っている。これによれば、ユーザは操作入力の長さを調整することにより、所望の勾配のくぼみ部１１３を背景画像１１０に自由に形成させることができる。このように、ユーザの所望どおりに背景画像１１０が変化し、その変化に応じて水滴オブジェクト１２０を移動させることができるため、ユーザは水滴オブジェクト１２０の移動態様を容易に想定することができ、操作性に優れる。

上述のパターン３において、背景画像１１０に対して連続２回タッチする入力操作を行うだけで、所定の範囲内の複数の水滴オブジェクト１２０をまとめて移動させて削除することができる。これによれば、水滴オブジェクト１２０が孔部１１４へ移動するまでに時間的猶予があるため、ユーザが削除を思い直した場合には、即座に削除処理を中止することができ、操作性に優れる。

上述のパターン４において、背景画像１１０に対する入力操作を１回行うだけで、背景画像１１０の任意の領域に突出部１１５を三次元的に形成し、この領域に配置された複数の水滴オブジェクト１２０をまとめて移動させることができる。
上述のパターン５において、背景画像１１０に対する入力操作により、特定の水滴オブジェクト１２０を所望の位置まで移動させることができる。

［４．変形例］
なお、本発明は、上述した実施形態に限定されるものではなく、本発明の目的を達成できる範囲で、以下に示される変形をも含むものである。
例えば、上記実施形態では背景画像１１０に生じる勾配に応じて移動速度を調整したが、移動速度の調整方法はこれに限られない。例えば、水滴オブジェクト１２０に保存されているアイコンデータのデータ量を水滴オブジェクト１２０の重さと仮定し、この重さに応じて水滴オブジェクト１２０の移動速度を調整する。すなわち、データ量が大きいほど移動速度を大きくする。これによれば、ユーザは水滴オブジェクト１２０の移動状態を見るだけで、各アイコンのデータ量をある程度把握することができる。

上記実施形態において、水滴オブジェクト１２０それぞれに属性を持たせる構成としてもよい。この場合、各属性に基づいた移動態様となるため、操作性が向上する。
例えば、上述のパターン２の移動態様においては、背景画像１１０にくぼみ部１１３を形成する際、くぼみ部１１３に属性を付与する。属性を付与する方法としては、例えば、タッチパネル３２をタッチしたときに属性に関するメニューを表示し、表示されたメニューからユーザに選択させる方法がある。このように属性が付与されたくぼみ部１１３には、同じ属性または下位の属性を有する水滴オブジェクト１２０のみが移動してくる。例えば、背景画像１１０上にランダムに配置された水滴オブジェクト１２０に保存されているアプリケーションデータまたはファイルのうち、ファイルという属性をくぼみ部１１３に付与した場合、このくぼみ部１１３には、ファイルが保存された水滴オブジェクト１２０のみを集めることができる。

また、上述のパターン３において、ユーザが連続で２回タッチする動作を行った場合に孔部１１４を形成することとしたが、ユーザの操作入力はこれに限られない。例えば、ユーザがタッチしている時間が所定時間以上である場合に、孔部１１４を形成することとしてもよい。
さらに、上述のパターン３において、背景画像１１０上に孔部１１４のみを形成することとしたが、孔部１１４の構成はこれに限られない。例えば、ユーザが入力操作を行った位置にくぼみ部を形成するとともに、このくぼみ部の中心に孔部を形成する。すなわち、孔部の周囲に三次元空間における勾配が形成する構成としてもよい。

そして、上述のパターン３の移動態様において、背景画像１１０に孔部１１４を形成する際、孔部１１４に属性を付与する。属性を付与する方法は前述のパターン２の場合と同様である。このように属性が付与された孔部１１４には、同じ属性または下位の属性を有する水滴オブジェクト１２０のみが移動し、削除される。例えば、背景画像１１０上にランダムに配置された水滴オブジェクト１２０に保存されているファイルのうち、更新日時が２００８年１２月３１日以前のファイルという属性を孔部１１４に付与した場合、この孔部１１４には、更新日時が２００８年１２月３１日以前のファイルが保存された水滴オブジェクト１２０のみを移動させて削除することができる。

また、上述のパターン５の移動態様において、第１のタッチにより任意の水滴オブジェクト１２０を選択して背景画像１１０に第１のくぼみ部１１６を形成し、第２のタッチにより別の水滴オブジェクト１２０を選択して背景画像１１０に第２のくぼみ部１１７を形成する。そして、第３のタッチにより第１のくぼみ部１１６および第２のくぼみ部１１７を連結する連結溝部１１８を背景画像１１０に形成する。連結溝部１１８には、第３のタッチにより勾配が生じ、任意の水滴オブジェクト１２０が第１のくぼみ部１１６から第２のくぼみ部１１７に向かって移動する。任意の水滴オブジェクト１２０とくぼみ部１１７に位置する別の水滴オブジェクト１２０との属性が同じである場合には、これら２つの水滴オブジェクト１２０が融合して大きな水滴オブジェクト１２０となる。このとき、大きな水滴オブジェクト１２０には、２つのファイルが保存されることになる。また、２つの水滴オブジェクト１２０の属性が異なる場合は融合しない。これによれば、背景画像１１０上にランダムに配置された水滴オブジェクト１２０を、同じ属性を有する水滴オブジェクト１２０ごとにまとめて整理することができる。

上記実施形態では入力手段としてタッチパネル３２を用いたが、例えば、感圧式のタッチパネルを用いてもよい。これによれば、ユーザが指で押す圧力に基づいて、背景画像１１０に生じる勾配を算出することにしてもよい。
また、入力手段としてマウス等のポインティングデバイスを用いてもよい。この場合、上述のパターン１〜５の処理は以下のように行うことができる。
パターン１のように背景画像１１０を変化させるためのマウスによるユーザの操作入力としては、例えば、背景画像１１０上の任意の位置で、マウスのドラッグ＆ドロップ操作により線を描く動作を行う。これにより、線が描かれた位置に尾根状の突出部１１２が形成される。したがって、尾根状の突出部１１２を境界として互いに反対方向に水滴オブジェクト１２０を移動させ、二分割することができる。

また、パターン２の場合は、例えば、ユーザは背景画像１１０の任意の位置でマウスのクリック操作を行う。このクリック操作に応じて、背景画像３Ｄ加工部１３は背景画像１１０の任意の位置にくぼみ部１１３を三次元的に形成する。
また、パターン３の場合は、例えば、ユーザは背景画像１１０の任意の位置でマウスのダブルクリック操作を行う。このダブルクリック操作に応じて、背景画像３Ｄ加工部１３は背景画像１１０の任意の位置に孔部１１４を三次元的に形成する。
また、パターン４の場合は、例えば、ユーザは背景画像１１０の任意の領域をマウスのドラッグ＆ドロップ操作により円を描く動作を行い、描いた円の中心位置でマウスのクリック操作を行う。これらの操作に応じて、背景画像３Ｄ加工部１３は円を描いた領域に突出部１１５を三次元的に形成する。

また、パターン５の場合は、例えば、ユーザは任意の水滴オブジェクト１２０の位置でマウスのクリック操作を行う。このクリック操作により背景画像３Ｄ加工部１３は背景画像１１０の任意の水滴オブジェクト１２０を収納可能な第１のくぼみ部１１６を三次元的に形成する。次に、ユーザは背景画像１１０の任意の位置でマウスのクリック操作を行う。このクリック操作により背景画像３Ｄ加工部１３は背景画像１１０の任意の位置に第２のくぼみ部１１７を三次元的に形成する。次に、ユーザはマウスのドラッグ＆ドロップ操作によって第１のくぼみ部１１６と第２のくぼみ部１１７とを連結するように線を描く。この操作により、背景画像３Ｄ加工部１３は第１のくぼみ部１１６と第２のくぼみ部１１７とを連結する連結溝部１１８を三次元的に形成する。
以上のようなマウスを用いた操作により、背景画像１１０を三次元的に変化させ、この変化に応じて水滴オブジェクト１２０を移動させることができる。

本発明は、表示画面を有するパーソナルコンピュータ、モバイルコンピュータ、携帯情報端末、携帯電話、携帯ゲーム機等で利用することができる。

１…情報表示装置
１０…制御部
２０…記憶部
３０…入力部
４０…出力部
４１…モニタ
１００…初期画像
１１０…背景画像
１１２…尾根状の突出部
１１３…くぼみ部
１１４…孔部
１２０…水滴オブジェクト

Claims

背景画像を三次元平面とし、該背景画像上に複数のオブジェクトを配置して表示する情報表示装置であって、
前記背景画像に対するユーザの操作を受ける入力手段と、
前記入力手段による前記背景画像に対するユーザの操作が行われた場合には、前記三次元平面の垂直方向に仮想的な重力を形成し、前記入力手段による前記ユーザの操作に応じて前記重力の方向に対する前記背景画像の傾きを三次元的に変化させるとともに、前記背景画像の変化に応じた前記重力に沿って、前記複数のオブジェクトの位置を前記三次元平面上で移動させるアニメーションの表示制御を行い、
前記入力手段による前記背景画像に対するユーザの操作が行われていない場合には、前記背景画像に傾きを生じさせていない初期画像を表示する制御を行う表示制御手段と、を備える
ことを特徴とする情報表示装置。
請求項１に記載の情報表示装置において、
前記入力手段は、前記背景画像に重なる入力領域を有するタッチ入力部であり、
前記表示制御手段は、
前記ユーザが２本の指を前記背景画像の任意の領域を挟んだ状態で前記タッチ入力部にタッチした後、前記２本の指をタッチ入力部に沿って互いに近づく方向に移動させ、前記背景画像の重力方向とは反対方向に突出する尾根状の突出部を形成し、
前記尾根状の突出部を境界として互いに反対の方向へ前記複数のオブジェクトを移動させるアニメーションの表示制御を行う
ことを特徴とする情報表示装置。
請求項１または請求項２に記載の情報表示装置において、
前記表示制御手段は、
前記オブジェクトのデータ量をオブジェクトの重さと仮定し、この重さに応じて前記オブジェクトの移動速度を調整する
ことを特徴とする情報表示装置。
請求項１から請求項３のいずれかに記載の情報表示装置において、
前記表示制御手段は、
前記複数のオブジェクトにそれぞれ属性を設定し、前記ユーザが操作を行う時に前記属性を選択することで、操作対象のオブジェクトを選択する
ことを特徴とする情報表示装置。
請求項１から請求項４のいずれかに記載の情報表示装置において、
前記表示制御手段は、
前記ユーザの操作に応じて前記背景画像に開口部を有する凹状のくぼみ部を形成し、
前記複数のオブジェクトを前記くぼみ部に移動させるアニメーションの表示制御を行う
ことを特徴とする情報表示装置。
請求項１から請求項５のいずれかに記載の情報表示装置において、
前記表示制御手段は、
前記複数のオブジェクトのうち、前記背景画像の変形位置から所定の範囲内に位置するオブジェクトを移動させる
ことを特徴とする情報表示装置。
請求項１から請求項６のいずれかに記載の情報表示装置において、
前記入力手段は、前記背景画像に重なる入力領域を有するタッチ入力部であり、
前記ユーザの操作は、前記タッチ入力部に対するタッチ操作である
ことを特徴とする情報表示装置。
背景画像を三次元平面とし、該背景画像上に複数のオブジェクトを配置して表示する情報表示方法であって、
前記入力手段による前記背景画像に対するユーザの操作が行われた場合には、前記三次元平面の垂直方向に仮想的な重力を形成し、前記背景画像に対するユーザの操作に応じて前記重力の方向に対する前記背景画像の傾きを三次元的に変化させるステップと、
前記背景画像の変化に応じた前記重力に沿って、前記複数のオブジェクトの位置を前記三次元平面上で移動させるアニメーションの表示制御を行うステップと、
前記入力手段による前記背景画像に対するユーザの操作が行われていない場合には、前記背景画像に傾きを生じさせていない初期画像を表示する制御を行うステップと、を有する
ことを特徴とする情報表示方法。
背景画像を三次元平面とし、該背景画像上に複数のオブジェクトを配置して表示するプログラムであって、
前記入力手段による前記背景画像に対するユーザの操作が行われた場合には、前記三次元平面の垂直方向に仮想的な重力を形成し、前記背景画像に対するユーザの操作に応じて前記重力の方向に対する前記背景画像の傾きを三次元的に変化させるステップと、
前記背景画像の変化に応じた前記重力に沿って、前記複数のオブジェクトの位置を前記三次元平面上で移動させるアニメーションの表示制御を行うステップと、
前記入力手段による前記背景画像に対するユーザの操作が行われていない場合には、前記背景画像に傾きを生じさせていない初期画像を表示する制御を行うステップと、をコンピュータに実行させる
ことを特徴とするプログラム。