特許 7504603 画像処理装置および画像処理方法

(19)【発行国】日本国特許庁(JP)

(12)【公報種別】特許公報(B2)

(11)【特許番号】

(24)【登録日】2024-06-14

(45)【発行日】2024-06-24

(54)【発明の名称】画像処理装置および画像処理方法

(51)【国際特許分類】

   G06F 3/04812 20220101AFI20240617BHJP

【ＦＩ】

G06F3/04812

【請求項の数】 9

(21)【出願番号】P 2020011904

(22)【出願日】2020-01-28

(65)【公開番号】P2021117839

(43)【公開日】2021-08-10

【審査請求日】2022-08-23

(73)【特許権者】

【識別番号】310021766

【氏名又は名称】株式会社ソニー・インタラクティブエンタテインメント

(74)【代理人】

【識別番号】100105924

【弁理士】

【氏名又は名称】森下 賢樹

(74)【代理人】

【識別番号】100109047

【弁理士】

【氏名又は名称】村田 雄祐

(74)【代理人】

【識別番号】100109081

【弁理士】

【氏名又は名称】三木 友由

(74)【代理人】

【識別番号】100134256

【弁理士】

【氏名又は名称】青木 武司

(72)【発明者】

【氏名】須木 康之

【審査官】木村 慎太郎

(56)【参考文献】

【文献】特開２０１２－０７３９９５（ＪＰ，Ａ）

【文献】特開平１０－０４００１８（ＪＰ，Ａ）

【文献】特開２００１－１５５１８８（ＪＰ，Ａ）

(58)【調査した分野】(Int.Cl.，ＤＢ名)

Ｇ０６Ｆ ３／０４８１２

(57)【特許請求の範囲】

【請求項1】

第１表示要素および第２表示要素を含む複数の表示要素を所定のレイアウトにしたがって配置する配置部と、
方向を指定するアナログスティックまたは方向キーである方向操作子の操作を、前記表示要素を選択する操作として受け付ける受付部と、
選択された状態にある前記表示要素の周囲に、選択されていることを示すフォーカス枠を配置する表示処理部と、を備え、複数の前記表示要素の表示位置は固定されており、
前記第１表示要素が選択された状態にあって前記第１表示要素の周囲に前記フォーカス枠が配置されているとき、前記受付部が、前記第２表示要素を選択する操作を受け付けると、前記表示処理部は、前記第１表示要素を動かすことなく、前記第１表示要素の表示位置と前記第２表示要素の表示位置の間で演出要素を移動させて、前記第１表示要素が選択された状態が、前記第２表示要素が選択される状態に変更されることを示す演出表示を行った後、前記第２表示要素の周囲に前記フォーカス枠を配置し、
前記表示処理部は、前記演出表示を行っている間、前記フォーカス枠を非表示とする、
ことを特徴とする画像処理装置。

【請求項2】

前記表示要素の表示位置には、前記方向操作子を操作されたときの前記フォーカス枠の移動先が定義されている、
ことを特徴とする請求項１に記載の画像処理装置。

【請求項3】

前記表示要素は、機能を対応付けられたＧＵＩ要素である、
ことを特徴とする請求項１または２に記載の画像処理装置。

【請求項4】

前記表示処理部は、前記第１表示要素から前記第２表示要素に向かう方向に関する演出表示を、前記第１表示要素および前記第２表示要素の間で行った後に、前記第２表示要素の周囲に前記フォーカス枠を配置する、
ことを特徴とする請求項１から３のいずれかに記載の画像処理装置。

【請求項5】

前記表示処理部は、前記第１表示要素および前記第２表示要素の少なくとも一方が、前記方向に応じて変形するように見える演出表示を行う、
ことを特徴とする請求項４に記載の画像処理装置。

【請求項6】

前記表示処理部は、前記演出要素の形状を、前記第１表示要素の形状から前記第２表示要素の形状に変化させる、
ことを特徴とする請求項１から５のいずれかに記載の画像処理装置。

【請求項7】

前記表示処理部は、前記第１表示要素の表示位置と前記第２表示要素の表示位置の間の距離に応じて、前記演出要素の移動速度を決定する、
ことを特徴とする請求項１から６のいずれかに記載の画像処理装置。

【請求項8】

第１表示要素および第２表示要素を含む複数の表示要素を所定のレイアウトにしたがって配置して、複数の前記表示要素の表示位置を固定するステップと、
前記第１表示要素が選択された状態にあるとき、前記第１表示要素の周囲に、選択されていることを示すフォーカス枠を配置するステップと、
方向を指定するアナログスティックまたは方向キーである方向操作子の操作を、前記第２表示要素を選択する操作として受け付けるステップと、
前記第１表示要素を動かすことなく、前記フォーカス枠を非表示として、前記第１表示要素の表示位置と前記第２表示要素の表示位置の間で演出要素を移動させて、前記第１表示要素が選択された状態が、前記第２表示要素が選択される状態に変更されることを示す演出表示を行うステップと、
選択された状態にある前記第２表示要素の周囲に前記フォーカス枠を配置するステップと、
を含むことを特徴とする画像処理方法。

【請求項9】

コンピュータに、
第１表示要素および第２表示要素を含む複数の表示要素を所定のレイアウトにしたがって配置して、複数の前記表示要素の表示位置を固定する機能と、
前記第１表示要素が選択された状態にあるとき、前記第１表示要素の周囲に、選択されていることを示すフォーカス枠を配置する機能と、
方向を指定するアナログスティックまたは方向キーである方向操作子の操作を、前記第２表示要素を選択する操作として受け付ける機能と、
前記第１表示要素を動かすことなく、前記フォーカス枠を非表示として、前記第１表示要素の表示位置と前記第２表示要素の表示位置の間で演出要素を移動させて、前記第１表示要素が選択された状態が、前記第２表示要素が選択される状態に変更されることを示す演出表示を行う機能と、
選択された状態にある前記第２表示要素の周囲に前記フォーカス枠を配置する機能と、
を実現させるためのプログラム。

【発明の詳細な説明】

【技術分野】

【0001】

本発明は、複数の表示要素を画面に表示する技術に関する。

【背景技術】

【0002】

オペレーティングシステム（ＯＳ）は、ユーザに情報を提示するために、アイコンベースのグラフィカルユーザインターフェース（ＧＵＩ）を使用する。ユーザが、複数のアイコンが配置されたメニュー画像から所望のアイコンを選択すると、選択したアイコンは、たとえばフォーカス枠で囲まれるなどして、他のアイコンとは異なる態様で表示される。ユーザが、選択したアイコンに対して決定操作を行うと、オペレーティングシステムは、アイコンに対応付けられた機能を実行する。

【発明の概要】

【発明が解決しようとする課題】

【0003】

ユーザがアイコンを方向キーの操作によって選択する場合、複数のアイコンが縦横規則的に配置されていなければ、ユーザは、フォーカス枠がどのアイコンの位置に移動するか予想しづらく、フォーカス枠を見失う状況が生じうる。そこでユーザが、自身が選択したアイコンを容易に認識できるようにする技術の開発が望まれている。

【課題を解決するための手段】

【0004】

上記課題を解決するために、本発明のある態様の画像処理装置は、第１表示要素および第２表示要素を含む複数の表示要素を配置する配置部と、表示要素を選択する操作を受け付ける受付部と、選択された状態にある表示要素を、選択されていることを示す所定の態様で表示する表示処理部とを備える。第１表示要素が選択された状態にあるとき、受付部が、第２表示要素を選択する操作を受け付けると、表示処理部は、第１表示要素が選択された状態が、第２表示要素が選択される状態に変更されることを示す演出表示を行った後、第２表示要素を所定の態様で表示する。

【0005】

本発明の別の態様の画像処理方法は、第１表示要素および第２表示要素を含む複数の表示要素を配置するステップと、第１表示要素が選択された状態にあるとき、第２表示要素を選択する操作を受け付けるステップと、第１表示要素が選択された状態が、第２表示要素が選択される状態に変更されることを示す演出表示を行うステップと、選択された状態にある第２表示要素を所定の態様で表示するステップと、を含む。

【0006】

なお、以上の構成要素の任意の組合せ、本発明の表現を方法、装置、システム、記録媒体、コンピュータプログラムなどの間で変換したものもまた、本発明の態様として有効である。

【図面の簡単な説明】

【0007】

【図1】実施例にかかる情報処理システムを示す図である。

【図2】情報処理装置のハードウェア構成を示す図である。

【図3】情報処理装置の機能ブロックを示す図である。

【図4】メニュー画像の例を示す図である。

【図5】フォーカス枠が移動したメニュー画像の例を示す図である。

【図6】選択された状態にあるアイコンが変更される際の演出表示の例を示す図である。

【図7】演出要素の動きを示す図である。

【図8】第１サムネイル画像の表示例を示す図である。

【図9】変形例における第１サムネイル画像の表示例を示す図である。

【発明を実施するための形態】

【0008】

図１は、本発明の実施例にかかる情報処理システム１を示す。情報処理システム１は、補助記憶装置２、出力装置４、入力装置６、カメラ７および情報処理装置１０を備える。情報処理装置１０は、アクセスポイント（ＡＰ）８を介して、外部ネットワークに接続してよい。外部ネットワークには、ゲームソフトウェアなどのコンテンツを配信するコンテンツサーバが接続されており、情報処理装置１０は、ＡＰ８を介して、コンテンツサーバからコンテンツをダウンロードできる。実施例の情報処理装置１０は、アイコンなどの複数の表示要素を出力装置４に表示させる画像処理装置として動作する。

【0009】

入力装置６は、情報処理装置１０と無線または有線で接続し、ユーザから操作入力を受け付けて、操作情報を情報処理装置１０に供給する。実施例の情報処理装置１０はゲームプログラムを実行するゲーム装置であり、入力装置６はゲームコントローラなど、ユーザの操作情報を情報処理装置１０に供給する機器であってよい。情報処理装置１０は、入力装置６から受け付けた操作情報をＯＳやゲームプログラムの処理に反映し、出力装置４から処理結果を出力させる。なお情報処理装置１０は、ゲーム以外のアプリケーションを実行する機能を有してよく、たとえばムービーなどの動画を再生する機能を有してよい。

【0010】

実施例の入力装置６は、複数のプッシュ式の操作ボタンや、方向を指定する方向操作子等を含む入力部を備える。実施例において方向操作子は、メニュー画像において、アイコンを取り囲むフォーカス枠を移動するために用いられる。方向操作子は、複数の方向キーおよび様々な方向に傾動可能なアナログスティックを含み、複数の方向キーは、上方向キー、下方向キー、右方向キー、左方向キーを含んでよい。

【0011】

補助記憶装置２は、ＨＤＤ（ハードディスクドライブ）やＳＳＤ（ソリッドステートドライブ）などのストレージであり、内蔵型記憶装置であってよく、またはＵＳＢ（Universal Serial Bus）などによって情報処理装置１０と接続する外部記憶装置であってもよい。出力装置４は、画像を出力するディスプレイおよび音声を出力するスピーカを有するテレビであってよく、またヘッドマウントディスプレイであってもよい。カメラ７はユーザが存在する空間を撮影する。

【0012】

図２は、情報処理装置１０のハードウェア構成を示す。情報処理装置１０は、メイン電源ボタン２０、電源ＯＮ用ＬＥＤ２１、スタンバイ用ＬＥＤ２２、システムコントローラ２４、クロック２６、デバイスコントローラ３０、メディアドライブ３２、ＵＳＢモジュール３４、フラッシュメモリ３６、無線通信モジュール３８、有線通信モジュール４０、サブシステム５０およびメインシステム６０を有して構成される。

【0013】

メインシステム６０は、メインＣＰＵ（Central Processing Unit）、主記憶装置であるメモリおよびメモリコントローラ、ＧＰＵ（Graphics Processing Unit）などを備える。ＧＰＵはゲームプログラムの演算処理に主として利用される。これらの機能はシステムオンチップとして構成されて、１つのチップ上に形成されてよい。メインＣＰＵは補助記憶装置２またはＲＯＭ媒体４４に記録されたゲームプログラムを実行する機能をもつ。

【0014】

サブシステム５０は、サブＣＰＵ、主記憶装置であるメモリおよびメモリコントローラなどを備え、ＧＰＵを備えず、ゲームプログラムを実行する機能をもたない。サブＣＰＵの回路ゲート数は、メインＣＰＵの回路ゲート数よりも少なく、サブＣＰＵの動作消費電力は、メインＣＰＵの動作消費電力よりも少ない。サブＣＰＵは、メインＣＰＵがスタンバイ状態にある間においても動作し、消費電力を低く抑えるべく、その処理機能を制限されている。

【0015】

メイン電源ボタン２０は、ユーザからの操作入力が行われる入力部であって、情報処理装置１０の筐体の前面に設けられ、情報処理装置１０のメインシステム６０への電源供給をオンまたはオフするために操作される。電源ＯＮ用ＬＥＤ２１は、メイン電源ボタン２０がオンされたときに点灯し、スタンバイ用ＬＥＤ２２は、メイン電源ボタン２０がオフされたときに点灯する。

【0016】

システムコントローラ２４は、ユーザによるメイン電源ボタン２０の押下を検出する。メイン電源がオフ状態にあるときにメイン電源ボタン２０が押下されると、システムコントローラ２４は、その押下操作を「オン指示」として取得し、一方で、メイン電源がオン状態にあるときにメイン電源ボタン２０が押下されると、システムコントローラ２４は、その押下操作を「オフ指示」として取得する。

【0017】

クロック２６はリアルタイムクロックであって、現在の日時情報を生成し、システムコントローラ２４やサブシステム５０およびメインシステム６０に供給する。デバイスコントローラ３０は、サウスブリッジのようにデバイス間の情報の受け渡しを実行するＬＳＩ（Large-Scale Integrated Circuit）として構成される。図示のように、デバイスコントローラ３０には、システムコントローラ２４、メディアドライブ３２、ＵＳＢモジュール３４、フラッシュメモリ３６、無線通信モジュール３８、有線通信モジュール４０、サブシステム５０およびメインシステム６０などのデバイスが接続される。デバイスコントローラ３０は、それぞれのデバイスの電気特性の違いやデータ転送速度の差を吸収し、データ転送のタイミングを制御する。

【0018】

メディアドライブ３２は、ゲームなどのアプリケーションソフトウェア、およびライセンス情報を記録したＲＯＭ媒体４４を装着して駆動し、ＲＯＭ媒体４４からプログラムやデータなどを読み出すドライブ装置である。ＲＯＭ媒体４４は、光ディスクや光磁気ディスク、ブルーレイディスクなどの読出専用の記録メディアであってよい。

【0019】

ＵＳＢモジュール３４は、外部機器とＵＳＢケーブルで接続するモジュールである。ＵＳＢモジュール３４は補助記憶装置２およびカメラ７とＵＳＢケーブルで接続してもよい。フラッシュメモリ３６は、内部ストレージを構成する補助記憶装置である。無線通信モジュール３８は、Bluetooth（登録商標）プロトコルやIEEE802.11プロトコルなどの通信プロトコルで、たとえば入力装置６と無線通信する。有線通信モジュール４０は、外部機器と有線通信し、ＡＰ８を介して外部のネットワークに接続する。

【0020】

図３は、情報処理装置１０の機能ブロックを示す。情報処理装置１０は、処理部１００および通信部１０２を備え、処理部１００は、受付部１１０、システム画像生成部１２０、取得部１３０、実行部１４０および表示制御部１５０を備える。

【0021】

図３において、さまざまな処理を行う機能ブロックとして記載される各要素は、ハードウェア的には、回路ブロック、メモリ、その他のＬＳＩで構成することができ、ソフトウェア的には、システムソフトウェアや、メモリにロードされたゲームプログラムなどによって実現される。したがって、これらの機能ブロックがハードウェアのみ、ソフトウェアのみ、またはそれらの組合せによっていろいろな形で実現できることは当業者には理解されるところであり、いずれかに限定されるものではない。

【0022】

通信部１０２は、図２に示す無線通信モジュール３８および有線通信モジュール４０の機能を併せ持つ構成として表現される。通信部１０２は、入力装置６の入力部をユーザが操作した操作情報を受信し、受付部１１０は、通信部１０２が受信した操作情報を受け付ける。

【0023】

システム画像生成部１２０は、複数の表示要素を含むメニュー画像を生成する機能をもつ。実施例において、メニュー画像に含まれる表示要素は、ゲームのアイコンや、ゲーム以外のアプリケーションのアイコンなどのＧＵＩ要素であってよい。ユーザがメニュー画像に含まれる表示要素を選択し、選択した表示要素に対して決定操作を行うと、実行部１４０が、選択されたアイコンに対応付けられた機能を実行する。たとえばゲームのアイコンが選択されて、決定操作が行われると、実行部１４０は、選択されたアイコンに対応付けられたゲームプログラムを実行して、ゲーム画像およびゲーム音声を生成する。このとき表示制御部１５０は、実行部１４０により生成されるゲーム画像を出力装置４から表示させる。

【0024】

システム画像生成部１２０は、配置部１２２、表示処理部１２４および特定部１２６を備える。配置部１２２は、画面を構成する２次元座標上に複数のアイコンを配置して、メニュー画像を生成する。配置部１２２は、様々なユーザ操作を契機としてメニュー画像を生成するが、たとえばメイン電源ボタン２０がオン操作されて、情報処理装置１０が起動されるときに、配置部１２２がメニュー画像を生成し、表示制御部１５０が、メニュー画像を出力装置４に表示してよい。

【0025】

図４は、メニュー画像の例を示す。図４に示されるメニュー画像は、情報処理装置１０が起動されたときに出力装置４に表示される初期画像であってよい。配置部１２２は、複数のアイコン２００ａ、２００ｂ、２００ｃ、２００ｄ、２００ｅ、２００ｆ、２００ｇ、２００ｈ、２００ｉ（以下、特に区別しない場合には「アイコン２００」と呼ぶ）を配置したメニュー画像を生成する。配置部１２２は、所定のレイアウト（フォーマット）にしたがって複数のアイコン２００を配置してよい。実施例では配置部１２２が、機能を対応付けられたＧＵＩ要素であるアイコン２００を配置するが、他の種類の表示要素を配置してもよい。

【0026】

表示処理部１２４は、選択された状態にあるアイコン２００を、選択されていることを示す所定の態様で表示する。図４に示す初期画像では、画面の左上隅に配置されたアイコン２００ａが選択された状態にあり、表示処理部１２４は、選択されていることを示すフォーカス枠２０２をアイコン２００ａの周囲に配置する。ユーザは、フォーカス枠２０２で囲まれたアイコンを確認することで、アイコン２００ａが選択されていることを認識できる。なおフォーカス枠２０２を使用する以外に、表示処理部１２４は、選択された状態にあるアイコン２００ａを、標準のサイズよりも大きく表示したり、またアイコン２００ａ自体を点滅させるなどして、アイコン２００ａが選択されている状態にあることをユーザが認識できるようにしてもよい。

【0027】

ユーザが操作する入力装置６には、方向キーおよび／またはアナログスティックなどの方向操作子が備えられている。実施例でユーザは、フォーカス枠２０２を移動させてアイコン２００を選択する際、入力装置６の方向操作子を操作する。方向操作子は、上下左右の４方向をユーザが指定できる４つの方向キーで構成されてよい。

【0028】

メニュー画像が出力装置４に表示された状態で、ユーザが入力装置６の方向操作子を操作すると、受付部１１０が、方向操作子の操作を、アイコン２００を選択する操作として受け付ける。特定部１２６は、ユーザにより操作された方向キーにもとづいて、フォーカス枠２０２の移動先、つまり選択されるアイコン２００を特定する。

【0029】

図５は、フォーカス枠２０２が移動したメニュー画像の例を示す。図５に示されるメニュー画像では、フォーカス枠２０２が、アイコン２００ｇの周囲に配置されている。図４に示すメニュー画像において、受付部１１０が右方向キーの操作を受け付けると、特定部１２６は、右方向キーの操作により選択されるアイコン２００ｇを特定する。

【0030】

複数のアイコン２００は、配置部１２２により所定のレイアウトにしたがって配置されており、アイコン２００が配置される各位置には、方向キーを操作されたときのフォーカス枠２０２の移動先が定義されている。たとえばアイコン２００ａが配置されている左上隅の位置には、右方向キーの操作によりフォーカス枠２０２がアイコン２００ｇの位置に移動すること、下方向キーの操作によりフォーカス枠２０２がアイコン２００ｂの位置に移動することが定義されている。なおアイコン２００ａが配置された左上隅の位置には、左方向キーおよび上方向キーが操作されても、フォーカス枠２０２が移動しないことも定義されている。

【0031】

以上は、方向操作子が上下左右の方向キーであるときの移動先の定義情報の説明であるが、方向操作子がアナログスティックである場合、フォーカス枠２０２の移動先は、アナログスティックを傾ける方向の角度範囲で定義されてよい。

【0032】

特定部１２６は、移動先の定義情報にしたがって、フォーカス枠２０２の移動先となる位置を特定する。図４に示されるメニュー画像において、受付部１１０が右方向キーの操作を受け付けると、特定部１２６は、右方向キーの操作により選択されることになるアイコン２００ｇを特定し、表示処理部１２４は、フォーカス枠２０２をアイコン２００ｇの周囲に配置する。

【0033】

複数のアイコン２００が縦横規則的に配置されている場合、ユーザは、方向キーの操作によるフォーカス枠２０２の移動先を予想しやすい。たとえばユーザが右方向キーを操作すると、フォーカス枠２０２は、右隣に配置されたアイコンの位置に移動し、下方向キーを操作すると、フォーカス枠２０２は、真下に配置されたアイコンの位置に移動する。

【0034】

一方で、図４および図５に示すように、複数のアイコン２００が、ある程度不規則に配置されている場合、ユーザは、方向キーの操作によるフォーカス枠２０２の移動先を予想しにくくなる。実施例では、アイコン２００ａの位置にあるフォーカス枠２０２が、入力装置６の右方向キーが操作されることで、アイコン２００ｇの位置に移動される。しかしながらユーザが、フォーカス枠２０２がアイコン２００ｄの位置に移動することを予想していると、右方向キーの操作後、アイコン２００ｄを注視していることで、フォーカス枠２０２を見失うこともある。

【0035】

そこで実施例の表示処理部１２４は、アイコン２００ｇの周囲にフォーカス枠２０２を表示する前に、アイコン２００ａが選択された状態が、アイコン２００ｇが選択された状態に変更されることを示す演出表示を行う。つまり表示処理部１２４は、図４に示すメニュー画像の表示と、図５に示すメニュー画像の表示の間に、選択されたアイコンが変更されることを示す演出を挿入する。以下、説明のために、フォーカス枠２０２の移動前に囲まれていたアイコン２００ａを「第１アイコン２００ａ」、フォーカス枠２０２の移動後に囲まれるアイコン２００ｇを「第２アイコン２００ｇ」と呼ぶ。

【0036】

第１アイコン２００ａが選択された状態にあるとき（図４参照）、受付部１１０が、第２アイコン２００ｇを選択する操作を受け付けると、特定部１２６が、フォーカス枠２０２の移動先が第２アイコン２００ｇの位置であることを特定する。このとき表示処理部１２４は、第１アイコン２００ａが選択された状態が、第２アイコン２００ｇが選択される状態に変更されることを示す演出表示を行う。演出表示中、表示処理部１２４は、フォーカス枠２０２を非表示とする。

【0037】

図６は、選択された状態にあるアイコン２００が変更される際の演出表示の例を示す。図６において移動方向２０４は、第１アイコン２００ａから第２アイコン２００ｇに向かう方向を示す。図６における移動方向２０４は、演出要素２１０の移動方向を図示する目的で描かれたものであって、演出表示の一環として表示されてユーザが視認するものではないが、移動先をより明確にするために演出表示の一環として表示されてもよい。

【0038】

表示処理部１２４は、第１アイコン２００ａの表示位置から第２アイコン２００ｇの表示位置に向かう方向に関する演出表示を、第１アイコン２００ａの表示位置および第２アイコン２００ｇの表示位置の間で実施する。具体的に表示処理部１２４は、第１アイコン２００ａの表示位置および第２アイコン２００ｇの表示位置の間で、演出要素２１０を移動させる演出表示を行う。演出要素２１０は少なくとも高輝度な領域を有し、表示処理部１２４は演出要素２１０を、第１アイコン２００ａから飛び出して、第２アイコン２００ｇに飛び込むように高速移動させる。

【0039】

図７は、演出要素２１０が第２アイコン２００ｇに飛び込んでいく様子を示す。高輝度な領域をもつ演出要素２１０が第１アイコン２００ａから第２アイコン２００ｇに向けて一直線に移動することで、ユーザは、第２アイコン２００ｇの位置を認識できる。

【0040】

表示処理部１２４は、演出要素２１０の形状を、第１アイコン２００ａの形状から第２アイコン２００ｇの形状に変化させる。演出要素２１０が第１アイコン２００ａを飛び出すとき、演出要素２１０の形状は、第１アイコン２００ａの形状と略同一であり、演出要素２１０が第２アイコン２００ｇに飛び込むとき、演出要素２１０の形状は、第２アイコン２００ｇの形状と略同一である。表示処理部１２４は、演出要素２１０が第１アイコン２００ａの表示位置から第２アイコン２００ｇの表示位置に到着するまでの間に、演出要素２１０を徐々（連続的または段階的）に変形することが好ましい。

【0041】

図６および図７に示すように、第２アイコン２００ｇの縦幅は、第１アイコン２００ａの縦幅よりも長い。そのため表示処理部１２４は、演出要素２１０を第１アイコン２００ａの表示位置から第２アイコン２００ｇの表示位置に移動させる際に、演出要素２１０の縦幅を徐々に長くして、第２アイコン２００ｇに重なるときに演出要素２１０の縦幅を第２アイコン２００ｇの縦幅に等しくする。表示処理部１２４は、高輝度領域をもつ演出要素２１０を第２アイコン２００ｇに重ねた後、第２アイコン２００ｇの周囲にフォーカス枠２０２を表示する。

【0042】

演出要素２１０が第１アイコン２００ａの表示位置から第２アイコン２００ｇの表示位置に移動することで、フォーカス枠２０２が移動しているようにユーザに感じさせる視覚効果が生じる。このとき、移動中の演出要素２１０を、移動元の第１アイコン２００ａおよび移動先の第２アイコン２００ｇの形状に応じて変形させることで、ユーザに、演出要素２１０とフォーカス枠２０２の一体性を強く感じさせることが可能となる。

【0043】

なお実施例では第１アイコン２００ａおよび第２アイコン２００ｇが、矩形形状を有するが、一方ないしは双方が、矩形形状以外、たとえば丸形状や三角形状などを有してよい。その場合であっても表示処理部１２４は、移動中の演出要素２１０を、移動元の第１アイコン２００ａの形状から、移動先の第２アイコン２００ｇの形状に変形させることで、フォーカス枠２０２の擬似的な移動をユーザに認識させることが可能となる。

【0044】

表示処理部１２４は、第１アイコン２００ａの表示位置と第２アイコン２００ｇの表示位置の間の距離に応じて、演出要素２１０の移動速度を決定してよい。具体的に、表示処理部１２４は、第１アイコン２００ａと第２アイコン２００ｇの間の距離に関わらず演出表示を同じ所定時間で完了させる。そのため距離が相対的に長ければ、移動速度は相対的に速くなり、距離が相対的に短ければ、移動速度は相対的に短くなる。なお演出表示の目的が、移動先となる第２アイコン２００ｇをユーザに認識させることにある。そのため演出表示期間内の移動速度は、演出要素２１０が第１アイコン２００ａの表示位置から出るときの速度よりも、演出要素２１０が第２アイコン２００ｇの表示位置に入るときの速度の方が遅くなるように設定されて、第２アイコン２００ｇをユーザが認識しやすくすることが好ましい。

【0045】

表示処理部１２４は、第１アイコン２００ａおよび第２アイコン２００ｇの少なくとも一方が、移動方向２０４に応じて変形するように見える演出表示を行う。図７を参照して、第２アイコン２００ｇに近い形状をもつ演出要素２１０が第２アイコン２００ｇに重なると、第２アイコン２００ｇが移動方向２０４に伸びて変形するような演出効果を奏する。このような演出効果により、ユーザは、第２アイコン２００ｇが選択されたことを、容易に認識できるようになる。なお演出表示の後、表示処理部１２４は、図５に示すように、第２アイコン２００ｇの周囲にフォーカス枠２０２を配置する。

【0046】

以上、本発明を実施例をもとに説明した。この実施例は例示であり、それらの各構成要素や各処理プロセスの組合せにいろいろな変形例が可能なこと、またそうした変形例も本発明の範囲にあることは当業者に理解されるところである。

【0047】

以下、出力装置４に、サムネイルなどの画像を表示する方法について説明する。ユーザがコンテンツサーバからゲームなどのコンテンツを購入する際、情報処理装置１０はＡＰ８を介してコンテンツサーバにアクセスし、取得部１３０は、コンテンツサーバから、コンテンツのサムネイル画像を取得する。このとき表示制御部１５０が、コンテンツのサムネイル画像を速やかに出力装置４に表示できるように、実施例のコンテンツサーバは、最初に低解像度のサムネイル画像を送信してから、高解像度のサムネイル画像を送信する。以下、最初に送信される低解像度のサムネイル画像を「第１サムネイル画像」、続いて送信される高解像度のサムネイル画像を「第２サムネイル画像」と呼ぶ。なお第１サムネイル画像は、第２サムネイル画像の解像度を下げ、データサイズを落として生成された画像であってよい。

【0048】

取得部１３０が第１サムネイル画像を取得すると、配置部１２２は、画面を構成する２次元座標上の所定の位置に第１サムネイル画像を配置し、表示制御部１５０が、第１サムネイル画像を表示する。

【0049】

図８は、４つの第１サムネイル画像の表示例を示す。図８に表示される第１サムネイル画像の解像度は低いため、ユーザは、表示された第１サムネイル画像を、粗い画像として認識する。この場合、速やかにサムネイル画像を表示する目的は達成されるが、粗い画像は安っぽい印象を与えるため、好ましくない。

【0050】

図９は、変形例における第１サムネイル画像の表示例を示す。表示処理部１２４は、第１サムネイル画像の一部を隠して表示する。図９に示す例で表示処理部１２４は、第１サムネイル画像の上に、散在する複数の開口（穴）をもつマスクを重ねて、第１サムネイル画像が複数の開口を通じてのみ表示されるようにしている。たとえば１枚の第１サムネイル画像に、略均等の間隔で縦方向に２０以上、横方向に２０以上の開口をもつマスクを重ねることで、ユーザは、ぼんやりとしたサムネイルの概要を確認できる。このように変形例では、図８に示すように粗い画像の全体を直接表示するのではなく、粗い画像の一部のみを表示することで、ユーザに画像の粗さを気付かせないようにする。

【0051】

表示制御部１５０が第１サムネイル画像の一部を隠して表示している間に、取得部１３０がコンテンツサーバから第２サムネイル画像を取得すると、配置部１２２は、画面を構成する２次元座標上に、第１サムネイル画像およびマスクの代わりに第２サムネイル画像を配置する。これにより表示制御部１５０が、一部を隠して表示されていた第１サムネイル画像の代わりに、第２サムネイル画像を表示する。以上の処理により、情報処理装置１０は、低解像度の第１サムネイル画像の一部のみを速やかに表示した後、高解像度の第２サムネイル画像の全体を表示することが可能となる。

【0052】

以上の変形例の概要は、次の通りである。
変形例の画像表示方法は、
低解像度の第１画像を取得するステップと、
取得した第１画像の一部を隠して表示するステップと、
高解像度の第２画像を取得するステップと、
第１画像の代わりに第２画像を表示するステップと、
を備える。

【符号の説明】

【0053】

１・・・情報処理システム、１０・・・情報処理装置、１００・・・処理部、１０２・・・通信部、１１０・・・受付部、１２０・・・システム画像生成部、１２２・・・配置部、１２４・・・表示処理部、１２６・・・特定部、１３０・・・取得部、１４０・・・実行部、１５０・・・表示制御部。

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】