[go: up one dir, main page]

JP3762243B2 - Information processing method, information processing program, and portable information terminal device - Google Patents

Information processing method, information processing program, and portable information terminal device Download PDF

Info

Publication number
JP3762243B2
JP3762243B2 JP2001088280A JP2001088280A JP3762243B2 JP 3762243 B2 JP3762243 B2 JP 3762243B2 JP 2001088280 A JP2001088280 A JP 2001088280A JP 2001088280 A JP2001088280 A JP 2001088280A JP 3762243 B2 JP3762243 B2 JP 3762243B2
Authority
JP
Japan
Prior art keywords
display
image
displayed
solid
control unit
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.)
Expired - Fee Related
Application number
JP2001088280A
Other languages
Japanese (ja)
Other versions
JP2002288690A (en
Inventor
豊 斉藤
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.)
Individual
Original Assignee
Individual
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 Individual filed Critical Individual
Priority to JP2001088280A priority Critical patent/JP3762243B2/en
Publication of JP2002288690A publication Critical patent/JP2002288690A/en
Application granted granted Critical
Publication of JP3762243B2 publication Critical patent/JP3762243B2/en
Anticipated expiration legal-status Critical
Expired - Fee Related legal-status Critical Current

Links

Images

Landscapes

  • Calculators And Similar Devices (AREA)
  • Processing Or Creating Images (AREA)
  • Digital Computer Display Output (AREA)
  • Editing Of Facsimile Originals (AREA)
  • User Interface Of Digital Computer (AREA)

Description

【0001】
【発明の属する技術分野】
本発明は、小さな画面でもより多くの情報を簡単に見渡せ、簡単に任意の情報を選択できるユーザーインターフェースを実現する技術に関するものである。
【0002】
【従来の技術】
従来から、LSI等の半導体技術を用いて、携帯電話や、電子手帳機能を備えたPDAといった携帯情報端末装置が知られている。このような携帯情報端末装置はクライアントシステムの一種で、以下「携帯端末」又は「端末」とも呼ぶ。特に近年、インターネットに代表されるデジタルネットワークの普及と技術進歩に伴い、携帯端末の役割については、電話や電子手帳としての機能だけでなく、インターネットなどのネットワークに接続し情報を閲覧するネットワーク接続手段に比重が移りつつある。
【0003】
このため、携帯端末は、ネットワーク接続を前提とした著しい機能進化を遂げている。すなわち、インターネットなどのネットワーク接続機能を備えた携帯電話端末については、その普及が著しく加速しているだけでなく、ダイヤルボタンの他、ジョイスティックや左右上下の指定が可能なポインティングデバイスの搭載も珍しくない。
【0004】
さらに、ブラウザ機能の搭載、HTMLに見られるように画像や文字などの情報を組み合わせて表示画面を自在に構成したり、画像の閲覧の他、映像や音声等も再生するマルチメディア機能の装備も知られている。さらに、そのような携帯端末を用いたチケット予約やオンラインショッピング等の各種サービスも開始され、さらに高度な処理を可能にするため、JAVA(登録商標)に見られるような各種プログラムルーチンの稼動も提案されている。
【0005】
ところで、ネットワーク接続を前提とした携帯端末の従来のユーザインタフェースは、パーソナルコンピュータ(パソコン)等における平面的な二次元表示に準じたものであった。このような二次元表示では、例えば選択肢として商品写真等のサムネール(見本用縮小画像)が複数ある場合、複数枚の各画像を2次元的に並べて表示し、例えば4つの画像が横に並んでいて、表示領域に全部は入らない場合はスクロールが用いられていた。
【0006】
また、文字がハイパーリンクになっており、これを何らかのポインティングデバイスで指定する事により、選択操作とそれに伴うアクション、例えば音を鳴らす、画像を表示する、所定のURLに移動する等のアクションを行う例も知られ、これらは情報の2次元的な配置の限界を緩和し、関連する情報を順次表示しようとする技術であった。
【0007】
【発明が解決しようとする課題】
しかしながら、上記のような従来技術では、小さな画面で多量の情報を閲覧及び選択させることは困難という問題があった。すなわち、グラフィカルユーザーインターフェース(GUI)は、情報を視覚的に確認させるとともに、コマンドなどの文字列入力無しに容易に機器を操作する技術であるが、上記のような従来のGUIは、特に画面サイズに制限のある携帯端末では、決して見やすく使いやすいものではなく、GUIの上記のような機能や特性を十分に引き出すことができなかった。
【0008】
なお、パソコンのインターネット接続にてホームページを閲覧する場合のように、画面サイズに余裕がある場合は、平面配置された複数のサムネールの中から任意のものを指定するGUIが理想的であるが、携帯端末では表示領域がパソコン等のそれに比べて非常に小さく、パソコンと同様に効率的な操作が可能なインターフェースは実現できていなかった。
【0009】
特に、画像情報を閲覧する場合、画面の小さい携帯端末では、表示領域の制限により複数の画像を一度に見せることができない。このため、従来では、ハイパーリンクになっている文字部分をクリックして、画像を表示するインターフェースが不可欠であった。
【0010】
この場合は、必然的に文字による一覧を提示し、一回一回クリック等で選択操作を行い、画像を表示して情報内容の確認後、もう一度一覧画面に戻るというインターフェースにならざるを得ず、従来はそういったインターフェースが主流であったが、このようなインターフェースには、操作の回数も多く、使いにくい上、自分が何を選択してどの情報を見ているのか、わかりにくいなどの問題があった。
【0011】
また、そのようなインターフェースでは、ハイパーリンクとなっている文字情報から、何らかのページや画像にリンクがされている事は理解できるが、それらがどのようなもので、リンク先のページに文字や画像がどのくらいあるのか、といった感覚的把握は不可能であった。
【0012】
文字列からのリンクのそのような弊害を回避するには、あらかじめ複数の画像を同時表示する事で、情報の内容を把握できる事が理想ではあるが、画面の小さい携帯端末でそのような把握を可能にするにはそれぞれの画像を極端に縮小して並べる他なかったが、このような手法は画像の内容を十分に確認する事が難しくなるため実用的ではなかった。
【0013】
特に、近時では各種携帯端末で利用できるコンテンツ(サービス等の情報)内容の増加に伴い、画像、映像を見る、音楽を聞く、ショッピングをするなど、ネットワーク接続は多様化しており、今後さらにその発展・応用が見込まれるため、それらコンテンツを快適に閲覧、操作できるGUIが切望されていた。
【0014】
例えば、オンラインショッピングに接続し、音楽CDを選ぶ、という目的の場合、従来技術では、文字によるCD名称が数個表示され、その中で興味のあるCDを指定することになる。この場合の表示内容には、当然ユーザーにとって未知な音楽CDが含まれている事が想定されるが、文字で名称や歌手名が表示されても「イメージがつかめない」という問題があった。
【0015】
しかしながら、携帯端末の表示領域にCDジャケット等の画像を複数並べる事は、既に説明したように画面サイズの限界上困難であり、従って、文字で構成されたメニューをクリックする事で、予め設定されたハイパーリンクにより、別のページでCDのジャケット写真を表示させたり、同時に代表曲の一部の再生を行う、といった操作を余儀なくされていた。
【0016】
この場合、「どんなのがあるかな」と幾つかのCDの情報を見たり聴く為には、何度も上記の選択操作や一覧に戻る操作を繰り返す必要があったため、ちょっとずつ円滑に見たり聴いたりすることで次々と「味見」していくようなスムースな操作感は望めなかった。そして、従来のユーザインタフェースの以上のような課題は、コンテンツの利用促進や販売促進の大きな障害となっていた。
【0017】
ここで整理すると、最初に情報が提示された際、ユーザーが提示内容に求めるのは、「どんな情報があるのか」「どのくらいあるのか」という閲覧に向けての大まかな「目安」である。特に、情報内容が映像や画像等のビジュアル(視覚的要素)の場合は、そのビジュアルについて文字による何行にも及ぶ説明があるよりも、1枚の画像があった方が、瞬時に直感的把握が可能であり、断然わかりやすい。また、画像や音等のマルチメディア情報を扱う際は、画像であればビジュアルで一望できる、音であれば少しずつ聴いていける、といった具合に感覚的に全体を一望できる事がきわめて望ましい。
【0018】
以上から、情報の表示と把握については、・少ない表示領域で、出来るだけ多くの情報を提示すること。
・ビジュアル表示について、視覚的、感覚的に情報内容を確認できること。
・それら情報を、一見して、あるいは少ない操作にて「見渡せる」こと。
・同時にどの位あるのかが把握できること。
が待望される。
【0019】
次に、ユーザは、上記のように把握した内容から、情報や項目の指定や選択による閲覧等の操作に進むが、この際の「見てみよう」〜「次をみてみよう」、「もっと詳しく知りたい」、「違うものをみてみたい」といった一連の情報利用プロセスにおいて、
・ちょっと見、流し見、パラパラと本をめくる感じで「流して」見ていけること。
・興味のあるところで詳細情報閲覧や購入申込等のアクションにスムーズに移行できること。
・簡単な操作であり、必要な操作の数が少ない事。
が待望される。
【0020】
本発明は、上記のような従来技術の問題点を解決するために提案されたもので、その目的は、小さな画面でもより多くの情報を簡単に見渡せ、簡単に任意の情報を選択できるユーザーインターフェースの技術すなわち情報処理方法及びシステム、携帯情報端末装置、サーバシステム並びに情報処理用ソフトウェアを提供することである。
【0021】
また、本発明の他の目的は、多様な視覚効果により情報理解を容易にし、利用者の注意を効果的に惹き付けるユーザーインターフェースの技術を提供することである。
【0022】
また、本発明の他の目的は、サーバからのプログラムやデータの適切な読み込みにより、複雑な構成やユーザによる煩雑なインストール操作も解消するユーザーインターフェースの技術を提供することである。
【0023】
【課題を解決するための手段】
上記の目的を達成するため、請求項1の発明は、画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、を用いて行う情報処理方法において、前記制御部による制御により、仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置し、前記複数の面により立体を構成し、前記立体を構成する前記複数の面に対して複数の画像を割り付けて、前記表示器に表示する立体表示処理と、前記表示器に表示されている前記立体を、前記操作部におけるユーザの操作に応じて回転させる回転処理と、を含み、前記立体表示処理は、前記立体を構成する前記各面を、その立体を構成する本来の各面の位置から、立体の外側にずらした位置に表示する処理を含むことを特徴とする。
【0024】
請求項27の発明は、請求項1の発明をコンピュータプログラムの観点から捉えたものであって、画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、に対して処理を実行させる情報処理プログラムにおいて、前記プログラムは、前記制御部に、仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置させ、前記複数の面により立体を構成させ、前記立体を構成する前記複数の面に対して複数の画像を割り付けさせて、前記表示器に表示させる処理と、前記表示器に表示させた前記立体を前記操作部におけるユーザの操作に応じて回転させる処理とを含み、前記表示させる処理は、垂直又は水平の少なくとも一方に前記立体が揺れ動く表示であることを特徴とする。
【0025】
請求項34の発明は、請求項1,27の発明を、携帯情報端末装置として捉えたものであり、画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、を備え、前記制御部がサーバシステムから通信ネットワーク経由でダウンロードする画像を含む情報を前記表示器に表示する携帯情報端末装置において、前記制御部は、仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置し、前記複数の面により立体を構成し、前記立体を構成する前記複数の面に対して複数の画像を割り付けて、前記表示器に表示する立体表示処理と、前記表示器に表示されている前記立体を、前記操作部におけるユーザの操作に応じて回転させる回転手段と、を備え、前記立体表示手段は、前記立体を構成する前記各面を、その立体を構成する本来の各面の位置から、立体の外側にずらした位置に表示するものであることを特徴とする。
【0026】
請求項10の発明は、画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、を用いて行う情報処理方法において、前記制御部による制御により、仮想三次元空間内における水平面上又は垂直平面上であって前記表示器の表示面とは異なる平面上に形成される幾何学形状上へ、複数の画像を面として順列するように、前記表示器に表示する幾何学形状表示処理と、前記表示器に表示されている前記各画像について、前記操作部におけるユーザの操作に応じて前記幾何学形状上で位置を移動させる移動処理と、を実行することを特徴とする。
【0027】
請求項30の発明は、請求項10の発明をコンピュータプログラムの観点から捉えたものであって、画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、に対して処理を実行させる情報処理プログラムにおいて、前記プログラムは、前記制御部に、仮想三次元空間内における水平面上又は垂直平面上であって前記表示器の表示面とは異なる平面上に形成される幾何学形状上へ、複数の画像を面として順列するように、前記表示器に表示させ、前記表示器に表示させた前記各画像について、前記操作部におけるユーザの操作に応じて前記幾何学形状上で位置を移動させることを特徴とする。
【0028】
請求項37の発明は、請求項10,30の発明を携帯情報端末装置という見方からとらえたもので、画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、を備え、前記制御部がサーバシステムから通信ネットワーク経由でダウンロードする画像を含む情報を前記表示器に表示する携帯情報端末装置において、前記制御部は、仮想三次元空間内に定義される所定の幾何学形状上へ、複数の画像を順列するように前記表示器に表示させる手段と、前記表示されている前記各画像について、前記操作部におけるユーザの操作に応じて前記幾何学形状上で位置を移動させる手段とを備えたことを特徴とする。
【0029】
これらの態様では、立体を構成する複数の面ごとに異なった画像を三次元配置し、又は円や楕円など所定の幾何学形状上に複数の画像を三次元配置し、所定の視点から見た投影図として表示することにより、小さな表示画面でもより多量の情報を一度に表示し、一度に見渡したり、ちょっと見をしたり、情報の中から所望の要素を選ぶなど、ユーザの興味の深さに応じた情報の提示と操作が可能なインターフェースが提供される。なお、本出願にいう「画像」には動画が含まれる。
【0030】
また、本来の立体の位置から、各面が空中に浮いているような変化に富んだ視覚効果により、利用者の注意を惹き付けることが可能となる。
【0031】
請求項2の発明は、画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、を用いて行う情報処理方法において、前記制御部による制御により、仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置し、前記複数の面により立体を構成し、前記立体を構成する前記複数の面に対して複数の画像を割り付けて、前記表示器に表示する立体表示処理と、前記表示器に表示されている前記立体を、前記操作部におけるユーザの操作に応じて回転させる回転処理と、を含み、前記立体表示処理は、垂直又は水平の少なくとも一方に前記立体が揺れ動く表示を含むことを特徴とする。
【0032】
請求項28の発明は、請求項2の発明をコンピュータプログラムの観点から捉えたものであって、画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、に対して処理を実行させる情報処理プログラムにおいて、前記プログラムは、前記制御部に、仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置させ、前記複数の面により立体を構成させ、前記立体を構成する前記複数の面に対して複数の画像を割り付けさせて、前記表示器に表示させる処理と、前記表示器に表示させた前記立体を前記操作部におけるユーザの操作に応じて回転させる処理とを含み、前記表示させる処理は、垂直又は水平の少なくとも一方に前記立体が揺れ動く表示であることを特徴とする。
【0033】
請求項35の発明は、請求項2,28の発明を、携帯情報端末装置として捉えたものであり、画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、を備え、前記制御部がサーバシステムから通信ネットワーク経由でダウンロードする画像を含む情報を前記表示器に表示する携帯情報端末装置において、前記制御部は、仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置し、前記複数の面により立体を構成し、前記立体を構成する前記複数の面に対して複数の画像を割り付けて、前記表示器に表示する立体表示処理と、前記表示器に表示されている前記立体を、前記操作部におけるユーザの操作に応じて回転させる回転手段と、を備え、前記立体表示手段は、垂直又は水平の少なくとも一方に前記立体が揺れ動く表示を行うものであることを特徴とする。
【0034】
これらの態様では、立体が回転しながら、フワフワと微妙に上下運動したりそれに伴って移動するような変化に富んだ視覚効果により、利用者の注意を惹き付けることが可能となる。
【0035】
請求項3の発明は、画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、を用いて行う情報処理方法において、前記制御部による制御により、仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置し、前記複数の面により立体を構成し、前記立体を構成する前記複数の面に対して複数の画像を割り付けて、前記表示器に表示する立体表示処理と、前記表示器に表示されている前記立体を、前記操作部におけるユーザの操作に応じて回転させる回転処理と、を含み、前記立体表示処理は、前記操作部においてユーザにより所定の切替え操作が行われたときに、前記立体が所定方向へ移動して視界から消え、変わって異なる立体が視界内に表れるように表示する処理を含むことを特徴とする。
【0036】
請求項29の発明は、請求項3の発明をコンピュータプログラムの観点から捉えたものであって、画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、に対して処理を実行させる情報処理プログラムにおいて、前記プログラムは、前記制御部に、仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置させ、前記複数の面により立体を構成させ、前記立体を構成する前記複数の面に対して複数の画像を割り付けさせて、前記表示器に表示させる処理と、前記表示器に表示させた前記立体を前記操作部におけるユーザの操作に応じて回転させる処理とを含み、前記表示させる処理は、前記操作部においてユーザにより所定の切替え操作が行われたときに、前記立体が所定方向へ移動して視界から消え、変わって異なる立体が視界内に表れるように表示するものであることを特徴とする。
【0037】
請求項36の発明は、請求項3,29の発明を携帯情報端末装置として捉えたものであり、画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、を備え、前記制御部がサーバシステムから通信ネットワーク経由でダウンロードする画像を含む情報を前記表示器に表示する携帯情報端末装置において、前記制御部は、仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置し、前記複数の面により立体を構成し、前記立体を構成する前記複数の面に対して複数の画像を割り付けて、前記表示器に表示する立体表示処理と、前記表示器に表示されている前記立体を、前記操作部におけるユーザの操作に応じて回転させる回転手段と、を備え、前記立体表示手段は、前記操作部においてユーザにより所定の切替え操作が行われたときに、前記立体が所定方向へ移動して視界から消え、変わって異なる立体が視界内に表れるように表示するものであることを特徴とする。
【0038】
これらの態様では、操作に応じて立体が横や縦へずれて次の立体と切り換わる視覚効果により、利用者に対し、立体の切り替わりを明確に認識させると共に、注意を効果的に惹き付けることができる。
【0039】
請求項4の発明は、請求項1から3のいずれか1つに記載の情報処理方法において、前記制御部による制御により、前記仮想三次元空間内において前記表示器の表示面に対して最も正対する面を正面として、この面に割り付けられた画像を選択対象とし、選択対象となっている前記画像について、選択対象であることを視覚又は音響の少なくとも一方を含む動作により前記表示器又は所定のサウンドデバイスを介して報知し、前記選択対象について前記操作部におけるユーザによる所定の操作が行われたときに、その選択対象に予め対応付けられた所定の処理を行なうことを特徴とする。
【0040】
請求項13の発明は、請求項10から12のいずれか1つに記載の情報処理方法において、前記制御部による制御により、前記幾何学形状上の前記表示器に表示される最も正面側に位置する画像を選択対象とし、前記選択対象となっている前記画像について、選択対象であることを視覚又は音響の少なくとも一方を含む動作により前記表示器又は所定のサウンドデバイスを介して報知し、前記選択対象について前記操作部におけるユーザによる所定の操作が行われたときに、その選択対象に予め対応付けられた所定の処理を行なうことを特徴とする。
【0041】
請求項31の発明は、請求項4の発明をコンピュータプログラムの観点から捉えたものであって、請求項27から29のいずれか1つに記載の発明において、前記プログラムは、前記制御部に、前記仮想三次元空間内において前記表示器の表示面に対して最も正対する面を正面として、この面に割り付けられた画像を選択対象として設定させ、前記選択対象となっている前記画像について、選択対象であることを視覚又は音響の少なくとも一方を含む動作により前記表示器又は所定のサウンドデバイスを介して報知し、前記選択対象について前記操作部におけるユーザによる所定の操作が行われたときに、その選択対象に予め対応付けられた所定の処理を実行させることを特徴とする。
【0042】
請求項32の発明は、請求項13の発明をコンピュータプログラムの観点から捉えたものであって、請求項30に記載の情報処理プログラムにおいて、前記プログラムは、前記制御部に、前記幾何学形状上の前記表示器に表示される最も正面側に位置する画像を選択対象として設定させ、前記選択対象となっている前記画像について、選択対象であることを視覚又は音響の少なくとも一方を含む動作により前記表示器又は所定のサウンドデバイスを介して報知させ、前記選択対象について前記操作部におけるユーザによる所定の操作が行われたときに、その選択対象に予め対応付けられた所定の処理を実行させることを特徴とする。
【0043】
これらの態様では、各時点で一番手前に表示されている面の画像について、光るなどの視覚効果や音が鳴るなどの動作により選択対象であることがわかり、興味を持てばボタン操作など所定の選択操作により詳細表示などの処理が行なわれるので、最小限の操作手数で容易に情報の選択と閲覧を行うことが可能となる。
【0044】
請求項5の発明は、請求項1から3のいずれかに1つに記載の情報処理方法において、前記表示器の表示面に対して最も正対する面を正面として、この面に割り付けられた画像を選択対象とした場合に、前記制御部による制御により、前記選択対象となっている画像を、その画像を通る回転軸を中心に、他の画像とは独立して表裏回転させることを特徴とする。
【0045】
請求項14の発明は、請求項10から13のいずれかに1つに記載の情報処理方法にお いて、前記制御部による制御により、前記選択対象となっている画像を、その画像を通る回転軸を中心に、他の画像とは独立して表裏回転させることを特徴とする。
【0046】
この態様では、一番手前の面だけが表裏回転する変化に富んだ視覚効果により、利用者の注意を惹き付けることが可能となる。
【0047】
請求項6又は15の発明は、請求項5又は14記載の情報処理方法において、前記表裏回転は、前記操作部におけるユーザからの所定の入力操作が行われたときに、前記制御部による制御により行われることを特徴とする。
【0048】
この態様では、所定の操作をしたときに表裏回転するので、利用者の意向や興味に応じた円滑な情報閲覧が容易になる。
【0049】
請求項7又は16の発明は、請求項5又は6、14又は15記載の情報処理方法において、前記表裏回転の際に、前記制御部による制御により、前記表示器にその画像を拡大表示することを特徴とする。
【0050】
この態様では、表裏回転の際にその面が拡大表示されるので、表裏回転していることが把握しやすくなり、また表裏回転しながらの拡大表示という変化に富んだ表示により利用者の関心を効果的に惹き付けることが可能となる。
【0051】
請求項8又は15の発明は、請求項5から7のいずれか1つ又は12から14のいずれか1つに記載の情報処理方法において、前記制御部による制御により、前記各面の表と裏に互いに異なる画像を前記表示器に表示することを特徴とする。
【0052】
この態様では、各面の表と裏に別々の画像を表示することにより、表示可能な情報量が増加し、また、変化に富んだ表示により利用者の関心を効果的に惹き付けることが可能となる。なお、表と裏の表示は立体等の全ての面ではなく一部の面のみについてでもよい。
【0053】
請求項9の発明は、請求項1から3のいずれか1つに記載の情報処理方法において、前記表示器の表示面に対して最も正対する面を正面として、この面に割り付けられた画像を選択対象とした場合に、前記制御部による制御により、前記仮想三次元空間内の各画像が投影表示される二次元表示画面である前記表示器に、任意の文字列又は前記選択対象に対応し予め定められた文字列を表示することを特徴とする。
【0054】
この態様では、各面に対応した文字列が各面の少し上に浮いて各面に同期して回転するように表示されるので、各面ごとのキャプションや補足説明などを利用者に効果的にアピール可能となる。
【0055】
請求項18の発明は、請求項10から17のいずれか1つに記載の情報処理方法において、前記幾何学形状上の前記表示器に表示される最も正面側に位置する画像を選択対象とした場合に、前記制御部による制御により、前記選択対象に対応した文字列を、前記仮想三次元空間においてその文字列に対応する各面に対応した位置に表示することを特徴とする。
【0056】
この態様では、各画像が投影図として表示される表示画面上に任意の文字列、例えば表示画面全体や立体の各面の画像について補足説明や詳細説明を表示することにより情報の理解と処理が容易になる。
【0057】
請求項11の発明は、請求項10記載の情報処理方法において、前記幾何学形状は、円又は楕円であり、前記制御部による制御により、前記円又は楕円の前記表示器に表示される正面側半分に位置する前記各画像のみを前記表示器に表示することを特徴とする。
【0058】
この態様では、円状に配置される各画像のうち手前側のものだけを表示することにより、見た目が整理され、情報内容がわかりやすくなる。
【0059】
請求項12の発明は、請求項10又は11記載の情報処理方法において、前記制御部による制御により、前記円又は楕円上に順列する各画像について、前記仮想三次元空間内において前記円又は楕円と直交する軸上の位置をずらして前記表示器に表示することを特徴とする。
【0060】
この態様では、円又は楕円と直交する軸上の位置、例えば円状に配置される各画像の上下を定めるY座標を画像ごとに変化させることにより、波がうねるような動きを伴って各面が回転するような変化に富んだ視覚効果を実現し、利用者の注意を惹き付けることが可能となる。
【0061】
請求項19の発明は、請求項1から18のいずれか1つに記載の情報処理方法において、前記画像は音楽及び画像の少なくとも一方を含む作品に関するものであり、前記制御部による制御により、各作品の画像が選択対象となったときにその作品における収録内容の一部が所定のサウンドデバイスを介して再生されることを特徴とする。
【0062】
この態様では、音楽のCD、ビデオCDやMD等のアルバムやシングル、映画のビデオテープやDVDといった作品について、ジャケット写真等の画像を複数立体表示し、手前に来たものごとに収録内容を試聴できるので、効果的な作品のプロモーション(販促)や電子商取引が可能となる。
【0063】
請求項20の発明は、請求項19に記載の情報処理方法において、前記制御部による制御により、前記表示器に表示される多角柱の各面のうちヒットチャートの順位に応じた各面に前記各作品の画像が表示されることを特徴とする。
【0064】
この態様では、ヒットチャートの順位に応じた作品の画像閲覧や試聴が容易になるので、ヒットチャートが集計されるようなCDシングルなどの販売促進効果が期待できる。
【0065】
請求項21の発明は、請求項1から20のいずれか1つに記載の情報処理方法において、前記制御部による制御により、前記各面又は画像ごとに、透明度を設定し、透明度に応じて前記表示器に表示される正面側以外の画像も透過して見えるように前記表示器に表示することを特徴とする。
【0066】
この態様では、面ごとに設定される透明度に応じて後方の面の画像も透過して見せることにより、表示可能な情報量が増加し、変化に富んだ表示により利用者の興味を効果的に惹き付けることが可能となる。すなわち、透明度の設定により半透明の立体等が表示でき、美観が向上するだけでなく、本来見えない立体の裏側が透けて見えることにより、立体の各面にどのような画像が割り当てられているかを目安として確認できるので、情報の閲覧と操作が一層容易になる。
【0067】
請求項22の発明は、請求項21記載の情報処理方法において、前記制御部による制御により、前記各面又は画像ごとの透明度を、前記表示器に表示される正面側ほど低く、背面側ほど高く設定することを特徴とする。
【0068】
この態様では、手前はハッキリと、奥の画像はうっすらと見せることができ、立体感を強調すると共に見やすくすることができる。
【0069】
請求項23の発明は、請求項1から22のいずれか1つに記載の情報処理方法において、前記制御部による制御により、前記操作部におけるユーザからの所定の入力操作に応じて、前記表示器に表示される前記各面又は画像を運動及び静止させ、静止状態から運動状態への移行時は加速を、運動状態から静止状態への移行時は減速を行うことを特徴とする。
【0070】
この態様では、静止状態と運動状態との移行がスムースに行われるので、動きが自然になり、利用者の目が疲れにくい利点が得られる。
【0071】
請求項24の発明は、請求項1から23のいずれか1つに記載の情報処理方法において、前記制御部による制御により、クライアントシステムがサーバシステムへアクセスしたときに、前記仮想三次元空間に基づいた前記各画像の表示を行うプログラムについて、そのクライアントシステムにおけるプログラムの適用可否、有無及びバージョンの少なくともいずれかを確認する処理と、前記プログラムのうちそのクライアントシステムに適用可能な最新バージョンが前記クライアントシステムに存在しないことが確認された場合に、そのクライアントシステムに適用可能な前記プログラムの最新バージョンを前記サーバシステムから前記クライアントシステムへダウンロードする処理と、ダウンロードされた前記プログラムを前記クライアントシステムにおいて実行することにより、前記仮想三次元空間に基づいた前記各画像を前記表示器に表示する処理と、を含むことを特徴とする。
【0072】
この態様では、本発明のインターフェースを実現するJAVAなどのプログラムをサーバからクライアントシステムへダウンロードすることにより、新たな表示態様機能追加などのバージョンアップを、ユーザによる煩雑なインストール操作手順無しに実現可能となる。
【0073】
請求項25の発明は、請求項1から24のいずれか1つに記載の情報処理方法において、前記制御部による制御により、前記表示器に前記各画像をどのような前記立体の各面として又はどのような前記幾何学形状に基づいた各面として表示するかと、表示サイズと、どの面にどの画像を割り付けるかと、前記各面に関する動作内容と、を少なくとも含む設定情報を用い、記述言語によって記述されたウェブデータをサーバシステムからクライアントシステムへダウンロードし、前記クライアントシステムにおいて、前記ウェブデータ中に記述された前記設定情報に基づいて前記各画像を前記表示器に表示することを特徴とする。
【0074】
この態様では、設定情報がウェブデータと一体であるため両者を一つのプロセスで読み込みでき、システム構成と処理手順が単純化できる利点がある。
【0075】
請求項26の発明は、請求項1から25のいずれか1つに記載の情報処理方法において、前記制御部による制御により、前記クライアントシステムにおいて、前記ウェブデータ中に前記設定情報のウェブデータ外における所在を表す外部パスがある場合はその外部パスにしたがって前記設定情報をサーバシステムからダウンロードし、その設定情報に基づいて前記各画像を前記表示器に表示することを特徴とする。
【0076】
請求項33は、請求項26の発明をコンピュータプログラムの観点から捉えたものであって、請求項27から32のいずれか1つに記載の情報処理プログラムにおいて、前記プログラムは、前記制御部に、前記クライアントシステムにおいて、前記ウェブデータ中に前記設定情報のウェブデータ外における所在を表す外部パスがある場合はその外部パスにしたがって前記設定情報をサーバシステムからダウンロードさせ、その設定情報に基づいて前記各画像を前記表示器に表示させることを特徴とする。
【0077】
これらの態様では、ウェブデータと別体の設定情報も扱うことにより、ウェブページと立体表示のいずれか一方だけを切り換えたり再読み込み(リロード)する際の処理が迅速化される。
【0078】
【発明の実施の形態】
次に、本発明の実施形態(以下「本実施形態」と呼ぶ)について、図面を参照して具体的に説明する。なお、本実施形態は組込プログラムやサーバプログラムなどで携帯情報端末装置やウェブサーバなどのコンピュータを制御することにより、その物理的資源を活用して実現されるが、この場合のハードウェアやソフトウェアの実現態様は各種考えられるので、以下では各機能に対応する仮想的回路ブロックを用いる。
【0079】
〔1.概略〕
本実施形態は、サーバシステム(以下「サーバ」と呼ぶ)と、インターネット接続機能付携帯電話端末やパソコンなどのクライアントシステム(以下「端末」又は「携帯端末」と呼ぶ)とを、インターネットや携帯電話網などのネットワーク(外部ネットワークとも呼ぶ)で含む情報処理システム(以下「本システム」とも呼ぶ)である。特に、本実施形態では、図1の概念図に示すように、外部ネットワーク経由でサーバのデータベースからプログラムや画像ファイルなどのデータをダウンロードすることにより、端末で画像を含む情報を、仮想三次元空間内に位置するように表示するユーザインターフェース(本インターフェースと呼ぶ)を実現するものである。
【0080】
特に、本実施形態における表示態様は2つに大別され、その1つは、複数の画像を、仮想三次元空間内に定義される立体の各面を構成するように表示し、表示されている前記立体を、操作に応じて回転させるものである。この場合、立体としては、立方体、正多面体又は多角柱などが用いられる。
【0081】
もう1つの態様は、仮想三次元空間内に定義される所定の幾何学形状上へ、複数の画像を所定間隔で順列するように表示し、表示されている前記各画像について、操作に応じて前記幾何学形状上で位置を移動させるものである。
【0082】
すなわち、一度に見渡せる、ちょっと見ができる、その中から選ぶ、等、ユーザーの興味の深さに応じた情報の提示と操作ができるインターフェースとする為のポイントは、情報の表示方法による視覚的な視認性の向上と、操作性の向上であり、また限られた画面領域でそれらを行う為には、表示領域内で一度にユーザーに提示できる情報量を、従来よりも増やす必要がある。
【0083】
これに対し、本インターフェースは、複数の画像を三次元配置により同時表示する事で、様々なデータの閲覧を可能にするものである(図1)。すなわち、本実施形態では、画像を「面」として、三次元座標の中に「立方体」「多面体」「多角柱」等の立体を形成し、配置・表示する。なお、三次元処理に関しては後に詳しく説明する。
【0084】
また、本実施形態では、いくつかの面(情報)があることがわかるように、視点を設定し、投影図の状態で表示を行う。例えば表示しようとする画像が4つある場合、従来の2次元的な配置では携帯端末の小さな表示領域に入らなかったが、図2のように、画像を面として立方体を形成すれば、表示領域の中に4つの面を収めることができる。この場合、図2の状態では主に手前側の面しか「見えない」が、これをユーザー操作により回転させる事で、複数の面、すなわち画像情報を次々と閲覧することができる。そして、回転等の操作は、携帯端末本体のボタンなど所定のデバイス(指定デバイスと呼ぶ)にて行う。
【0085】
また、仮想三次元空間内において一番手前に位置する画像を選択対象とし、選択対象となっている前記画像について、選択対象であることを視覚又は音響の少なくとも一方を含む動作により報知し、選択対象について所定の選択操作が行われたときに、その選択対象に予め対応付けられた所定の処理を行なう例も考えられる。
【0086】
すなわち、一般的にパソコン等では、表示画面上のボタンなどのGUI部品にマウスポインターを重ね、選択可能な状態とする事を、「ロールオーバー」といい、ボタンを光らせたり音を鳴らしたりして、ボタンがアクティブである事をインフォメーションすると同時に、そのボタンにリンクされた文字列など情報のガイドラインをユーザーに提示させる等の補助動作を行うが、本インターフェースでは回転時に一番手前に表示されている面を「選択対象」とし、「ロールオーバー」状態とすることで、次々と画像を閲覧していくと同時に、音を鳴らす、アニメーションを再生する等の補助動作を行う。
【0087】
また、その過程で利用者が興味を持てば、マウスでいう「クリック」に相当する所定の操作、例えば携帯端末の選択ボタンやそれに該当するボタンを押す等を行うことにより、一番手前に表示されている画像が選択され、詳細を表示する等のアクションに簡単に移行することができる。これは、画像について、手前にきたら自動で音が鳴る等のアクションが行われたり、クリックすると常に手前のものが選択されるという事である。
【0088】
さらに、前記画像は音楽及び画像の少なくとも一方を含む作品に関するものとし、各作品の画像が選択対象となったときにその作品における収録内容の一部が再生されるようにしてもよい。例えば、オンラインショッピングに接続し、音楽CDを選ぶ、という目的での場合、本インターフェースでは、CDジャケットを面にして「立方体」等の立体表示にする事で、CDジャケット等の画像を複数表示できる。また、回転していく事で、CDジャケットを次々と見ていける。同時に画像が最前面にきた場合、その画像に対応付けられ予めダウンロードしておいたWAVE,MP3などの音声ファイルや、リアルタイムのストリーミング配信などで音楽を再生することにより、その代表曲の一部を試聴させる。
【0089】
このように、回転していく事でCDジャケット等のビジュアル(視覚的要素)とともに次々と試聴する事が可能になり、すこしずつ「味見」していくように聴いていける。また、テキストによる注釈等を同時に表示することも可能である。さらに、興味のあるものがあったら選択操作(クリック等)でダウンロードや商品購入、詳細画面の表示を行う等、アクションへの移行もスムーズに行うことができる。
【0090】
このような三次元的表示態様は、従来のような一つ一つの画像の表示に比べると、幾つかの情報を全体的に見渡す事ができる為、比較するのに、位置関係を把握しやすい。このように、より視覚的で、少ない操作で、CD情報を閲覧していく事ができる。
【0091】
また、情報を提示する際、インターフェースの形状を変え、4面でなく、さらに面を増やし、一度に把握できる情報量を増やすこともでき、例えば、多角柱の各面のうちヒットチャートの順位に応じた各面に前記各作品の画像を表示する例も考えられる。例えば、立体を10角柱(10面)で構成し、ヒットチャートの1から10位の多角柱、11〜20位の多角柱を用意し、回転動作で10曲を、多角柱を切り替え回転させる事で次の10曲をと、次々と20曲を聴いていける。このような三次元的表示態様は、画面を20枚用意し、従来のように一枚ずつ「開いて、閉じて」切り替えるの比べると、わかりやすく、効率も良い。
【0092】
〔2.三次元的表示の態様〕
次に、具体的な三次元的表示の態様としては、次のような例が考えられる。
〔2−1.立方体〕
図2は、4つの画像を立方体の側面の「面」とし、回転させる事で次々と4枚の画像をみていけるインターフェースのイメージ図である。この例では、図3の展開図にある通り、側面となる4枚の画像を立方体の側面すなわち面1〜面4に割り付け(アサイン)するが、上下の面(面5、面6)にも画像をアサインする事ができる。なお、画像のアサイン、サイズ及び縦横への回転等の動作方法等は所定の「設定情報」で設定するが、この点は後に詳しく説明する。
【0093】
そして、このように割り付けられた画像はそれぞれ、図4(斜視図)及び図5(上から見た平面図)の通り、原点0を中心として、立方体を形成する。例えば、面1は、面となる画像の幅÷2の値をZ値に、図6(正面図)の通り、その中心を原点Oに設定し、他の面に関しても同じように各値を求め、配置する。
【0094】
また、選択対象となっている面を、その面を通る回転軸を中心に、他の面とは独立して表裏回転させてもよい。すなわち、図7の通り、一番手前の画像に対して、軸を設け、それを中心として面を180度あるいは360度回転させ、同時に画像が90度以上回転した際に、画像を差し替える事により、表・裏の2つの情報を提示する事もできる。軸の取り方に応じ、例えば立方体の対向する頂点を通る軸を中心に図8のように斜めに回転させたり、表裏回転時の際にその面を拡大表示してもよい(図9)。
【0095】
このようにすれば、例えばCDジャケットやTシャツ、書籍等のオンラインショッピングのインターフェースとした場合、「手にとって表と裏を確認」するような閲覧が可能となり、また、この種の閲覧作業では操作そのものの過程においても「楽しさ」がある事が理想であるため、このような変化に富んだ視覚効果を伴っての情報提示は、販売促進などに非常に有効である。
【0096】
表裏回転をどのような場合に実行させるかについては自由であるが、例えば、立方体の回転と同様、指定デバイスやその他のボタンでの所定の操作により最前面の画像を表裏回転させる他、ユーザーによる立方体の回転に伴い、手前にきた画像を自動で回転させ表・裏を提示することもできる。
【0097】
〔2−2.多角柱〕
また、図10及び図11は、10個の画像を面として10角柱を形成し、横方向に回転させる事で10枚の画像を次々とみていけるインターフェースのイメージ図である。この図は10角柱であるが、面の数を増減し、その他の多角柱とする事もできる。なお、画像のアサイン、面の数(=何角柱にするか)、サイズ及び縦横の動作方法等の指定は、後述する「設定ファイル」で行う。
【0098】
そして、このように割り付けられた画像をそれぞれ、図12(上から見た平面図)、図13(正面図)の通り配置し、原点0を中心として、多角柱を形成する。なお、各面及び頂点のXZ値など各座標値の求め方や二次元平面への投影処理などについては、アルキメデスの方法など、数学等の各分野において知られている各種の公知技術を適宜適用すればよい。例えば、アルキメデスの方法では、正多角形はnを辺すなわち角の数、隣接する2つの頂点と中心を結ぶ角度の1/2をラジアンで表しθ(=π/n)とする場合、外接多角形の一辺の長さは2r tanθとなる。但し、実際に三次元処理を行う手法は自由であり、点の座標などに関する他の計算原理を自由に採用することができる。
【0099】
図14は、図7と同じく手前になっている画像の面を通る軸を設け、これを中心にその面を回転し画像を切り替える事で、洋服の裏側すなわち背中側を表示した例である。また、図15はX軸を中心に多角柱を構成し、縦方向に回転させる例である。
【0100】
〔2−3.所定幾何学形状上への配置〕
多面体以外の所望の幾何学形状上へ画像を順列させるように配置することも可能であり、その一例として円上に面を配置する例を示す。すなわち、図16は、円状に配置された16個の画像を横方向すなわちXZ平面に沿って回転させる事で、16枚の画像を次々とみていけるインターフェースのイメージ図である。
【0101】
なお、この図は16の画像で構成しているが、もちろん画像の数を増減することもできる。また、図16では回転の軸線はY軸であるが、X軸を回転軸とする円配置にすることにより、多角柱の図15同様、「縦回転配置」にする事ができる。なお、画像の面への割り付け(アサインと呼ぶ)、数、サイズ及び指定デバイスの操作に応じた動作等の設定は後述の設定情報で行う。
【0102】
図16のような配置では、原理図として、図17(上から見た平面図)及び図18(正面図)に示すように、画像の配置に際し、画像が16個の場合は円を16分割した角度を求め、原点Oからそれぞれの角度に沿って延ばした線が円と交わる点である各交点Pを求め、交点P上に画面の中心を配置する。その際、Y値は0、画像は常にX軸に平行するよう配置する。
【0103】
また、各面ごとの透明度を、手前ほど低く、奥ほど高く設定してもよい。例えば、図17の例では、Z値の最大値(もっとも手前)からZ値の最小値(もっとも奥)までは、Z軸に沿って9段階の交点が存在するが、ここでZ値の最大値の面の透明度は0(透けていない)に、Z値の最小値の面の透明度を80%程度に設定し、配置された画像それぞれの透明度を0から80%の間で9段階にする事により、手前はハッキリと、奥の画像はうっすらと見せる事ができ、立体感を強調し、また、見やすくすることができる。
【0104】
なお、Z値が−(マイナス)のものだけ表示、すなわち手前側の半円部分に存在する画像のみを表示した方が見た目が整理されてわかりやすいケースもあり、後述の設定情報にて、そのように指定することができる。この場合、幾何学形状である円又は楕円に基づいて各面を表示する際、その円又は楕円の手前側半分に位置する各画像のみが表示される。
【0105】
また、図19は、図7、図14同様、一番手前の画像のみを、交点Pを軸として180度あるいは360度回転させ、同時に画像が90度以上回転した際に、画像を差し替える事により、表・裏の2つの情報を提示した例である。
【0106】
〔2−4.他の多面体〕
次に、図20は、正12面体を縦、横に回転させる事で、12枚の画像を次々とみていけるインターフェースのイメージ図である。また、図21は、正12面体の展開図である。ここで、立体を構成する各面が方形でない場合、前記各画像から各面の形状に相当する範囲を切り出して各面に割り付けるマスキング処理を行う。
【0107】
すなわち、図21では正12面体を構成する各面を1〜12の番号で表すが、後述の設定情報でそれぞれの番号に対してアサインされた画像について、各五角形中に矢印で示す天地方向にて、図22及び図23に示すようなマスキング処理を各画像に行った後、図20に示した原点Oを中心として正12面体を構成する。なお、正五角形のサイズは、設定情報で決定された正12面体のサイズにより自動的に決定する。
【0108】
また、マスキング処理に際し、まず、アサインされた画像が縦長か、横長かを判別する。この際、画像の辺の長さが、縦>横の場合は縦長、縦<横の場合は横長、縦=横の場合は正方形と判断できる。
【0109】
画像が横長の場合、図22に示すように、まず、画像の「高さ」が、正5角形の隣接しない2頂点を結ぶ線の長さWと同じになるよう、画像をリサイズ処理する。同様に画像が縦長の場合、図23に示すように、画像の「幅」がWの値と同じになるよう画像をリサイズ処理する。
【0110】
すなわち、このマスキング処理では、図22及び図23に示す通り、リサイズ処理された画像をもとに、正五角形の中心と画像の中心を合わせ重ねた時に、正五角形とリサイズ処理された画像の共通範囲(斜線部分)のみを可視化し、その他の部分を不可視とする。
【0111】
また、正12面体を縦方向に回転させた際、通常は、図21(展開図)に数字7〜12で示す各面にそれぞれ矢印方向を上としてマッピングされる画像は、天地が逆さになって表示されるが、これがインターフェースとして「見難い」という場合は、「常に画像の天地を維持する」ためのグラフィック処理を行って、これを回避できる。具体的には、仮想三次元空間内における立体の回転角度に応じて、上下逆になる画像の天地を逆転させて正立像に戻すことにより、立体の各面において画像の天地を維持することができる。
【0112】
〔2−5.その他〕
また、仮想三次元空間内に定義される所定の幾何学形状上へ、複数の文字列を所定間隔で順列するように表示し、最も手前の前記文字列に対応する画像を前記各文字列と共に表示することも可能である。例えば図24は、後述する図25のように三次元配置された文字を縦方向に回転させる操作を行い、その際、手前にきた文字情報に関連する画像(ビジュアル)を表示するインターフェースである。これは、図15に例示したような多角柱状の配置を文字に応用した例であり、画像の代わりに文字を回転させ、文字を回転していくと、同時に次々と関連するビジュアルが表示されるものである。
【0113】
〔3.構成〕
次に、上記のような表示を実現する本システムの構成を図26に示す。すなわち、図26は、本インターフェースと、本インターフェースが稼動する環境の構成例であり、外部のネットワークN以外の要素は端末内の構成である。なお、ネットワークN経由の接続先として、DB(データベース)を備えた図示しないサーバがある。
【0114】
ここで、本インターフェースが稼動する携帯端末は、一般的な携帯端末の機能、例えば、電話の発着信やアドレス帳等の機能の他、液晶ディスプレイ画面などの表示デバイス21、回転ダイヤルやジョイスティックなどのポインティングデバイス(ポインターデバイス)22、携帯電話網との接続やインターネットとのTCP/IP接続などを処理する無線インタフェース(I/F)23、CPU11、DSPなどのサウンドデバイス24、RAM26及びROM27などのメモリ、カードスロット等の媒体接続デバイス28及び外部記憶媒体などを備えたものであるが、具体的には適宜変更可能である。
【0115】
そして、本インターフェースは、サーバからダウンロードされるプログラム(ソフトウェア)Pにより実現する事ができ、プログラムPはCPU11やその他の構成部分を制御することにより、次のような各部の機能を実現する。
【0116】
すなわち、データ通信部P1は、無線インタフェース(I/F)23を通じ、携帯電話網やインターネットといった端末外部のネットワークNと通信する部分である。設定データ読み込み部P2は、データ通信部P1から後述の設定情報(設定データとも呼ぶ)を読み込む部分であり、機能設定部P3は前記設定情報に基づいて端末における3次元処理に関する機能設定を行う部分である。
【0117】
また、内部スクリプト・プログラム実行部P4は、前記機能設定に基づいてウェブページの表示や3次元処理などに関するスクリプトやプログラムを実行する部分である。また、画像データ読み込み部P5、文字データ読み込み部P6、音声データ読み込み部P7はそれぞれ、端末で表示したり再生する画像、文字、音声のデータをデータ通信部P1を通じて読み込む部分である。
【0118】
また、操作制御部P8はポインターデバイス22といった端末の操作スイッチから、利用者による操作内容を読み取り、内部スクリプト・プログラム実行部P4へ渡す部分である。また、3次元処理部P9及びP10は、それぞれ画像データ読み込み部P5及び文字データ読み込み部P6から渡される画像及び文字について、機能設定や操作の内容に応じた内部スクリプト・プログラム実行部P4による制御に基づき、2次元平面への投影など3次元表示に関する処理を行う部分である。
【0119】
また、画像文字合成部P11は、3次元処理部P9及びP10によりそれぞれ生成された表示画像を合成し、液晶表示パネルや有機EL(エレクトロ・ルミネッセンス)表示パネルなどの表示デバイス21に表示する部分である。また、音源再生部P12は、DSPやアンプなどのサウンドデバイス24を制御することにより、音声データ読み込み部P7から渡されるWAVE,MP3,MIDI等各形式の音源を再生する部分である。
【0120】
なお、本発明は上記のようなプログラムPを記録したフラッシュメモリやCD−ROMなどの記録媒体としても把握することができる。
【0121】
上記のようなプログラムPは、JAVAやショックウェーブをはじめとする、一般ブラウザとの再生の互換性をもつ開発言語・オーサリングツールで構成・開発され、典型的にはネットワーク上に置かれ、携帯端末(クライアント)で稼動するブラウザやOSが、必要に応じてこれを読込み、稼動させるが、ブラウザ、OS等に本インターフェースやその機能の一部を実現するプログラムを組み込んで使用してもよい。
【0122】
ここで、本インターフェースの稼動に必要とされるソフトウェアは、上記のプログラムPと後述の設定情報を含み、プログラムPは、携帯端末ではオンチップROM、メモリ(RAM)、追加記録デバイス(メモリカード)等に収納され、OS(オペレーティングシステム)及びブラウザ機能やOSとブラウザ機能を一体化した組込プログラムなどと協働するが、具体的実装態様は適宜変更可能である。例えば、本インターフェースに携帯端末の動作に必要とされるOS機能やブラウザ機能を搭載する事により、単独動作も可能である。
【0123】
また、画像、映像、音声、テキスト、HTMLなどのウェブデータ等、各種データ、必要に応じて外部アプリケーション・プログラムルーチンなどが用いられる。また、外部ネットワーク・外部データベース・外部サーバーから、本インターフェースのプログラムと、画像・映像・音声等のデータ、HTMLなどのウェブデータが提供される。
【0124】
なお、本インターフェースは携帯端末の少ない領域での、操作性、視認性の向上を目的とするが、もちろんパソコンや家電等、必要な稼動条件を満たせばその他のデバイスで使用する事もできる。
【0125】
〔4.プログラムの動的ダウンロード〕
また、上記のような各表示態様は適宜変更したり組み合わせて用いることができ、特に望ましい態様として、JAVAなどを用い、態様ごとに対応するプログラムはダイナミック(動的)にサーバから端末へダウンロードすることも可能である。
【0126】
すなわち、上記各態様の3次元配置の他、さらに態様を実現する新たなプログラムルーチンをバージョンアップ作業で追加した場合、インターフェースを稼動させる端末の一つ一つに対してプログラムを最新のものに差し替える操作をユーザに負担させず、端末がネットワーク上のサーバにアクセスし、必要な都度、サーバ上の本インターフェース用プログラムをメモリに読込んで稼動させることにより、ユーザによる複雑な操作無しに常に最新のインターフェース機能を使用することができる。
【0127】
具体例として、まず、端末がサーバへアクセスしたときに、前記仮想三次元空間に基づいた前記各画像の表示を行うプログラムについて、その端末におけるプログラムの適用可否、有無及びバージョンの少なくともいずれかを確認する。プログラムのうちその端末に適用可能な最新バージョンが端末に存在しないことが確認された場合に、その端末に適用可能なプログラムの最新バージョンをサーバから端末へダウンロードする。
【0128】
ダウンロードされた前記プログラムを前記端末において実行することにより、前記仮想三次元空間に基づいた前記各画像の表示を行う。
【0129】
〔5.設定情報〕
また、前記プログラムは、各画像の具体的表示態様を設定する設定情報を用いて表示を行う。ここで、設定情報は、前記各画像をどのような前記立体の各面として又はどのような前記幾何学形状に基づいた各面として表示するかと、表示サイズと、どの面にどの画像を割り付けるかと、前記各面に関する動作内容と、を少なくとも含む情報である。
【0130】
このような設定情報を端末へ提供する態様はいろいろ考えられるが、一例として、様々な外部ネットワークと互換を保つためにも、画像・音声・文字の指定等、既存のHTML等記述言語の書式で記載できるものは、HTMLファイル等ウェブデータ内に記載し、立体の選択等、本インターフェース独自の指定については、拡張タグなど追加の指定方法でこれを記述することが考えられる。
【0131】
また、例えば、図27に示すように、記述言語によって記述されたウェブデータをサーバから端末へダウンロードし、ウェブデータ中に設定情報がある場合は、端末において、前記ウェブデータ中に記述された設定情報に基づいて前記各画像を表示する。また、ウェブデータ中に設定情報のウェブデータ外における所在を表す外部パスがある場合は、端末において、その外部パスにしたがって前記設定情報を含む外部設定情報ファイルを所定のサーバからダウンロードし、その設定情報に基づいて前記各画像を表示する。
【0132】
設定情報として格納される情報項目としては、図28に示す通り、次のようなものを例示することができる。例えば、立体等の表示態様に関する基本的な項目すなわち機能設定項目として、(1)立体化の形態として、立方体、多角柱、円状配置、多面体などの種別が挙げられる。また、(2)配置の仕方として、縦、横などの種別が挙げられる。
【0133】
また、(3)ポインティングデバイスによる「←」「→」指示等の操作に対応する動作として、横回転、立方体切替え、拡大処理、キャプション表示などの種別が挙げられる。また、(4)ポインティングデバイスによる「↑」「↓」指示等の操作に対応する動作として、縦回転、立方体切替え、拡大処理、キャプション表示などの種別が挙げられる。また、その他(5)回転方法、(6)立体の大きさ、面のアスペクト比、(7)文字配置方法、(8)その他、などが考えられる。
【0134】
また、画像の割付や選択対象などに関する追加的項目すなわちデータ設定項目として、次のようなものが考えられる。例えば(9)データアサインでは、面ごとにどの画像を表示するかの割付の情報として、表示画像、音声のパス、URLアドレス等とファイルネームなどを指定する。また、(10)ロールオーバー時のアクションとして、音を鳴らす、映像が動く、キャプション表示、などの種別やその内容を指定する。ここで、「ロールオーバー」は、一般的にはカーソルがボタンの上に重なった状態を指し、本インターフェースでは面が例えば多面体の最前面に位置する状態である。
【0135】
また、選択対象に対して所定の操作を行った場合について、(11)選択時エフェクト効果や(12)選択時アクションとして、所定のURLに移動、音を鳴らす、映像が動く、その他のアプリケーションを起動する等のアクションの指定と、リンク先アドレス、ファイル名などが考えられる。また、立体表示に対し(13)合成する文字情報として、文字原稿文章、もしくは外部テキスト書類等へのパス及びファイルネームなどが考えられ、(14)その他自由に定めることができる。
【0136】
これら設定情報は、図28に示すように、動作環境機能を設定する機能設定項目(1〜7)と、データのアサインとそのアクションの指定を行うデータ設定項目(8〜14)とで構成されるが、機能設定項目は省略可能である。
【0137】
〔6.具体的動作〕
次に、本インタフェースの全体的動作手順を図29のフローチャートに示す。この手順では、まず、電源を入れるとOSやブラウザ機能が自動起動し(ステップ101)、ユーザーがブラウザ機能上でハイパーリンクを選択するなどのユーザーリクエストに基づいて、次のような初期化が行われる。
【0138】
すなわち、データ通信部P1などの作用により、携帯端末本体メモリ又は外部ネットワーク等に格納されている、本インターフェースのプログラムへのリンクが施されているHTML等のウェブデータがメモリに読込まれ(ステップ102)、そのウェブデータ内で、本インターフェースを呼び出す場合は(ステップ103)画像をアサインするのと同じ要領でパスが指定され、携帯端末本体メモリ又は外部ネットワーク等に格納されている本インターフェースのプログラムを呼び出し、実行用のメモリ領域に読込む(ステップ105)。
【0139】
例えば、OSがブラウザ機能を備えている場合はOSが本インターフェースのプログラムを呼び出し、メモリに読込む。なお、この時、HTMLやXML等のウェブデータの中に、本インターフェースへのリンクが無い場合は、通常のブラウザ動作が行われる(ステップ104)。
【0140】
〔6−1.初期化〕
本インターフェースがメモリ上に読みこまれた後、本インターフェースは、初期化処理として(ステップ106)本インターフェースを呼び出したHTML・XML等のウェブデータに中に、図28に示した「設定情報」(設定データとも呼ぶ)が存在するか否かを検索・判断し、その結果に応じたデータ読み込みを行う(ステップ106)。
【0141】
すなわち、設定データ読み込み部P2は、ウェブデータ内に設定情報がある場合はその情報を読込み、無い場合は、図27に示したような外部設定情報ファイルを読込む。ここで、ウェブデータとは別体に存在する設定情報を外部設定情報と呼び、外部設定情報のファイルを外部設定情報ファイルと呼ぶ。この外部設定情報ファイルのパスは、ウェブデータ内で本インターフェースを指定する際と同様にURLに準じた形式でパス指定される。
【0142】
すなわち、設定情報の取得態様は、次の二つが考えられる。一つは、HTMLやXMLなどの記述言語で記述されるウェブデータファイルの中に、本インターフェースが必要とする設定情報の各値を直接埋め込み、本インターフェースが起動した際、これを読み込み、処理を行うことであり、これを直接方式と呼ぶこととする。もう一つは、これらウェブデータと別に本インターフェース専用の「外部情報設定ファイル」を予め設置し、それを読込み処理するか、又は設定情報を提供する外部ネットワークもしくは外部データベース、例えば検索エンジンなどと通信を行い、その都度生成される設定情報を取得することであり、これを外部方式と呼ぶこととする。
【0143】
直接方式の場合、本インターフェースとその他の情報を一つのウェブデータにて読込みできるメリットがあるが、画面上に本インターフェースと同時にその他の情報とが表示されていて、ユーザー操作により本インターフェースの立体のみを切り替える場合、HTML等のウェブデータを再読み込みすると画面全体の情報が再読み込み(リロード)されるため、操作可能になるまでに若干のタイムラグが生じるデメリットもある。
【0144】
これに対して、上記の外部方式を採用し、立方体を構成するのに必要な情報だけをウェブデータとは別に単独のファイルとしておいたり、または、それらのファイルを提供するサーバ等のデータベースにアクセスすれば、三次元表示に際して読み込みデータ量が少なくてすみ、高速な切替処理ができる利点がある。例えば、既に本インターフェースが稼動していて、三次元表示されている「画像だけを切替えたい」場合などは、ウェブデータそのものを読込み直すより、本インターフェースの設定情報のみをリロードして画像を表示させた方が高速である(ステップ110)。
【0145】
これら直接方式と外部方式は、本インターフェースの使用目的・状況によって使いわけ、設定情報内でユーザー操作をボタンアクションに割り当てる際に、ウェブデータにリンクするか、他の外部設定情報ファイルにリンクするか、で決定することができる。直接方式の場合、設定情報は、市販のHTMLエディタ等でウェブデータに入力してもよいし、その他、この設定情報入力専用の「入力アプリケーション」を別途用意し、例えばプルダウンメニュー等で簡単に設定情報をウェブデータ内に設定できるようにする。
【0146】
このため、上記設定情報を読込んだ後、機能設定部P3は、図28に示した設定情報の項目(1〜8)における機能設定の有無を判断し、機能設定の指定がある場合はその値に従い各値をセットを行う。機能設定の指定が無い項目については、当該機能のセットをバイパスし、最後に設定された現在の設定をそのまま適用する事により処理の高速化を図り、その他の項目のデータ設定のみを行う。このような処理は、例えば、既に本インターフェスが起動・使用されており、現在の機能設定はそのままに、画像データのみを差し替えたい場合などに有効である。なお、機能設定の指定も、現在の設定もない場合は、デフォルト値をもって機能設定のセットを行う。
【0147】
〔6−2.画像の取得と三次元表示画像の生成〕
続いて、本インターフェースでは、例えば、画像データ読み込み部P5が、上記設定情報内の「データ設定」に従って携帯端末本体メモリ又は外部ネットワークから立体の面となる画像を携帯端末の所定のメモリ領域上に読み込む。
【0148】
なお、画像のパスやファイル名等、設定情報内「データ設定」に変更が加われば読込む画像データ等がそれにあわせて変更され、自動的に本インターフェースで三次元表示される画像内容が変更されるので、本インターフェースのプログラム自体に手を加えなくても更新作業等の結果を自動で反映することができる。例えば、新譜情報などにおいても、「データ設定」を変えれば本インターフェースによって表示される画像に変更内容が反映される。
【0149】
これら「設定情報」の制作に関しては、上記のようにウェブサイト等の制作者が意図的に本インターフェースの画像や機能をウェブデータに予め組み込む他、検索サービス等において、検索結果と同時にこれら画像や音声等のパス・ファイル名、すなわち「データ設定」を本インターフェースに受け渡す事で、検索結果を自動的に三次元表示することもできる。
【0150】
ここで、図30は、図29に示した三次元処理(ステップ107)から描画(ステップ108)の処理手順を具体的に示すフローチャートである。すなわち、3次元処理部P9及びP10は、前ステップの機能設定(ステップ106)により指定された、立体化の形態(立方体・多角柱・円状配置・多面体等のいずれか)に、それぞれ読込まれた画像をアサインし(ステップ201)、面を構成する処理に入る(ステップ202)。
【0151】
ここでは、立体の一面のアスペクト比(縦横比)、大きさを含む面の諸元を決定しセットする。また、設定情報(図28)内にサイズやアスペクト比の指定があれば、これに従い、画像のサイズをリサイズする(ステップ203)。無い場合は、デフォルト値にてセットされる。そのうえで、三次元座標上に面を配置し(ステップ204)、所定の視点からの立体を構成する(ステップ207,208)。
【0152】
なお、各画像の表示態様については、すでに例示した複数の態様の中から、情報内容によって、もっとも有効だと思われる表示方法を設定情報内で指定する。
【0153】
また、各立体は透明度設定等のオプションが設定可能であり、設定情報内でそれらが指定されている場合は(ステップ205)、これをセットする(ステップ206)。例えば、各面ごとに、透明度を設定し、透明度に応じて後方の面の画像も透過して見えるように表示する。このように、3次元化された立体の面に透明度を設定する事により、半透明の立体を作成する事ができる。半透明の立方体は美観の向上だけでなく、本来みえないはずの立体の裏側が透けて見えるので、立体にどんな画像がアサイン(割り当て)されているのかを、目安として確認することができ操作性が向上する。
【0154】
面が90度以上回転した場合は、正像を反転させて表示する。もっとも、各面の表と裏に互いに異なる画像を表示してもよく、例えば、90度回転した時点で面の画像データを差し替える事により、面の回転時に表、裏を違う画像で見せる事もできる。例えば図2の立方体を上記の半透明な立方体にしレコードジャケットで形成した例で言うと、正面から見て立方体の正面を向いてる面1はジャケット表紙が、立方体の裏側の面3はジャケット裏面が、半透明な正面画像面1と側面である面2の向こう側に透けて見えている、といった具合である。
【0155】
その他、垂直又は水平の少なくとも一方に立体が揺れ動く表示を行うことも可能であり、その一例は、図31に上から順次示す変化のように、立体が回転しながら、フワフワと微妙にy軸方向の上下運動を伴って移動するような表示である。また、円又は楕円上に順列する各画像について、仮想三次元空間内における上下位置をずらして表示することも考えられ、具体的には、図32に例示するように、円状に配置する面のY値を可変させる事により、波がうねるような動きを伴って回転させることが考えられる。
【0156】
さらに他の例として、立体を構成する各面を、その立体を構成する本来の各面の位置から、立体の外側にずらした位置に表示してもよく、具体的には、図33に例示するように、立体を構成する各面を、通常のX,Y,Zの値からいくつか+あるいは−させて配置する事で、面が空中に浮いているような効果を作ることもできる。これらの視覚効果は、数値を可変させるアルゴリズムによって、簡単に実現することができ、表示される内容をアピールしたい際に有効である。
【0157】
以上のような表示の態様や効果に加え、仮想三次元空間内に三次元化のために適切な視点を設定したうえ(図30のステップ207)、透視変換を行い、三次元座標を2次元座標に変換する(ステップ208)。なお、透視変換は中心投影を採用する。また、必要に応じて回転処理を行う(ステップ209)。自動回転(ステップ210)すなわちユーザー操作が有った時点でユーザー操作による回転に切替えるか、ユーザーが操作するまで回転を行わないかは、設定情報にて設定する。
【0158】
立体の回転は、立体に任意の軸を設定し、この軸を中心に横あるいは縦に回転を行う。この時、通常三次元上で「立方体そのものの座標を変える」ことで回転させるが、三次元座標上で立体の軸を中心に「視点を移動させる」事で回転しているような視覚効果を得る事もでき、これは本インターフェース開発時に、開発ツールの持つ関数やアルゴリズムに合わせてその方法を選択すれば良い。なお、これら一連の三次元化に関しては、一般的な三次元化の手法を用いる。
【0159】
〔6−3.文字情報の合成と描画〕
また、必要に応じて、上記三次元化の結果に文字情報の合成を行う(ステップ211)。この処理は3次元処理部P10と画像文字合成部P11により行われる。ここで、文字の合成には複数の態様が考えられ、その一つは、仮想三次元空間内の各画像が投影表示される二次元表示画面に、任意の文字列又は前記選択対象に対応し予め定められた文字列を表示することである。
【0160】
これはすなわち、図34に示すように、任意の文字情報を画面の一部に配置することであり、また、例えば、図35に示すように、立体のうち手前にきた画像に対してこれを説明する「キャプション(注釈)」を表示する。具体的には、例えばロールオーバー時に文字情報を表示することが考えられ、この点についてはロールオーバーに関しても説明した通りである。
【0161】
文字を合成して表示する他の態様は、図15に準じて文字を三次元配置するものであり、図25に示したように、各面に対応した文字列を、仮想三次元空間においてその文字列に対応する各面に対応した位置に表示することである。
【0162】
これを応用したのが図36、図37であり、図36は多角柱と三次元配置した文字を合成した例、図37は図16で例示した手法に、三次元化した文字を合成した例である。なお、図24は先に述べたように、図25に示すように三次元化された文字を縦方向に回転させる操作を行い、その際、手前にきた文字情報に関連するビジュアルを表示するインターフェースであるが、これらのうちいずれの態様を用いるかは、設定情報にて設定する事ができる。
【0163】
そして、HTML・XML等ウェブデータが表示している内容に、以上のような本インターフェースによる表示内容が描画され(図30のステップ212)、画面に表示される(ステップ213)。
【0164】
〔6−4.ユーザー操作〕
以上のような三次元処理(図29のステップ107)やブラウザ画面等への描画の結果(ステップ108)、表示画面上では立体が回転し、ユーザー操作や各操作に応じたアクションの実行が可能な状態になる(ステップ109)。この状態では、「設定情報」中の指定に従い、ユーザーがポインティングデバイス操作に従ってインターフェースを操作できる。例えば「←」「→」ボタンで立体を回転させ、各面の情報内容を連続的に次々を見ていくことができる。ここで、図38は、ユーザーの操作に応じた各アクションの実行を示すフローチャートである。
【0165】
〔6−4−1.方向ボタンに対応する処理〕
ユーザの各操作に対応する動作は、例えば以下のようになる。すなわちユーザー操作の入力待ち状態において(ステップ301)、ボタンを押すなどのユーザー操作が入力されると(ステップ302)、操作内容は操作制御部P8によって受け取られる。そして、内部スクリプト・プログラム実行部P4は、どのボタンが押されたか判断し(ステップ303)、他のアクションを実行中であれば(ステップ304)それを停止し(ステップ305)、設定ファイル等の設定情報で指定されたエフェクト効果や(ステップ306)アクション(ステップ307)が実現される。
【0166】
例えば、「←」「→」「↑」「↓」ボタンの操作に応じた立体の動作制御については、すでに説明したように、設定情報内において、(1)横や縦の回転、(2)立体切替え、(3)拡大処理、(4)無し(コントロールをブラウザ機能に戻す)等からいずれかを選択し指定するが、これらの詳細は次の通りである。
【0167】
(1)回転
まず、所定の操作に応じ、立体を回転させる事で、各面の情報を次々と見ていく事ができる。具体的な態様は複数考えられ、その第一の態様は、1クリック(一回の指示)で多面体の次の面が正面にくるまで自動で回転するもので、具体例としては、「←」ボタンで左回転、「→」ボタンで右回転させ、例えば立方体の場合、90度自動回転するなどである。また、第二の態様として、押している間のみ、回転し、離すと静止することも考えられる。また、第三の態様として、マウスやジョイスティック等の移動量可変の指示デバイスの場合は、ユーザーのジョイスティック操作に伴って可変し出力される数値(移動量)に従って、回転角度を可変させることが考えられる。
【0168】
本インターフェースはあらかじめ上記のような動作ルーチンをプログラム内に格納しており、これらは設定情報で「回転」を選択した際に、パラメータとして上記いずれかの態様を選択する事で、動作を割り当てることができるものである。
【0169】
なお、回転等時の速度は、上記第三の態様の場合を除いてあらかじめ任意に決めた速度(移動量)で行うが、一例として、所定の操作に応じて前記各面を運動及び静止させ、静止状態から回転等の運動状態への移行時は加速処理を、運動状態から静止状態への移行時は減速処理を行うことが考えられる。
【0170】
(2)立体切替
また、所定の操作に応じ、立体を切替え、表示する画像を切替える事で、より多くの情報の閲覧が可能になる。このような立体切替えの実現のための具体的な態様は複数考えられ、第一の態様として、本インターフェースの設定情報が含まれたHTMLやXML等のウェブデータファイルの指定を予めしておき、「↑」及び「↓」クリック時にその指定されたファイルを読込む(リンクする)ことが考えられる。また、第二の態様として、本インターフェースの独立した設定情報ファイル、またはそれらが含まれたDBやネットワークの指定を予めしておき、「↑」及び「↓」クリック時に読込む(リンクする)ことも考えられる。「立体切替」を選択した際は、上記のいずれかの態様を指定するパラメータを選択する。
【0171】
上記第一の態様に設定した場合の「↓」時の動作は、ウェブデータを読込み、それに従って画像データ等を読込んだ後、立体を非表示にすることである。この場合、ウェブデータに従って画面全体が再構成され、新しい立体が表示される。これは、一般に、ブラウザでHTMLと画像を読み込んだ時と同じ効果を持ち、「↑」時も同様である。
【0172】
上記第二の態様に設定した場合の「↓」時の動作としては、例えば次のような例が考えられる。すなわち、所定の切替え操作が行われたときに、立体が所定方向へ移動して視界から消え、変わって異なる立体が視界内に表れるように表示する。より具体的には、設定情報を読込むと同時に、現在表示されている立方体を、三次元ワールド座標に対して立方体の座標を下方(Y軸 マイナス方向)に連続的に移動する事で、アニメーション効果を得ながら表示領域外まで移動し、不可視の状態にするなどが考えられる。また、この場合は、同時に読込まれた設定情報に従って、表示領域外の上方に新しい立体を生成し、これを表示領域内下方向に向かって同じくアニメーション効果を伴って連続的に移動させ、画面中央で静止させる。
【0173】
なお、「←」「→」ボタンに「立方体切替え」を割り当てた時も、上記と同様であり、但しこの場合、立方体の移動方向は横方向となる。そして、上記を繰り返す事で、「←」「→」「↑」「↓」ボタンで立体を次々と切り替えていく事ができる。なお、「立体切替」処理においては、ボタン、ジョイスティック等、指定デバイスの種類に関わらず、1クリックで上記処理を行う。
【0174】
(3)拡大処理
また、所定の操作に応じ、画像を拡大して見やすくすることはショッピング等に便利である。具体的には、例えば「↑」(または「↓」)ボタンを1回クリックすると、任意のサイズまで自動で拡大される。ここで、任意のサイズは、デフォルトで表示領域の縦または横のピクセル数などが考えられる。また、「↑」(または「↓」)ボタンを押している間、拡大処理されるようにしてもよい。
【0175】
いずれも、(1) 視点を立方体に近つける、(2) 三次元座標に対して立方体を前方(Z軸−方向)に移動させる、(3) 立方体そのものを拡大する、いずれかの手法をもって拡大している視覚効果を得る。またその際、連続的に処理を行えばアニメーション効果が得られる。また、例えば「↓」ボタンにより同様に縮小処理を行ってもよい。また、拡大時、縮小時の最大値及び最小値は、本インターフェースのプログラム時に任意の値を設定する。「←」「→」ボタンに「拡大処理」を割り当てた時も、以上と同様である。
【0176】
(4)無し
すなわち、所定の操作を行ったときに、本インターフェースによる三次元表示の処理を終了し、コントロールをブラウザ機能に戻すように構成してもよい。なお、上記の回転、立体切替、拡大処理を割り当てられた指定デバイスについては、本インターフェースが使用している間は本インターフェースのための割り込み処理が行われるため、本来のOSやブラウザ等の操作には用いられない。一方、所定の指示デバイスの操作に対する動作を「無し」に設定すると、その指示デバイスについては、本インターフェースで使用するための割り込みをOSやブラウザに対して行わないため、当該指示デバイスを操作したときの動作はOSやブラウザに依存することになる。
【0177】
〔6−4−2.ロールオーバー時と選択時の操作〕
また、立方体に構成されたそれぞれの面に、機能を割り当てる事により、それぞれの面をボタンとして機能させる。すなわち、上記の「↑」「↓」「←」「→」ボタンでの立体の制御によって提示された面に対し、(1)ロールオーバー操作、(2)選択操作、の2つの操作をもって、面に割り当てられた機能の実行を行う。
【0178】
〔6−4−2−1.ロールオーバー処理〕
ロールオーバーの設定は各画像に対して割り当てられる。先にあるように、パソコン等でいうロールオーバーとはカーソルがボタンの上に重なった状態をさすが、本インターフェースでは最前面に表示された面をロールオーバー状態とする。例えば、図2では面1がロールオーバー状態である。従って、「←」「→」ボタンでの立体の回転操作により、最前面に面が表示される度に、強調表示などのロールオーバー処理が自動的に行われる。
【0179】
回転時に表示される画像が、「ユーザーの興味をひく、情報内容を一覧する一次的情報」と考えると、ロールオーバーで行われる処理は、もう少し具体的な「2次的な情報の提示」である。そして、ロールオーバー時に割り当てられる機能としては、それぞれ、面が最前面にきたとき、(1)音を鳴らす、(2)アニメーションや映像を再生する、(3)キャプションを表示する、等が考えられる。
【0180】
(1)音を鳴らす
音を鳴らすには、例えば面ごとにパス名、ファイル名を予め指定しておくことにより、携帯端末本体メモリ又は外部ネットワーク等の音声データを読込み、再生する。なお、音声の再生は、本インターフェース用プログラムPの音源再生部P12により行うが、必要に応じてOS,ブラウザ機能、その他専用アプリケーション(ヘルパーアプリケーション)等の音声再生のルーチンの起動を行い、これを行う事もできる。
【0181】
具体例として、回転時、面が最前面に着た時に音声データを再生するが、外部ネットワークから音声データを読み込む際など、通信環境によっては、再生するまで若干のタイムラグが生じる事が考えられる。この時、回転して次に最前面にくると思われる面、例えば立方体の場合、正面に対して左右の側面に割り当てられている音声データを先読みしておくか、又は事前に任意のタイミングで、面に割り当てられている音声データを一時的に本体メモリ等に格納し、回転時にこれを読込む等を行えば、処理の高速化が可能となる。
【0182】
また、音声データのファイルの読み込み・再生については、音声ファイル全体をメモリ等に読込む方法のほか、ストリーミング技術を使ってリアルタイムにデータの読込み、再生を行ってもよいが、具体的態様はリンク先の音声データ形式に依存する。
【0183】
(2)アニメーション、映像再生
この場合は、音声データと同じく、アニメーションデータやデジタルビデオデータを携帯端末本体メモリ又は外部ネットワーク等から読込み、面の画像データと一時的に差し替えて表示する。また、音声データと同じく、読込みのタイミングは本インターフェースプログラム制作時に任意設定する。また、音声データと同じく、ストリーミング処理を行う事もできる。
【0184】
(3)キャプションを表示する
キャプションの表示は、面の上や、左右等、任意の場所に商品名称、補足説明等の文字をオーバーレイするものである。具体的には、設定情報中に表示させたい文章をあらかじめ記載しておいてもよいし、設定情報でリンク先(パス名、ファイル名)を指定しておき、これらを立体の形成時に読込んでおく事で、ロールオーバー時に表示する事もできる。これらキャプションは従来のHTML形式で記載することにより、ハイパーリンクを設定することも可能である。
【0185】
〔6−4−2−2.選択操作〕
選択操作とは、これまでの回転による閲覧(1次的情報)、ロールオーバーによる具体的情報の提示(2次的情報)を受けた上で、ユーザーが任意のアクションを求める操作である。選択操作は、携帯端末本体の「選択ボタン」や、その他クリック、エンターに該当するボタンを押すことで実行され、選択時の操作としては以下のものが考えられる。
【0186】
(1)ロールオーバーと同じく、(1) 音を鳴らす、(2) アニメーション、映像を再生する、(3) キャプションを表示する。
(2)ハイパーリンク指定のURLに移動したり、HTML等ウェブデータの読込みなどであり、例えば、通信販売の購入フォームを表示するなどである。
(3)立体切替設定情報の読込みや、より詳細情報で構成される新しい立体を表示させるなどである。
(4)外部プログラム実行メールアプリケーションを起動する、ピア・ツー・ピアで他の携帯端末と接続したり、音声通話や映像通話を行うなど、外部のプログラムルーチンを起動するといった処理である。
(5)ダウンロード音声や画像ファイルを本体記憶媒体、ネットワーク上のその他のエリアに保存(コピー)するなどである。
(6)メニュー表示上記(1)〜(5)の機能の他、任意の機能を一覧で表示し、選択が可能な状態にするなどである。
【0187】
なお、選択操作を行った際、既に音声が再生されている等、その他のアクションが実行中の場合は(ステップ304)、これらアクションを停止して(ステップ305)、選択されたアクションを行う。この際、所定のエフェクト効果(ステップ306)をもって目的のアクション(ステップ307)に移行する事ができる。例えば、音声のアクションの場合、現在再生中の音声と新しい音声をクロスフェード処理するなどである。また、画像のアクションの場合、選択された画像を、回転を伴ってZ軸を手前側(−)に移動し、その際透明度を100%から徐々に透明にしていくことにより(図9)、拡大しながら消えていく効果が得られる。
【0188】
また、画像のアクションの場合、回転する軸徐々に傾け、同時に回転速度を可変させる等で、回転運動に変化を加えたり、3次元化のオプション時と同じく、図31から図33のような効果を行うなどが考えられる。以上のような各効果は、次に表示する画像や音声のデータ読込みの「間」をもたせたり、「選択した」という事をユーザーに提示する事ができる。
【0189】
なお、上記(3)の立体切替では、先に記した通り、新たに構成する面の情報として、本インターフェースの外部設定情報ファイルを読込む、あるいは設定情報を外部ネットワークから受け取るなどにより設定情報を再読み込みし(図29のステップ110)、それを再度立体に割り当てる。具体的にはリンク先を、外部設定ファイルに設定しこれを読込む、あるいは、リンク先を外部ネットワークの指定の書類、プログラム等(例CGI等)に設定し、これと通信を行う。
【0190】
この場合、現在、立体に割り当てられている画像、音声、文字情報のみをメモリ上から削除し、インターフェース自体はメモリ上にそのまま維持し、新しいデータのみを読込むことで高速化が図れる。
【0191】
上記(2)ハイパーリンクを指定した場合は、HTML等ウェブデータの新規読み込みなどにより(図29のステップ111)、指定のあったURLに移動すると同時に、ここで本インターフェースを終了とし(ステップ112)、本インターフェース及び、占有しているデータをメモリ上から削除する。また、本インターフェースが稼動しているOSやブラウザが終了される時は(ステップ113)、同じく本インターフェースを終了させ、メモリ上から削除する(ステップ114)。
【0192】
〔7.効果〕
以上のように、本実施形態では、立体を構成する複数の面ごとに異なった画像を三次元配置し(図2、図10)、又は円や楕円など所定の幾何学形状上に複数の画像を三次元配置し(図16)、所定の視点から見た投影図として表示することにより、小さな表示画面でもより多量の情報を一度に表示し、一度に見渡したり、ちょっと見をしたり、情報の中から所望の要素を選ぶなど、ユーザの興味の深さに応じた情報の提示と操作が可能なインターフェースが提供される。なお、本出願にいう「画像」には動画が含まれる。
【0193】
特に、本実施形態では、立体、正多面体や多角柱の各面にそれぞれ画像を表示することにより、秩序立った外観と用途に応じた多様な表示態様が実現される。また、本実施形態では、正12面体を構成する正5角形など(図20)、方形以外の形状の面に合わせて画像をマスキング処理することにより(図22、図23)、各種正多面体など多様な表示態様が適用可能となる。
【0194】
また、本実施形態では、本来の立体の位置から、各面が空中に浮いているような変化に富んだ視覚効果により(図33)、利用者の注意を惹き付けることが可能となる。また、本実施形態では、立体の回転角度にかかわらず各面の画像の天地を維持することにより、情報の閲覧が容易になる。また、本実施形態では、立体が回転しながら、フワフワと微妙に上下運動したりそれに伴って移動するような変化に富んだ視覚効果により(図31)、利用者の注意を惹き付けることが可能となる。
【0195】
また、本実施形態では、操作に応じて立体が横や縦へずれて次の立体と切り換わる視覚効果により、利用者に対し、立体の切り替わりを明確に認識させると共に、注意を効果的に惹き付けることができる。また、本実施形態では、円状に配置される各画像のうち手前側のものだけを表示することにより、見た目が整理され、情報内容がわかりやすくなる。
【0196】
また、本実施形態では、円状に配置される各画像の上下位置、例えばY座標を画像ごとに変化させることにより、波がうねるような動きを伴って各面が回転するような変化に富んだ視覚効果を実現し(図32)、利用者の注意を惹き付けることが可能となる。
【0197】
また、本実施形態では、各時点で一番手前に表示されている面の画像について、光るなどの視覚効果や音が鳴るなどの動作により選択対象であることを知らせ、興味を持てばボタン操作など所定の選択操作により詳細表示などの処理を行うことにより、最小限の操作手数で容易に情報の選択と閲覧を行うことが可能となる。
【0198】
また、本実施形態では、音楽のCD、ビデオCDやMD等のアルバムやシングル、映画のビデオテープやDVDといった作品について、ジャケット写真等の画像を複数立体表示し、手前に来たものごとに収録内容を試聴させることにより、効果的な作品のプロモーション(販促)や電子商取引が可能となる。特に、本実施形態では、ヒットチャートの順位に応じた作品の画像閲覧や試聴が容易になるので、ヒットチャートが集計されるようなCDシングルなどの販売促進効果が期待できる。
【0199】
また、本実施形態では、一番手前の面だけが表裏回転する変化に富んだ視覚効果により(図7、図14、図19)、利用者の注意を惹き付けることが可能となる。また、本実施形態では、所定の操作をしたときに表裏回転させることで、利用者の意向や興味に応じた円滑な情報閲覧が容易になる。また、本実施形態では、表裏回転の際にその面を拡大表示することにより(図9)、表裏回転していることが把握しやすくなり、また表裏回転しながらの拡大表示という変化に富んだ表示により利用者の関心を効果的に惹き付けることが可能となる。
【0200】
また、本実施形態では、各面の表と裏に別々の画像を表示することにより、表示可能な情報量が増加し、また、変化に富んだ表示により利用者の関心を効果的に惹き付けることが可能となる。なお、表と裏の表示は立体の全ての面ではなく一部の面のみについてでもよい。
【0201】
また、本実施形態では、面ごとに設定される透明度に応じて後方の面の画像も透過して見せることにより、表示可能な情報量が増加し、変化に富んだ表示により利用者の興味を効果的に惹き付けることが可能となる。すなわち、透明度の設定により半透明の立体等が表示でき、美観が向上するだけでなく、本来見えない立体の裏側が透けて見えることにより、立体の各面にどのような画像が割り当てられているかを目安として確認できるので、情報の閲覧と操作が一層容易になる。特に、本実施形態では、手前はハッキリと、奥の画像はうっすらと見せることができ、立体感を強調すると共に見やすくすることができる。
【0202】
また、本実施形態では、各画像が投影図として表示される表示画面上に任意の文字列、例えば表示画面全体や立体の各面の画像について補足説明や詳細説明を表示することにより情報の理解と処理が容易になる(図34)。また、本実施形態では、各面に対応した文字列が各面の少し上に浮いて各面に同期して回転するように表示されるので(図36、図37)、各面ごとのキャプションや補足説明などを利用者に効果的にアピール可能となる。また、一番手前の文字列に応じた画像を1つだけ表示する態様では(図24)、表示が簡潔となり、文字表示に適した情報分野に適したインターフェースが提供される。
【0203】
また、本実施形態では、本発明のインターフェースを実現するJAVAなどのプログラムをサーバから端末へダウンロードすることにより、新たな表示態様機能追加などのバージョンアップを、ユーザによる煩雑なインストール操作手順無しに実現可能となる。また、本実施形態では、設定情報がウェブデータと一体の場合、両者を一つのプロセスで読み込みでき、システム構成と処理手順が単純化できる利点がある。また、本実施形態では、ウェブデータと別体の設定情報も扱うことにより(図27)、ウェブページと立体表示のいずれか一方だけを切り換えたり再読み込み(リロード)する際の処理が迅速化される。
【0204】
〔8.他の実施形態〕
なお、本発明は上記実施形態に限定されるものではなく、次に例示するような他の実施形態も含むものである。例えば、三次元表示に関する立体や幾何学形状は上記実施形態で示した例には限定されず、例えば多角円筒形の各面に画像を表示したり、各画像を四角形上に順列するように表示することもできる。また、仮想三次元空間上において文字フォントを画像の一種として表示することにより、文字列だけを図25のように所定の幾何学形状上に配置してもよく、このような態様も本発明に含まれる。
【0205】
また、上記実施形態では、三次元表示のための専用の設定情報や、設定情報を外部から取得するためのタグ等の情報をウェブデータに埋め込む例を示したが、複数の画像を二次元表示するような従来通りのHTML、コンパクトHTML、HDMLなどの記述から、上記実施形態に示したようなソフトウェアが、自動的に三次元表示を行うように実装することも可能で、さらにそのような機能をオン・オフできるようにすることも望ましい。
【0206】
このようにすれば、従来の二次元表示のためのウェブデータに基いて三次元表示が行われるので、HTMLなど従来の記述言語で作成された既存のウェブデータをウェブサイト所有者が変更する煩雑な手間をかけることなく、三次元表示を容易に実現することができる。
【0207】
【発明の効果】
以上のように、本発明によれば、小さな画面でもより多くの情報を簡単に見渡せ、簡単に任意の情報を選択できるユーザーインターフェースの技術すなわち情報処理方法、情報処理プログラム並びに携帯情報端末装置を提供することができるので、情報流通が効率化される。
【図面の簡単な説明】
【図1】 本発明の実施形態の概略を示す概念図。
【図2】 本発明の実施形態における立方体を用いた表示例を示す図。
【図3】 本発明の実施形態における表示例としての立方体の展開図。
【図4】 本発明の実施形態における表示例としての立方体の斜視図。
【図5】 本発明の実施形態における表示例としての立方体の平面図。
【図6】 本発明の実施形態における表示例としての立方体の正面図。
【図7】 本発明の実施形態における表示例としての立方体において一面が表裏回転する状態を示す図。
【図8】 本発明の実施形態における表示例としての立方体において、斜めの軸を中心に一面が表裏回転する状態を示す図。
【図9】 本発明の実施形態における表示例としての立方体において、斜めの軸を中心に一面が拡大表示と共に表裏回転する状態を示す図。
【図10】 本発明の実施形態において、多角柱を用いた表示例を示す図。
【図11】 本発明の実施形態において、表示例としての多角柱の斜視図。
【図12】 本発明の実施形態において、表示例としての多角柱の平面図。
【図13】 本発明の実施形態において、表示例としての多角柱の正面図。
【図14】 本発明の実施形態における表示例としての多角柱において一面が表裏回転する状態を示す図。
【図15】 本発明の実施形態における表示例としての多角柱が縦方向に回転する状態を示す図。
【図16】 本発明の実施形態において、所定の幾何学形状上に各面が順列する表示例を示す図。
【図17】 本発明の実施形態において、所定の幾何学形状上に各面が順列する表示例の概念的平面図。
【図18】 本発明の実施形態において、所定の幾何学形状上に各面が順列する表示例の正面図。
【図19】 本発明の実施形態において、所定の幾何学形状上に各面が順列し、うち一面が表裏回転する状態を示す図。
【図20】 本発明の実施形態において、正12面体を用いた表示例を示す図。
【図21】 本発明の実施形態における表示例に関する正12面体の展開図。
【図22】 本発明の実施形態におけるマスキング処理の一例を示す図。
【図23】 本発明の実施形態におけるマスキング処理を他の例を示す図。
【図24】 本発明の実施形態において、選択対象となった文字に対応する画像が表示されている表示例を示す図。
【図25】 本発明の実施形態において、各文字列が所定の幾何学形状上に配置される例を示す図。
【図26】 本発明の実施形態の構成を示す機能ブロック図。
【図27】 本発明の実施形態における設定情報の取得態様を示す概念図。
【図28】 本発明の実施形態における設定情報の一例を示す概念図。
【図29】 本発明の実施形態における全体的処理手順を示すフローチャート。
【図30】 本発明の実施形態における三次元処理と描画の処理手順を示すフローチャート。
【図31】 本発明の実施形態における他の表示例を示す図。
【図32】 本発明の実施形態における他の表示例を示す図。
【図33】 本発明の実施形態における他の表示例を示す図。
【図34】 本発明の実施形態における他の表示例を示す図。
【図35】 本発明の実施形態における他の表示例を示す図。
【図36】 本発明の実施形態において、多角柱と複数の文字列とを用いた表示例を示す図。
【図37】 本発明の実施形態において、所定幾何学形状上に順列する画像ごとに、対応する文字列が対応する位置に表示されている表示例を示す図。
【図38】 本発明の実施形態において、ユーザの操作に応じた処理が行なわれる状態を示すフローチャート。
【符号の説明】
11…CPU
21…表示デバイス
22…ポインターデバイス
23…インターフェース
24…サウンドデバイス
26…RAM
27…ROM
28…媒体接続デバイス
P…プログラム
P1…データ通信部
P2…設定データ読み込み部
P3…機能設定部
P4…内部スクリプト・プログラム実行部
P5…画像データ読み込み部
P6…文字データ読み込み部
P7…音声データ読み込み部
P8…操作制御部
P9,P10…3次元処理部
P11…画像文字合成部
P12…音源再生部
[0001]
BACKGROUND OF THE INVENTION
  The present invention relates to a technique for realizing a user interface that allows a user to easily look over more information even on a small screen and easily select arbitrary information.
[0002]
[Prior art]
  2. Description of the Related Art Conventionally, portable information terminal devices such as mobile phones and PDAs having an electronic notebook function are known using semiconductor technology such as LSI. Such a portable information terminal device is a kind of client system, and is hereinafter also referred to as “portable terminal” or “terminal”. In recent years, with the spread of digital networks represented by the Internet and technological advancement, the role of mobile terminals is not only functions as telephones and electronic notebooks, but also network connection means for connecting to networks such as the Internet and browsing information The specific gravity is shifting.
[0003]
  For this reason, mobile terminals have undergone remarkable functional evolution based on the assumption of network connection. In other words, mobile phone terminals equipped with network connection functions such as the Internet are not only rapidly spreading, but in addition to dial buttons, it is not uncommon to have a joystick or a pointing device that can be specified to the left, right, up, and down. .
[0004]
  In addition, it is equipped with a browser function, and a display screen can be freely configured by combining information such as images and characters as seen in HTML. Are known. In addition, various services such as ticket reservation and online shopping using such portable terminals have been started, and various program routines such as those found in JAVA (registered trademark) are also proposed to enable more advanced processing. Has been.
[0005]
  By the way, the conventional user interface of the portable terminal on the premise of network connection conforms to the planar two-dimensional display in a personal computer (personal computer) or the like. In such a two-dimensional display, for example, when there are a plurality of thumbnails (sample reduced images) such as product photos as options, a plurality of images are displayed two-dimensionally, for example, four images are arranged side by side. If the entire display area does not fit, scrolling is used.
[0006]
  In addition, the character is a hyperlink, and by specifying this with some pointing device, the selection operation and the accompanying action, such as sounding, displaying an image, moving to a predetermined URL, etc., are performed. Examples are also known, which are techniques that ease the limitations of the two-dimensional arrangement of information and display related information sequentially.
[0007]
[Problems to be solved by the invention]
  However, the conventional technology as described above has a problem that it is difficult to browse and select a large amount of information on a small screen. In other words, the graphical user interface (GUI) is a technique for visually confirming information and easily operating a device without inputting a character string such as a command. However, the conventional GUI as described above has a particularly large screen size. However, a portable terminal with restrictions on the size is not easy to see and use, and the above functions and characteristics of the GUI cannot be sufficiently obtained.
[0008]
  In addition, when there is a margin in the screen size, such as when browsing a homepage with a personal computer Internet connection, a GUI that specifies any one of a plurality of thumbnails arranged in a plane is ideal. The display area of the portable terminal is much smaller than that of a personal computer or the like, and an interface that can be operated as efficiently as a personal computer has not been realized.
[0009]
  In particular, when browsing image information, a mobile terminal with a small screen cannot display a plurality of images at a time due to the limitation of the display area. For this reason, conventionally, an interface for displaying an image by clicking a character portion that is a hyperlink has been indispensable.
[0010]
  In this case, an interface that inevitably presents a list of characters, performs a selection operation by clicking once, etc., displays an image, confirms the contents of the information, and then returns to the list screen again must be used. In the past, such interfaces were the mainstream, but such interfaces have many operations and are difficult to use, and it is difficult to understand what information you have selected and what information you are viewing. there were.
[0011]
  Moreover, in such an interface, it can be understood that a link is made to some page or image from the character information that is a hyperlink, but what is that, the character or image is linked to the linked page. It was impossible to get a sensual grasp of how much there is.
[0012]
  To avoid such adverse effects of links from character strings, it is ideal that the contents of information can be grasped by displaying multiple images at the same time in advance. In order to make this possible, each image must be extremely reduced and arranged, but such a method is not practical because it is difficult to sufficiently confirm the contents of the image.
[0013]
  In particular, with the increase in content (information on services, etc.) that can be used on various mobile devices in recent years, network connections have been diversified, such as watching images, videos, listening to music, and shopping, and so on. Since development and application are expected, a GUI that can comfortably browse and operate these contents has been eagerly desired.
[0014]
  For example, in the case of the purpose of connecting to online shopping and selecting a music CD, in the prior art, several CD names are displayed by letters, and an interesting CD is designated among them. It is assumed that the display contents in this case include a music CD that is unknown to the user, but there is a problem that “the image cannot be grasped” even if the name or singer name is displayed in characters.
[0015]
  However, it is difficult to arrange a plurality of images such as CD jackets in the display area of the portable terminal because of the limitation of the screen size as described above. Therefore, by clicking a menu composed of characters, it is preset. The hyperlinks necessitated operations such as displaying a CD jacket photo on a separate page and playing a part of the representative song at the same time.
[0016]
  In this case, in order to see and listen to the information on several CDs, such as "What is there?", It was necessary to repeat the above selection operation and return to the list many times. I couldn't expect a smooth operation feeling like “tasting” one after another by listening. The above problems of the conventional user interface have been a major obstacle to the promotion of content use and sales promotion.
[0017]
  In summary, when information is first presented, what the user asks for the content to be presented is a rough “guideline” for browsing “what information is available” and “how much is there”. In particular, when the information content is a visual (visual element) such as a video or an image, it is more intuitive and intuitive to have a single image than to have many lines of explanation about the visual. It's easy to understand and easy to understand. Also, when handling multimedia information such as images and sounds, it is highly desirable to be able to see the entire image sensuously, such as being able to overlook the visual if it is an image or listening to it if it is a sound.
[0018]
  From the above, regarding information display and grasping, present as much information as possible in a small display area.
-About visual display, information contents can be confirmed visually and sensuously.
・ To be able to "look around" the information at a glance or with few operations.
・ It is possible to grasp how much there is at the same time.
Is long-awaited.
[0019]
  Next, the user proceeds to operations such as browsing by specifying or selecting information or items from the contents grasped as described above. In this case, “Let's see” to “Let's see next”, “More details” In a series of information usage processes such as “I want to know” and “I want to see something different”
・ Take a look, look at it, see it with flipping books.
・ Smooth transition to actions such as detailed information browsing and purchase application where interested.
・ It is a simple operation and requires a small number of operations.
Is long-awaited.
[0020]
  The present invention has been proposed in order to solve the above-described problems of the prior art, and its purpose is to provide a user interface that allows a user to easily view more information even on a small screen and easily select arbitrary information. Technology, that is, an information processing method and system, a portable information terminal device, a server system, and information processing software.
[0021]
  Another object of the present invention is to provide a user interface technology that facilitates information understanding by various visual effects and effectively attracts the user's attention.
[0022]
  Another object of the present invention is to provide a user interface technology that eliminates a complicated configuration and a complicated installation operation by a user by appropriately reading a program and data from a server.
[0023]
[Means for Solving the Problems]
  In order to achieve the above object, the invention of claim 1 controls a display that displays information including an image, an operation unit that receives an input operation from a user, and a display of information including an image on the display. And an information processing method performed using the control unit, by the control by the control unit,In the virtual three-dimensional space, the surface facing the display surface of the display device is the front, a plurality of surfaces including this surface are arranged, a solid is configured by the plurality of surfaces, and the solid is configured A stereoscopic display process for allocating a plurality of images to a plurality of surfaces and displaying the images on the display;A rotation process for rotating the solid displayed on the display device in accordance with a user operation in the operation unit, and the stereoscopic display process is configured to convert each surface constituting the solid into the solid. It includes a process of displaying at a position shifted to the outside of the solid from the position of each original surface to be configured.
[0024]
  The invention of claim 27 providesThe invention according to claim 1 is captured from the viewpoint of a computer program, and includes a display that displays information including an image, an operation unit that receives an input operation from a user, and display of information including an image on the display And an information processing program for causing the control unit to execute processing on the control unit.In the virtual three-dimensional space, the surface facing the display surface of the display device is the front, a plurality of surfaces including this surface are arranged, a solid is configured by the plurality of surfaces, and the solid is configured A process of assigning a plurality of images to a plurality of surfaces and displaying the images on the display;The solid displayed on the display is rotated according to a user operation in the operation unit.ProcessingThe display process is a display in which the solid is shaken in at least one of vertical and horizontal.
[0025]
  The invention of claim 34 is the one in which the invention of claims 1 and 27 is regarded as a portable information terminal device,A display that displays information including an image; an operation unit that receives an input operation from a user; and a control unit that controls display of information including an image on the display; and the control unit communicates from a server system. In the portable information terminal device that displays information including an image to be downloaded via a network on the display, the control unit includes:In the virtual three-dimensional space, the surface facing the display surface of the display device is the front, a plurality of surfaces including this surface are arranged, a solid is configured by the plurality of surfaces, and the solid is configured A stereoscopic display process for allocating a plurality of images to a plurality of surfaces and displaying the images on the display;Rotation means for rotating the solid displayed on the display unit according to a user operation in the operation unit, and the three-dimensional display means displays the solids on the surfaces constituting the solid. It is characterized by being displayed at a position shifted from the original position of each surface to the outside of the solid.
[0026]
  The invention of claim 10In the information processing method performed using a display that displays information including an image, an operation unit that receives an input operation from a user, and a control unit that controls display of information including an image on the display, the control By the control by the unit, a plurality of images are permutated as a plane onto a geometric shape formed on a horizontal plane or a vertical plane in a virtual three-dimensional space and a plane different from the display plane of the display. In addition, a geometric shape display process to be displayed on the display unit, and a moving process to move the position of each image displayed on the display unit on the geometric shape in accordance with a user operation on the operation unit. And executing.
[0027]
  The invention of claim 30 is the invention of claim 10.A display that displays information including an image, an operation unit that receives an input operation from a user, and a control unit that controls display of information including an image on the display In the information processing program for causing the control to execute the process, the program is formed on the control unit on a horizontal plane or a vertical plane in a virtual three-dimensional space, which is different from the display surface of the display. A plurality of images are permuted as planes on the geometric shape to be displayed on the display unit, and each of the images displayed on the display unit is selected according to a user operation in the operation unit. The position is moved on the geometric shape.
[0028]
  The invention of claim 37 is the invention of claims 10 and 30.From the viewpoint of a portable information terminal device, a display that displays information including an image, an operation unit that receives an input operation from a user, and a control unit that controls display of information including an image on the display And the control unit displays information including an image downloaded from a server system via a communication network on the display. The control unit has a predetermined defined in a virtual three-dimensional space. Means for displaying the plurality of images on the geometric shape so as to be permuted, and each of the displayed images is positioned on the geometric shape in accordance with a user operation in the operation unit; And a means for moving.
[0029]
  In these aspects, different images are arranged three-dimensionally for each of a plurality of surfaces constituting a solid, or a plurality of images are arranged three-dimensionally on a predetermined geometric shape such as a circle or an ellipse, and viewed from a predetermined viewpoint. By displaying it as a projection map, a large amount of information can be displayed at a time even on a small display screen, and the user's depth of interest, such as looking at it at a time, looking at it for a while, or selecting a desired element from the information An interface capable of presenting and operating information in accordance with the information is provided. The “image” referred to in the present application includes a moving image.
[0030]
  In addition, it is possible to attract the user's attention from the original three-dimensional position by visual effects that are rich in changes such that each surface is floating in the air.
[0031]
  The invention according to claim 2 is performed using a display that displays information including an image, an operation unit that receives an input operation from a user, and a control unit that controls display of information including an image on the display. In the information processing method, by the control by the control unit,In the virtual three-dimensional space, the surface facing the display surface of the display device is the front, a plurality of surfaces including this surface are arranged, a solid is configured by the plurality of surfaces, and the solid is configured A stereoscopic display process for allocating a plurality of images to a plurality of surfaces and displaying the images on the display;Rotation processing for rotating the solid displayed on the display device according to a user operation in the operation unit, and the stereoscopic display processing displays a display in which the solid swings in at least one of vertical and horizontal. It is characterized by including.
[0032]
  The invention of claim 28 providesThe invention of claim 2 is obtained from the viewpoint of a computer program, and includes a display that displays information including an image, an operation unit that receives an input operation from a user, and display of information including an image on the display And an information processing program for causing the control unit to execute processing on the control unit.In the virtual three-dimensional space, the surface facing the display surface of the display device is the front, a plurality of surfaces including this surface are arranged, a solid is configured by the plurality of surfaces, and the solid is configured A process of assigning a plurality of images to a plurality of surfaces and displaying the images on the display;The solid displayed on the display is rotated according to a user operation in the operation unit.ProcessingThe display process is a display in which the solid is shaken in at least one of vertical and horizontal.
[0033]
  The invention of claim 35 is the invention of claims 2 and 28,A display that displays information including an image, a display that displays information including an image, an operation unit that receives an input operation from a user, a control unit that controls display of information including an image on the display, In the portable information terminal device that displays information including an image downloaded from the server system via a communication network on the display unit, the control unit includes:In the virtual three-dimensional space, the surface facing the display surface of the display device is the front, a plurality of surfaces including this surface are arranged, a solid is configured by the plurality of surfaces, and the solid is configured A stereoscopic display process for allocating a plurality of images to a plurality of surfaces and displaying the images on the display;Rotation means for rotating the solid displayed on the display device according to a user operation in the operation unit, and the solid display means displays a display in which the solid swings in at least one of vertical and horizontal. It is what is performed.
[0034]
  In these aspects, it is possible to attract the user's attention by a visual effect that is rich in changes such as a three-dimensional rotation that slightly moves up and down and moves with it.
[0035]
  The invention according to claim 3 is performed using a display that displays information including an image, an operation unit that receives an input operation from a user, and a control unit that controls display of information including an image on the display. In the information processing method, by the control by the control unit,In the virtual three-dimensional space, the surface facing the display surface of the display device is the front, a plurality of surfaces including this surface are arranged, a solid is configured by the plurality of surfaces, and the solid is configured A stereoscopic display process for allocating a plurality of images to a plurality of surfaces and displaying the images on the display;A rotation process for rotating the solid displayed on the display unit according to a user operation in the operation unit, and the stereoscopic display process is performed by a user in the operation unit with a predetermined switching operation. The display includes a process for displaying the solid so that the solid moves in a predetermined direction and disappears from the field of view and a different solid appears in the field of view.
[0036]
  The invention of claim 29 providesThe invention of claim 3 is captured from the viewpoint of a computer program, and includes a display that displays information including an image, an operation unit that receives an input operation from a user, and display of information including an image on the display And an information processing program for causing the control unit to execute processing on the control unit.In the virtual three-dimensional space, the surface facing the display surface of the display device is the front, a plurality of surfaces including this surface are arranged, a solid is configured by the plurality of surfaces, and the solid is configured A process of assigning a plurality of images to a plurality of surfaces and displaying the images on the display;The solid displayed on the display is rotated according to a user operation in the operation unit.ProcessingThe display process is such that when a predetermined switching operation is performed by the user in the operation unit, the solid moves in a predetermined direction and disappears from the field of view, and a different solid appears in the field of view. It is characterized by being.
[0037]
  The invention of claim 36 is the invention of claims 3 and 29.A display that displays information including an image, a display that displays information including an image, an operation unit that receives an input operation from a user, a control unit that controls display of information including an image on the display, In the portable information terminal device that displays information including an image downloaded from the server system via a communication network on the display unit, the control unit includes:In the virtual three-dimensional space, the surface facing the display surface of the display device is the front, a plurality of surfaces including this surface are arranged, a solid is configured by the plurality of surfaces, and the solid is configured A stereoscopic display process for allocating a plurality of images to a plurality of surfaces and displaying the images on the display;A rotating unit that rotates the solid displayed on the display unit according to a user operation in the operation unit, and the stereoscopic display unit is subjected to a predetermined switching operation by the user in the operation unit. The solid is moved in a predetermined direction and disappears from the field of view, and is changed so that a different solid appears in the field of view.
[0038]
  In these aspects, the user can clearly recognize the change of the three-dimensional object and effectively attract attention by the visual effect that the three-dimensional object is shifted horizontally or vertically in accordance with the operation. Can do.
[0039]
  A fourth aspect of the present invention is the information processing method according to any one of the first to third aspects, wherein the control unit controls the virtual three-dimensional space.An image assigned to this surface with the surface facing the display surface of the display as the front.The selection target, the image that is the selection target is notified via the display or a predetermined sound device by an operation including at least one of visual or acoustic, and the selection target When a predetermined operation by the user in the operation unit is performed, a predetermined process associated with the selection target is performed.
[0040]
  The invention of claim 13 is the information processing method according to any one of claims 10 to 12,Under the control of the control unit, an image located on the most front side displayed on the display device on the geometric shape is selected, and the image that is the selection target is visually selected as a selection target. Alternatively, when an operation including at least one of sound is used for notification via the display or a predetermined sound device and a predetermined operation by the user in the operation unit is performed on the selection target, the selection target is associated in advance. The predetermined processing is performed.
[0041]
  The invention of claim 31 captures the invention of claim 4 from the viewpoint of a computer program. In the invention according to any one of claims 27 to 29, the program is stored in the control unit. In the virtual three-dimensional space, the surface that is most directly opposed to the display surface of the display is set as a front surface, and an image assigned to the surface is set as a selection target, and the image that is the selection target is selected. When a predetermined operation by a user in the operation unit is performed on the selection target, the target is notified through an operation including at least one of visual and acoustic through the display or a predetermined sound device. A predetermined process associated with a selection target in advance is executed.
[0042]
  The invention of claim 32 captures the invention of claim 13 from the viewpoint of a computer program. In the information processing program of claim 30,The program causes the control unit to set an image located on the most front side displayed on the display unit on the geometric shape as a selection target, and the selection target is the selection target image. When a predetermined operation by the user in the operation unit is performed on the selection target, the selection target is notified through an operation including at least one of visual and acoustic through the display or the predetermined sound device. A predetermined process previously associated with each is executed.
[0043]
  In these modes, the image of the front surface displayed at the front of each time point can be selected by a visual effect such as shining or an operation such as a sound. Since a process such as detailed display is performed by this selection operation, it is possible to easily select and browse information with a minimum number of operations.
[0044]
  According to a fifth aspect of the present invention, in the information processing method according to any one of the first to third aspects, an image assigned to this surface is defined as a front surface that is the most directly facing the display surface of the display device. When the image is selected, the control unit controls the image to be selected to rotate front and back independently of other images around a rotation axis passing through the image. To do.
[0045]
  The invention of claim 14 is the information processing method according to any one of claims 10 to 13. The image to be selected is rotated front and back independently of the other images around the rotation axis passing through the image under the control of the control unit.
[0046]
  In this aspect, it is possible to attract the user's attention by a visual effect rich in changes in which only the frontmost surface rotates front and back.
[0047]
  The invention according to claim 6 or 15 is the information processing method according to claim 5 or 14, wherein the front and back rotation is controlled by the control unit when a predetermined input operation from the user in the operation unit is performed. It is performed.
[0048]
  In this aspect, since the front and back rotate when a predetermined operation is performed, smooth information browsing according to the user's intention and interest is facilitated.
[0049]
  According to a seventh or sixteenth aspect of the present invention, in the information processing method according to the fifth, sixth, fourteenth, or fifteenth aspect, when the front and back are rotated, the image is enlarged and displayed on the display under the control of the control unit. It is characterized by.
[0050]
  In this mode, when the front and back are rotated, the surface is displayed in an enlarged manner, so that it is easy to grasp that the front and back are rotating. It becomes possible to attract effectively.
[0051]
  The invention according to claim 8 or 15 is the information processing method according to any one of claims 5 to 7 or any one of claims 12 to 14, wherein the front and back surfaces of each surface are controlled by the control unit. And displaying different images on the display.
[0052]
  In this mode, by displaying separate images on the front and back of each surface, the amount of information that can be displayed increases, and it is possible to effectively attract the user's interest through a variety of displays It becomes. Note that the front and back display may be for only a part of the surface, not for all surfaces such as a solid.
[0053]
  According to a ninth aspect of the present invention, in the information processing method according to any one of the first to third aspects, an image assigned to this surface is defined by setting a surface facing the display surface of the display as the front. When selected as a selection target, the control unit controls the display, which is a two-dimensional display screen on which each image in the virtual three-dimensional space is projected and displayed, corresponding to an arbitrary character string or the selection target. A predetermined character string is displayed.
[0054]
  In this mode, the character string corresponding to each surface is displayed slightly above each surface so as to rotate in synchronization with each surface, so the caption and supplementary explanation for each surface are effective for the user. It becomes possible to appeal to.
[0055]
  The invention of claim 18 is the information processing method according to any one of claims 10 to 17,When an image located on the most front side displayed on the display device on the geometric shape is a selection target, a character string corresponding to the selection target is converted into the virtual three-dimensional space by the control by the control unit. Are displayed at positions corresponding to the respective surfaces corresponding to the character string.
[0056]
  In this aspect, information can be understood and processed by displaying supplementary explanations or detailed explanations for arbitrary character strings, for example, images of the entire display screen or three-dimensional surfaces on a display screen on which each image is displayed as a projection view. It becomes easy.
[0057]
  The invention of claim 11 is the information processing method of claim 10,The geometric shape is a circle or an ellipse, and the control unit controls the display to display only the respective images located in the front half of the circle or ellipse displayed on the display. Features.
[0058]
  In this aspect, by displaying only the near side image of each of the images arranged in a circle, the appearance is organized and the information content becomes easy to understand.
[0059]
  The invention of claim 12 is the information processing method of claim 10 or 11,With the control by the control unit, each image permuted on the circle or ellipse is displayed on the display by shifting the position on the axis orthogonal to the circle or ellipse in the virtual three-dimensional space. To do.
[0060]
  In this aspect, each surface is accompanied by a wave-like movement by changing the position on the axis orthogonal to the circle or ellipse, for example, the Y coordinate that defines the top and bottom of each image arranged in a circle for each image. It is possible to achieve visual effects that are rich in changes such as rotating and attract the user's attention.
[0061]
  The invention of claim 19 is the information processing method according to any one of claims 1 to 18,The image relates to a work including at least one of music and an image, and when the image of each work is selected by the control of the control unit, a part of the recorded content in the work is a predetermined sound device. It is characterized by being played back via.
[0062]
  In this mode, images of albums such as music CDs, albums such as video CDs and MDs, singles, video tapes and DVDs of movies, etc. are displayed in multiple 3D images, such as jacket photos, and the recorded content is auditioned for each item that comes to the front. As a result, effective promotion (sales promotion) and electronic commerce are possible.
[0063]
  The invention of claim 20 is the information processing method according to claim 19,According to the control by the control unit, the image of each work is displayed on each surface corresponding to the rank of the hit chart among the surfaces of the polygonal column displayed on the display.
[0064]
  In this aspect, since it is easy to browse images and audition the works according to the rank of the hit chart, it is possible to expect a sales promotion effect such as a CD single in which hit charts are tabulated.
[0065]
  The invention of claim 21 is the information processing method according to any one of claims 1 to 20,Under the control of the control unit, transparency is set for each surface or image, and an image other than the front side displayed on the display is displayed on the display so as to be seen through according to the transparency. It is characterized by.
[0066]
  In this aspect, the amount of information that can be displayed is increased by showing the image of the rear surface in a transparent manner according to the transparency set for each surface, and the user's interest is effectively increased by a variety of displays. It becomes possible to attract. In other words, translucent solids can be displayed by setting the transparency, which not only improves the aesthetics, but also shows what images are assigned to each side of the solid by seeing through the back of a solid that is not visible Can be checked as a guideline, making it easier to browse and operate information.
[0067]
  The invention of claim 22 is the information processing method of claim 21,According to the control by the control unit, the transparency for each surface or image is set to be lower on the front side displayed on the display and higher on the back side.
[0068]
  In this aspect, the front side can be clearly seen, and the back image can be seen slightly, and the stereoscopic effect can be emphasized and made easy to see.
[0069]
  The invention of claim 23 is the information processing method according to any one of claims 1 to 22,By the control by the control unit, the respective surfaces or images displayed on the display unit are moved and stopped according to a predetermined input operation from the user in the operation unit, and at the time of transition from the stationary state to the exercise state Acceleration is decelerated at the time of transition from the motion state to the stationary state.
[0070]
  In this aspect, since the transition between the stationary state and the exercise state is performed smoothly, the movement becomes natural and the user's eyes are less likely to get tired.
[0071]
  The invention of claim 24 is the information processing method according to any one of claims 1 to 23,When the client system accesses the server system under the control of the control unit, the program that displays each image based on the virtual three-dimensional space has at least the applicability, presence, and version of the program in the client system. A process for confirming any of the above, and when it is confirmed that the latest version of the program applicable to the client system does not exist in the client system, the latest version of the program applicable to the client system is Processing for downloading from the server system to the client system, and executing the downloaded program in the client system, the images based on the virtual three-dimensional space are displayed in advance. Characterized in that it comprises a process of displaying on the display, the.
[0072]
  In this aspect, by downloading a program such as JAVA that implements the interface of the present invention from the server to the client system, it is possible to realize version upgrades such as addition of a new display aspect function without a complicated installation operation procedure by the user. Become.
[0073]
  The invention of claim 25 is the information processing method according to any one of claims 1 to 24,Under the control of the control unit, each image is displayed on the display as each surface of the solid or as each surface based on the geometric shape, the display size, and which surface Web data described in a description language is downloaded from a server system to a client system using setting information including at least whether to allocate an image and the operation content related to each surface, and the client system describes in the web data Each image is displayed on the display unit based on the set information.
[0074]
  In this aspect, since the setting information is integrated with the web data, both can be read in one process, and there is an advantage that the system configuration and the processing procedure can be simplified.
[0075]
  The invention of claim 26 is the information processing method according to any one of claims 1 to 25, wherein:By the control by the control unit, in the client system, when there is an external path representing the location outside the web data of the setting information in the web data, the setting information is downloaded from the server system according to the external path, and Each image is displayed on the display unit based on setting information.
[0076]
  Claim 33 captures the invention of claim 26 from the viewpoint of a computer program, and in the information processing program according to any one of claims 27 to 32,The program causes the control unit to download the setting information from the server system according to the external path in the client system if the web data includes an external path indicating the location outside the web data. The display device displays each image on the basis of the setting information.
[0077]
  In these aspects, by handling the web data and separate setting information, it is possible to speed up the process when switching or reloading (reloading) only one of the web page and the stereoscopic display.
[0078]
DETAILED DESCRIPTION OF THE INVENTION
  Next, an embodiment of the present invention (hereinafter referred to as “the present embodiment”) will be specifically described with reference to the drawings. The present embodiment is realized by utilizing the physical resources by controlling a computer such as a portable information terminal device or a web server with an embedded program or a server program, but in this case the hardware or software Since various implementation modes are conceivable, a virtual circuit block corresponding to each function is used below.
[0079]
[1. (Overview)
  In the present embodiment, a server system (hereinafter referred to as “server”) and a client system (hereinafter referred to as “terminal” or “mobile terminal”) such as a mobile phone terminal with an Internet connection function or a personal computer are referred to as the Internet or a mobile phone. An information processing system (hereinafter also referred to as “the present system”) included in a network such as a network (also referred to as an external network). In particular, in the present embodiment, as shown in the conceptual diagram of FIG. 1, by downloading data such as a program or an image file from a database of a server via an external network, information including an image is displayed in a virtual three-dimensional space. A user interface (referred to as the present interface) that displays so as to be located inside is realized.
[0080]
  In particular, the display mode in the present embodiment is roughly divided into two, and one of them is to display and display a plurality of images so as to constitute each surface of a solid defined in a virtual three-dimensional space. The solid is rotated according to the operation. In this case, a cube, a regular polyhedron, a polygonal column, or the like is used as the solid.
[0081]
  In another aspect, a plurality of images are displayed so as to be permuted at predetermined intervals on a predetermined geometric shape defined in the virtual three-dimensional space, and each displayed image is displayed according to an operation. The position is moved on the geometric shape.
[0082]
  In other words, the point of making an interface that can present and operate information according to the depth of interest of the user, such as being able to look around at once, see a little, choose from among them, etc. is a visual by the information display method In order to improve visibility and operability, and to perform them in a limited screen area, it is necessary to increase the amount of information that can be presented to the user at once in the display area.
[0083]
  On the other hand, this interface enables browsing of various data by simultaneously displaying a plurality of images in a three-dimensional arrangement (FIG. 1). That is, in this embodiment, an image is a “surface”, and solids such as “cube”, “polyhedron”, and “polygonal column” are formed in three-dimensional coordinates, and are arranged and displayed. The three-dimensional processing will be described in detail later.
[0084]
  In the present embodiment, the viewpoint is set so that there are several planes (information), and display is performed in the state of the projection view. For example, when there are four images to be displayed, the conventional two-dimensional arrangement did not enter the small display area of the mobile terminal. However, as shown in FIG. There can be four faces inside. In this case, in the state of FIG. 2, only the front side surface is “visible”, but a plurality of sides, that is, image information can be browsed one after another by rotating this by user operation. An operation such as rotation is performed by a predetermined device (referred to as a designated device) such as a button on the mobile terminal body.
[0085]
  In addition, the image located closest to the virtual three-dimensional space is selected as a selection target, and the selection target image is notified by an operation including at least one of visual and acoustic selection. When a predetermined selection operation is performed on an object, an example in which a predetermined process associated with the selection object in advance is performed.
[0086]
  In other words, in general, on a personal computer or the like, putting the mouse pointer on a GUI part such as a button on the display screen to make it selectable is called “rollover”, and the button is lit or a sound is emitted. In addition to notifying the user that the button is active, it also performs an auxiliary action such as prompting the user to provide information guidelines such as the character string linked to the button. By setting the surface as “selection target” and in the “rollover” state, an image is viewed one after another, and at the same time, auxiliary operations such as sound generation and animation reproduction are performed.
[0087]
  In addition, if the user is interested in the process, it is displayed in the foreground by performing a predetermined operation corresponding to “click” with the mouse, for example, by pressing a selection button of the mobile terminal or a corresponding button. The selected image is selected, and it is possible to easily shift to an action such as displaying details. This means that an action such as a sound is automatically generated when an image comes to the front, or the image is always selected when clicked.
[0088]
  Further, the image may be related to a work including at least one of music and an image, and when an image of each work is selected, a part of the recorded contents in the work may be reproduced. For example, for the purpose of connecting to online shopping and selecting a music CD, this interface can display a plurality of images such as a CD jacket by displaying a three-dimensional display such as a “cube” with the CD jacket facing it. . Also, by rotating, you can see the CD jacket one after another. At the same time, if the image comes to the foreground, you can play a part of the representative song by playing the audio file such as WAVE, MP3, etc., which has been downloaded in advance and associated with the image, or streaming in real time. Let them audition.
[0089]
  In this way, by rotating, it becomes possible to audition one after another along with visuals (visual elements) such as CD jackets, and you can listen as if you are “tasting” little by little. It is also possible to simultaneously display text annotations and the like. Furthermore, if there is something of interest, it is possible to smoothly transition to an action such as downloading, purchasing a product, and displaying a detailed screen by a selection operation (clicking etc.).
[0090]
  Such a three-dimensional display mode is capable of overlooking several pieces of information as a whole, as compared with the conventional display of each image, so that it is easy to grasp the positional relationship for comparison. . In this way, the CD information can be browsed more visually and with fewer operations.
[0091]
  In addition, when presenting information, it is possible to change the shape of the interface and increase the amount of information that can be grasped at once by increasing the number of surfaces instead of four. An example in which an image of each work is displayed on each corresponding surface is also possible. For example, a solid is composed of 10 prisms (10 planes), polygonal columns 1 to 10 in the hit chart are prepared, and polygonal columns 11 to 20 are prepared, and 10 pieces are rotated by rotating the polygonal column. Then you can listen to the next 10 songs and 20 songs one after another. Such a three-dimensional display mode is easier to understand and more efficient than preparing 20 screens and switching “open and close” one by one as in the past.
[0092]
[2. (Three-dimensional display mode)
  Next, as a specific three-dimensional display mode, the following example can be considered.
[2-1. cube〕
  FIG. 2 is an image diagram of an interface in which four images are set as “surfaces” on the side surfaces of a cube, and four images can be viewed one after another by rotating them. In this example, as shown in the developed view of FIG. 3, the four images serving as the side surfaces are assigned (assigned) to the side surfaces of the cube, that is, the surfaces 1 to 4, but the upper and lower surfaces (surfaces 5 and 6) are also assigned. You can assign an image. Note that the operation method such as image assignment, size, vertical and horizontal rotation, and the like are set by predetermined “setting information”, which will be described in detail later.
[0093]
  The images assigned in this way form cubes with the origin 0 as the center, as shown in FIG. 4 (perspective view) and FIG. 5 (plan view seen from above). For example, for the surface 1, the value of the width of the image to be the surface divided by 2 is set to the Z value, and the center is set to the origin O as shown in FIG. 6 (front view). Find and place.
[0094]
  Further, the surface to be selected may be rotated front and back independently of the other surfaces around the rotation axis passing through the surface. That is, as shown in FIG. 7, by setting an axis for the foremost image, rotating the surface 180 degrees or 360 degrees around that axis, and simultaneously replacing the image when the image is rotated 90 degrees or more It is also possible to present both front and back information. Depending on how to set the axis, for example, the axis may be rotated obliquely as shown in FIG. 8 about the axis passing through the opposite vertex of the cube, or the surface may be enlarged when the front and back are rotated (FIG. 9).
[0095]
  In this way, for example, when an online shopping interface such as a CD jacket, a T-shirt, or a book is used, browsing such as “checking the front and back for the hand” is possible. Ideally, there should be “fun” in the process itself, so information presentation with such varied visual effects is very effective for sales promotion.
[0096]
  For example, as with cube rotation, the foreground image can be rotated upside down by a specified operation using a specified device or other buttons. Along with the rotation of the cube, the front image can be automatically rotated to show the front and back.
[0097]
[2-2. (Polygonal prism)
  FIGS. 10 and 11 are image diagrams of an interface in which ten images are formed as a plane and a ten-sided prism is formed, and ten images can be viewed one after another by rotating in the horizontal direction. Although this figure is a decagonal prism, the number of faces can be increased or decreased to make other polygonal pillars. The assignment of the image, the number of faces (= how many prisms), the size, the vertical and horizontal operation methods, and the like are specified in a “setting file” to be described later.
[0098]
  Then, the images allocated in this way are arranged as shown in FIG. 12 (plan view from above) and FIG. 13 (front view), respectively, and a polygonal column is formed with the origin 0 as the center. Note that various known techniques known in each field such as mathematics, such as Archimedes' method, are applied as appropriate to the method of obtaining each coordinate value such as the XZ value of each surface and vertex and the projection processing onto a two-dimensional plane. do it. For example, in the Archimedes method, a regular polygon is a circumscribed polygon when n is the number of edges, that is, the number of corners, and 1/2 of the angle between two adjacent vertices and the center is expressed in radians and θ (= π / n). The length of one side of the square is 2r tanθ. However, the method for actually performing the three-dimensional processing is free, and other calculation principles relating to the coordinates of the points can be freely adopted.
[0099]
  FIG. 14 shows an example in which the back side of the clothes, that is, the back side is displayed by providing an axis passing through the surface of the image that is in front as in FIG. 7 and rotating the surface about this axis to switch the image. FIG. 15 shows an example in which a polygonal column is formed around the X axis and rotated in the vertical direction.
[0100]
[2-3. Arrangement on the specified geometric shape)
  It is also possible to arrange images so as to be permuted on a desired geometric shape other than a polyhedron, and an example in which a surface is arranged on a circle is shown as an example. That is, FIG. 16 is an image diagram of an interface in which 16 images arranged in a circle can be viewed one after another by rotating in the horizontal direction, that is, along the XZ plane.
[0101]
  Although this figure is composed of 16 images, of course, the number of images can be increased or decreased. In FIG. 16, the axis of rotation is the Y axis. However, by arranging a circle with the X axis as the axis of rotation, a “vertical rotation arrangement” can be achieved as in FIG. It should be noted that settings such as assignment (referred to as assignment) of the image, number, size, and operation according to the operation of the designated device are performed by setting information described later.
[0102]
  In the arrangement as shown in FIG. 16, as shown in FIG. 17 (plan view from above) and FIG. 18 (front view) as a principle diagram, when arranging the images, the circle is divided into 16 when there are 16 images. The obtained angles are obtained, and each intersection point P that is a point where a line extending from the origin O along each angle intersects with the circle is obtained, and the center of the screen is arranged on the intersection point P. At that time, the Y value is 0, and the image is always arranged parallel to the X axis.
[0103]
  Moreover, the transparency for each surface may be set to be lower at the front and higher at the back. For example, in the example of FIG. 17, there are nine levels of intersections along the Z axis from the maximum value of Z value (frontmost) to the minimum value of Z value (most back). The transparency of the surface of the value is set to 0 (not transparent), the transparency of the surface having the minimum Z value is set to about 80%, and the transparency of each of the arranged images is set to 9 levels between 0 and 80%. As a result, the front image can be clearly seen, and the image in the back can be seen lightly, the stereoscopic effect can be emphasized, and the image can be easily viewed.
[0104]
  Note that there are cases in which only the Z value of minus (minus) is displayed, that is, only the image existing in the semicircle portion on the front side is organized and easy to understand. Can be specified. In this case, when each surface is displayed based on a circle or ellipse that is a geometric shape, only each image located in the front half of the circle or ellipse is displayed.
[0105]
  Further, in FIG. 19, as in FIGS. 7 and 14, only the foremost image is rotated by 180 degrees or 360 degrees around the intersection point P, and when the image is simultaneously rotated by 90 degrees or more, the images are replaced. This is an example of presenting two pieces of information, front and back.
[0106]
[2-4. Other polyhedra)
  Next, FIG. 20 is an image diagram of an interface in which 12 images can be viewed one after another by rotating a regular dodecahedron vertically and horizontally. FIG. 21 is a development view of a regular dodecahedron. Here, when each surface constituting the solid is not a square, a masking process is performed in which a range corresponding to the shape of each surface is cut out from each image and assigned to each surface.
[0107]
  That is, in FIG. 21, each surface constituting the regular dodecahedron is represented by numbers 1 to 12. However, in an image assigned to each number in the setting information described later, in the top-and-bottom direction indicated by an arrow in each pentagon. Then, after performing masking processing as shown in FIGS. 22 and 23 on each image, a regular dodecahedron is formed around the origin O shown in FIG. The size of the regular pentagon is automatically determined based on the size of the regular dodecahedron determined by the setting information.
[0108]
  In the masking process, first, it is determined whether the assigned image is vertically long or horizontally long. At this time, it can be determined that the length of the side of the image is vertically long when vertical> horizontal, horizontally long when vertical <horizontal, and square when vertical = horizontal.
[0109]
  When the image is horizontally long, as shown in FIG. 22, first, the image is resized so that the “height” of the image is the same as the length W of a line connecting two non-adjacent vertices of a regular pentagon. Similarly, when the image is vertically long, as shown in FIG. 23, the image is resized so that the “width” of the image becomes the same as the value of W.
[0110]
  That is, in this masking process, as shown in FIGS. 22 and 23, when the center of the regular pentagon and the center of the image are overlapped on the basis of the resized image, the regular pentagon and the resized image are shared. Only the range (shaded area) is visible and the other parts are invisible.
[0111]
  In addition, when the regular dodecahedron is rotated in the vertical direction, the image that is normally mapped to each surface indicated by numerals 7 to 12 in FIG. If this is “difficult to see” as an interface, it is possible to avoid this by performing graphic processing for “always maintaining the top and bottom of the image”. Specifically, depending on the rotation angle of the solid in the virtual three-dimensional space, it is possible to maintain the top and bottom of the image on each side of the solid by reversing the top and bottom of the image that is upside down and returning it to an upright image. it can.
[0112]
[2-5. Others]
  In addition, a plurality of character strings are displayed so as to be permuted at predetermined intervals on a predetermined geometric shape defined in the virtual three-dimensional space, and an image corresponding to the foremost character string is displayed together with the character strings. It is also possible to display. For example, FIG. 24 is an interface for performing an operation of rotating characters arranged three-dimensionally in the vertical direction as shown in FIG. This is an example in which a polygonal columnar arrangement as illustrated in FIG. 15 is applied to a character. When a character is rotated instead of an image and the character is rotated, related visuals are displayed one after another at the same time. Is.
[0113]
[3. Constitution〕
  Next, FIG. 26 shows the configuration of the present system that realizes the display as described above. That is, FIG. 26 is a configuration example of this interface and an environment in which this interface operates, and elements other than the external network N are configurations in the terminal. As a connection destination via the network N, there is a server (not shown) provided with a DB (database).
[0114]
  Here, the mobile terminal on which this interface operates is a function of a general mobile terminal, for example, a function such as an incoming / outgoing call or an address book, a display device 21 such as a liquid crystal display screen, a rotary dial or a joystick. Pointing device (pointer device) 22, wireless interface (I / F) 23 for processing TCP / IP connection with the mobile phone network and the Internet, sound device 24 such as CPU 11, DSP, memory such as RAM 26 and ROM 27 Further, a medium connection device 28 such as a card slot and an external storage medium are provided, but can be changed as appropriate.
[0115]
  This interface can be realized by a program (software) P downloaded from the server. The program P controls the CPU 11 and other components to realize the functions of the following units.
[0116]
  That is, the data communication unit P1 is a part that communicates with a network N outside the terminal such as a mobile phone network or the Internet through a wireless interface (I / F) 23. The setting data reading unit P2 is a part that reads setting information (also referred to as setting data), which will be described later, from the data communication unit P1, and the function setting unit P3 is a part that performs function setting related to three-dimensional processing in the terminal based on the setting information. It is.
[0117]
  The internal script / program execution unit P4 is a part that executes a script or a program related to web page display, three-dimensional processing, and the like based on the function setting. The image data reading unit P5, the character data reading unit P6, and the voice data reading unit P7 are parts for reading image, character, and voice data to be displayed or reproduced on the terminal through the data communication unit P1.
[0118]
  The operation control unit P8 is a part that reads the content of the operation by the user from the operation switch of the terminal such as the pointer device 22 and passes it to the internal script / program execution unit P4. The three-dimensional processing units P9 and P10 control the image and characters passed from the image data reading unit P5 and the character data reading unit P6 by the internal script / program execution unit P4 according to the function settings and the contents of the operation, respectively. Based on this, it is a part that performs processing related to three-dimensional display such as projection onto a two-dimensional plane.
[0119]
  The image character synthesis unit P11 is a part that synthesizes the display images generated by the three-dimensional processing units P9 and P10 and displays them on the display device 21 such as a liquid crystal display panel or an organic EL (electroluminescence) display panel. is there. The sound source reproduction unit P12 is a part that reproduces sound sources of various formats such as WAVE, MP3, and MIDI passed from the audio data reading unit P7 by controlling the sound device 24 such as a DSP or an amplifier.
[0120]
  The present invention can also be understood as a recording medium such as a flash memory or a CD-ROM in which the program P as described above is recorded.
[0121]
  The program P as described above is composed and developed by a development language / authoring tool that is compatible with playback of general browsers such as JAVA and Shockwave. Typically, the program P is placed on a network and is connected to a portable terminal ( A browser or OS that operates on the client) reads and operates as necessary. However, a program that realizes part of the interface and its functions may be incorporated into the browser and OS.
[0122]
  Here, the software required for the operation of this interface includes the above-described program P and setting information described later. The program P is an on-chip ROM, a memory (RAM), an additional recording device (memory card) in a portable terminal. Etc., and cooperates with an OS (operating system), a browser function, an embedded program in which the OS and the browser function are integrated, or the like, but the specific implementation can be changed as appropriate. For example, by installing an OS function and a browser function necessary for the operation of the mobile terminal in this interface, a single operation is possible.
[0123]
  Also, various data such as web data such as images, video, audio, text, HTML, and external application program routines are used as necessary. In addition, an external network, an external database, and an external server provide the interface program, data such as images, video, and audio, and web data such as HTML.
[0124]
  This interface is intended to improve operability and visibility in a small area of mobile terminals, but of course, it can also be used on other devices such as personal computers and home appliances if the required operating conditions are met.
[0125]
[4. Dynamic download of program)
  Each display mode as described above can be changed or combined as appropriate. As a particularly desirable mode, JAVA or the like is used, and a program corresponding to each mode is dynamically downloaded from the server to the terminal. It is also possible.
[0126]
  That is, in addition to the three-dimensional arrangement of each aspect described above, when a new program routine that realizes the aspect is added in the upgrade work, the program is replaced with the latest one for each terminal that operates the interface. Without burdening the user with the operation, the terminal accesses the server on the network and reads the interface program on the server into the memory and runs it whenever necessary, so that the latest interface is always available without complicated operations by the user. Function can be used.
[0127]
  As a specific example, first, when a terminal accesses a server, for a program that displays each image based on the virtual three-dimensional space, it is confirmed whether or not the program is applicable to the terminal, whether it is present, and / or a version. To do. When it is confirmed that there is no latest version of the program applicable to the terminal, the latest version of the program applicable to the terminal is downloaded from the server to the terminal.
[0128]
  By executing the downloaded program on the terminal, the images are displayed based on the virtual three-dimensional space.
[0129]
[5. Setting information〕
  The program performs display using setting information for setting a specific display mode of each image. Here, the setting information includes what kind of surface of each solid image or what kind of surface is based on what geometric shape, display size, and what image is assigned to which face. , Information including at least the operation content related to each surface.
[0130]
  Various modes of providing such setting information to the terminal are conceivable, but as an example, in order to maintain compatibility with various external networks, it is possible to specify in the format of an existing description language such as HTML, such as designation of image / sound / character. What can be described is described in web data such as an HTML file, and it is conceivable that the specification unique to this interface such as selection of a solid is described by an additional specification method such as an extension tag.
[0131]
  Also, for example, as shown in FIG. 27, when web data described in a description language is downloaded from a server to a terminal, and there is setting information in the web data, the setting described in the web data is set in the terminal. Each image is displayed based on the information. Further, when there is an external path representing the location of the setting information outside the web data in the web data, the terminal downloads an external setting information file including the setting information from the predetermined server according to the external path, and sets the setting. Each image is displayed based on the information.
[0132]
  As information items stored as setting information, the following items can be exemplified as shown in FIG. For example, basic items relating to a display mode such as a solid, that is, function setting items, include (1) types of three-dimensionalization such as cube, polygonal column, circular arrangement, and polyhedron. Further, (2) types of arrangement include vertical and horizontal types.
[0133]
  In addition, (3) types of operations such as horizontal rotation, cube switching, enlargement processing, caption display, and the like can be given as operations corresponding to operations such as “←” and “→” instructions by the pointing device. Further, (4) types of operations such as “vertical rotation”, “cube switching”, “enlargement processing”, and “caption display” can be cited as operations corresponding to operations such as “↑” and “↓” instructions by the pointing device. In addition, (5) rotation method, (6) solid size, surface aspect ratio, (7) character arrangement method, (8) other, and the like are conceivable.
[0134]
  Further, the following items can be considered as additional items relating to image allocation and selection targets, that is, data setting items. For example, in (9) data assignment, a display image, a voice path, a URL address, and a file name are designated as information for assigning which image is displayed for each surface. (10) As an action at the time of rollover, the type and content such as sound generation, video movement, caption display, and the like are designated. Here, “rollover” generally refers to a state in which the cursor is over the button, and in this interface, the surface is positioned at the forefront of the polyhedron, for example.
[0135]
  In addition, when a predetermined operation is performed on a selection target, (11) as an effect effect at the time of selection or (12) as an action at the time of selection, move to a predetermined URL, play a sound, or move other applications. It is conceivable to specify actions such as activation, link destination addresses, file names, and the like. Also, (13) the character information to be combined with the three-dimensional display can be a character document sentence, a path to an external text document, a file name, or the like. (14) Others can be freely determined.
[0136]
  As shown in FIG. 28, these setting information includes function setting items (1 to 7) for setting operating environment functions, and data setting items (8 to 14) for assigning data and specifying actions thereof. However, the function setting items can be omitted.
[0137]
[6. (Specific operation)
  Next, the overall operation procedure of this interface is shown in the flowchart of FIG. In this procedure, first, when the power is turned on, the OS and browser function are automatically started (step 101), and the following initialization is performed based on a user request such as a user selecting a hyperlink on the browser function. Is called.
[0138]
  That is, the web data such as HTML stored in the portable terminal main body memory or the external network or the like and linked to the program of this interface is read into the memory by the operation of the data communication unit P1 or the like (step 102). ) When calling this interface in the web data (step 103), the path is designated in the same way as assigning an image, and the program of this interface stored in the portable terminal main body memory or an external network is stored. The memory area for calling and executing is read (step 105).
[0139]
  For example, when the OS has a browser function, the OS calls the program of this interface and reads it into the memory. At this time, if there is no link to this interface in web data such as HTML or XML, a normal browser operation is performed (step 104).
[0140]
[6-1. Initialization〕
  After the interface is read into the memory, the interface performs initialization processing (step 106). In the web data such as HTML / XML that calls the interface, the “setting information” (FIG. 28) Whether or not there is setting data) is searched and determined, and data is read according to the result (step 106).
[0141]
  That is, if there is setting information in the web data, the setting data reading unit P2 reads the information, and if not, reads the external setting information file as shown in FIG. Here, setting information that exists separately from the web data is called external setting information, and a file of external setting information is called an external setting information file. The path of the external setting information file is specified in a format conforming to the URL as in the case of specifying this interface in the web data.
[0142]
  That is, the following two types of setting information acquisition modes are conceivable. One is to directly embed each value of the setting information required by this interface in a web data file described in a description language such as HTML or XML. When this interface is activated, it is read and processed. This is to be done, and this is called a direct method. The other is to set up an “external information setting file” dedicated to this interface separately from these web data and read it or communicate with an external network or database that provides the setting information, such as a search engine. And setting information generated each time is acquired, which is called an external method.
[0143]
  In the case of the direct method, there is an advantage that this interface and other information can be read by one web data, but other information is displayed on the screen at the same time as this interface, and only three-dimensional of this interface is displayed by user operation. In the case of switching, when web data such as HTML is reloaded, the information on the entire screen is reloaded (reloaded), so there is a demerit that a slight time lag occurs before the operation becomes possible.
[0144]
  On the other hand, adopting the above external method, only the information necessary for constructing the cube is stored as a separate file separately from the web data, or the database such as a server that provides these files is accessed. In this case, the amount of read data is small for three-dimensional display, and there is an advantage that high-speed switching processing can be performed. For example, if this interface is already in operation and you want to switch only the image that is displayed in 3D, rather than reloading the web data itself, only the setting information of this interface will be reloaded to display the image. Is faster (step 110).
[0145]
  These direct methods and external methods are used depending on the purpose and situation of this interface. When assigning user operations to button actions in the setting information, whether to link to web data or other external setting information file? , Can be determined. In the case of the direct method, the setting information may be input to the web data with a commercially available HTML editor or the like. In addition, an “input application” dedicated to inputting the setting information is separately prepared, and can be set easily by using, for example, a pull-down menu. Allow information to be set in web data.
[0146]
  For this reason, after reading the setting information, the function setting unit P3 determines the presence / absence of function setting in the items (1 to 8) of the setting information shown in FIG. Set each value according to the value. For items for which no function setting is specified, the function set is bypassed, the current setting last set is applied as it is, the processing speed is increased, and only the data setting for other items is performed. Such processing is effective, for example, when the present interface has already been activated and used, and it is desired to replace only the image data without changing the current function setting. If there is no function setting designation or current setting, the function setting is set with default values.
[0147]
[6-2. (Image acquisition and 3D display image generation)
  Subsequently, in this interface, for example, the image data reading unit P5 displays an image that becomes a three-dimensional surface from the mobile terminal body memory or the external network on a predetermined memory area of the mobile terminal according to the “data setting” in the setting information. Read.
[0148]
  If changes are made to the “data settings” in the setting information, such as the image path and file name, the image data to be read will be changed accordingly, and the image content that is automatically displayed in 3D on this interface will be changed. Therefore, the result of the update work or the like can be automatically reflected without modifying the program of the interface itself. For example, in the new music score information, if the “data setting” is changed, the changed content is reflected in the image displayed by this interface.
[0149]
  Regarding the production of these “setting information”, the creator of the website or the like intentionally incorporates the images and functions of this interface into the web data in advance as described above. By passing the path / file name such as voice, that is, “data setting” to this interface, the search result can be automatically displayed in three dimensions.
[0150]
  Here, FIG. 30 is a flowchart specifically showing a processing procedure from the three-dimensional processing (step 107) to the drawing (step 108) shown in FIG. That is, the three-dimensional processing units P9 and P10 are respectively read into the three-dimensional form (one of cube, polygonal column, circular arrangement, polyhedron, etc.) designated by the function setting of the previous step (step 106). The assigned image is assigned (step 201), and the process for constructing the surface is started (step 202).
[0151]
  Here, the specifications of the surface including the aspect ratio (aspect ratio) and size of one surface of the solid are determined and set. If the size or aspect ratio is specified in the setting information (FIG. 28), the image size is resized accordingly (step 203). If there is no default value, the default value is set. Then, a plane is arranged on the three-dimensional coordinates (step 204), and a solid from a predetermined viewpoint is constructed (steps 207 and 208).
[0152]
  As for the display mode of each image, the display method that is considered to be the most effective is designated in the setting information according to the information content from among the plurality of modes already exemplified.
[0153]
  Further, options such as transparency setting can be set for each solid, and when these are specified in the setting information (step 205), they are set (step 206). For example, transparency is set for each surface, and an image on the rear surface is displayed so as to be seen through according to the transparency. Thus, a semi-transparent solid can be created by setting the transparency to the three-dimensional solid surface. The translucent cube not only improves aesthetics, but the back side of the solid that should not be seen can be seen through, so you can check what image is assigned (assigned) to the solid as a guide and operability Will improve.
[0154]
  When the surface is rotated 90 degrees or more, the normal image is reversed and displayed. Of course, different images may be displayed on the front and back of each surface. For example, by rotating the image data of the surface when it is rotated 90 degrees, it is possible to show the front and back with different images when the surface is rotated. it can. For example, in the example in which the cube of FIG. 2 is made of the above-mentioned semi-transparent cube with a record jacket, the surface 1 facing the front of the cube when viewed from the front is the jacket cover, and the back surface 3 of the cube is the back of the jacket. In other words, the translucent front image surface 1 and the side surface 2 are seen through the other side.
[0155]
  In addition, it is also possible to perform a display in which the solid moves in at least one of the vertical and horizontal directions. For example, as the change is sequentially shown from the top in FIG. 31, the solid rotates slightly and slightly in the y-axis direction. It is a display that moves with the up and down motion. Further, it is conceivable to display the images permuted on a circle or ellipse by shifting the vertical position in the virtual three-dimensional space. Specifically, as shown in FIG. 32, the planes are arranged in a circle. It is conceivable to rotate the wave with a wave-like movement by varying the Y value.
[0156]
  As yet another example, each surface constituting the solid may be displayed at a position shifted from the original position of each surface constituting the solid to the outside of the solid, specifically, as illustrated in FIG. As described above, by arranging the respective surfaces constituting the solid by making some + or − from the normal X, Y, and Z values, it is possible to create an effect that the surfaces are floating in the air. These visual effects can be easily realized by an algorithm for changing numerical values, and are effective when it is desired to appeal the displayed contents.
[0157]
  In addition to the display modes and effects as described above, an appropriate viewpoint for 3D conversion is set in the virtual 3D space (step 207 in FIG. 30), perspective transformation is performed, and 3D coordinates are converted into 2D. The coordinates are converted (step 208). The perspective transformation adopts center projection. Further, rotation processing is performed as necessary (step 209). It is set in the setting information whether automatic rotation (step 210), that is, switching to rotation by user operation when a user operation is performed, or whether rotation is not performed until the user operates.
[0158]
  For the rotation of a solid, an arbitrary axis is set for the solid, and the rotation is performed horizontally or vertically around this axis. At this time, it is usually rotated by “changing the coordinates of the cube itself” in 3D, but it has the visual effect of being rotated by “moving the viewpoint” around the 3D axis on 3D coordinates. This can be obtained by selecting the method according to the functions and algorithms of the development tool when developing this interface. Note that a general three-dimensional method is used for the series of three-dimensionalization.
[0159]
[6-3. (Composition and drawing of character information)
  If necessary, character information is synthesized with the three-dimensional result (step 211). This process is performed by the three-dimensional processing unit P10 and the image character synthesis unit P11. Here, a plurality of modes can be considered for character synthesis, one of which corresponds to an arbitrary character string or the selection target on the two-dimensional display screen on which each image in the virtual three-dimensional space is projected and displayed. It is to display a predetermined character string.
[0160]
  That is, as shown in FIG. 34, arbitrary character information is arranged on a part of the screen. For example, as shown in FIG. Display “captions” to be explained. Specifically, for example, it is conceivable to display character information at the time of rollover, and this point is as described for rollover.
[0161]
  Another mode of combining and displaying characters is to arrange the characters three-dimensionally in accordance with FIG. 15, and as shown in FIG. 25, character strings corresponding to each surface are displayed in the virtual three-dimensional space. It is to display at a position corresponding to each surface corresponding to the character string.
[0162]
  FIG. 36 and FIG. 37 apply this, FIG. 36 shows an example of combining a polygonal column and three-dimensionally arranged characters, and FIG. 37 shows an example of combining three-dimensional characters with the method illustrated in FIG. It is. Note that FIG. 24 shows an interface for displaying the visual related to the character information that comes before the operation of rotating the three-dimensional character in the vertical direction as shown in FIG. 25 as described above. However, which of these modes is used can be set in the setting information.
[0163]
  Then, the display contents by the present interface as described above are drawn on the contents displayed by the web data such as HTML / XML (step 212 in FIG. 30) and displayed on the screen (step 213).
[0164]
[6-4. (User operation)
  As a result of the above three-dimensional processing (step 107 in FIG. 29) and drawing on the browser screen (step 108), the solid is rotated on the display screen, and user operations and actions corresponding to the respective operations can be executed. (Step 109). In this state, the user can operate the interface according to the pointing device operation according to the designation in the “setting information”. For example, the solid can be rotated with the “←” and “→” buttons, and the information content of each surface can be viewed one after another. Here, FIG. 38 is a flowchart showing the execution of each action according to the user's operation.
[0165]
[6-4-1. (Processing corresponding to direction buttons)
  The operation corresponding to each user operation is, for example, as follows. That is, in a state waiting for input of a user operation (step 301), when a user operation such as pressing a button is input (step 302), the operation content is received by the operation control unit P8. The internal script / program execution unit P4 determines which button has been pressed (step 303). If another action is being executed (step 304), the internal script / program execution unit P4 stops it (step 305). The effect specified by the setting information and the (step 306) action (step 307) are realized.
[0166]
  For example, as described above, regarding the movement control of a solid in response to the operation of “←”, “→”, “↑”, “↓” buttons, (1) horizontal and vertical rotation, (2) One of three-dimensional switching, (3) enlargement processing, and (4) none (returning the control to the browser function) is selected and designated. The details are as follows.
[0167]
(1) Rotation
  First, by rotating a solid according to a predetermined operation, information on each surface can be viewed one after another. A plurality of specific modes are conceivable, and the first mode is to automatically rotate until the next surface of the polyhedron comes to the front with one click (one instruction). As a specific example, “←” For example, in the case of a cube, it is rotated 90 degrees automatically. Moreover, as a 2nd aspect, it is possible to rotate only while pushing and to stand still when released. Further, as a third aspect, in the case of an instruction device with variable movement amount such as a mouse or a joystick, the rotation angle may be varied in accordance with a numerical value (movement amount) that is variable and output as the user operates the joystick. It is done.
[0168]
  This interface stores the operation routines as described above in the program in advance, and when selecting “Rotation” in the setting information, these interfaces assign operations by selecting any of the above modes as parameters. It is something that can be done.
[0169]
  The speed at the time of rotation, etc. is determined at a speed (movement amount) arbitrarily determined in advance except in the case of the third aspect. As an example, each surface is moved and stopped according to a predetermined operation. It is conceivable that acceleration processing is performed at the time of transition from the stationary state to a motion state such as rotation, and deceleration processing is performed at the time of transition from the motion state to the stationary state.
[0170]
(2) 3D switching
  Further, according to a predetermined operation, more information can be browsed by switching the solid and switching the image to be displayed. A plurality of specific modes for realizing such three-dimensional switching are conceivable. As a first mode, web data files such as HTML and XML including setting information of this interface are designated in advance. It is conceivable that the specified file is read (linked) when “↑” and “↓” are clicked. In addition, as a second mode, an independent setting information file of this interface, or a DB or a network including them is designated in advance, and is read (linked) when “↑” and “↓” are clicked. Is also possible. When “stereo switching” is selected, a parameter for designating any one of the above-described modes is selected.
[0171]
  When “↓” is set in the first mode, the web data is read, and the image data and the like are read accordingly, and then the solid is hidden. In this case, the entire screen is reconstructed according to the web data, and a new solid is displayed. This generally has the same effect as when the HTML and the image are read by the browser, and is the same when “↑”.
[0172]
  As an operation at the time of “↓” when the second mode is set, for example, the following example can be considered. That is, when a predetermined switching operation is performed, the solid moves in a predetermined direction and disappears from the field of view, and the display changes so that a different solid appears in the field of view. More specifically, the animation effect can be obtained by reading the setting information and moving the currently displayed cube continuously downward (Y-axis minus direction) with respect to the 3D world coordinates. It is possible to move the display area out of the display area while obtaining the invisible state. Also, in this case, according to the setting information read at the same time, a new solid is generated above the display area and moved continuously with the same animation effect downward in the display area. Stop with.
[0173]
  Note that when “Cube switching” is assigned to the “←” and “→” buttons, it is the same as described above, but in this case, the moving direction of the cube is the horizontal direction. Then, by repeating the above, it is possible to switch the solid one after another with the “←”, “→”, “↑”, and “↓” buttons. In the “stereoscopic switching” process, the above process is performed with one click regardless of the type of the designated device such as a button or a joystick.
[0174]
(3) Enlargement processing
  In addition, it is convenient for shopping or the like to enlarge an image for easy viewing according to a predetermined operation. Specifically, for example, when the “↑” (or “↓”) button is clicked once, it is automatically enlarged to an arbitrary size. Here, the arbitrary size may be the number of pixels in the vertical or horizontal direction of the display area by default. Further, the enlargement process may be performed while the “↑” (or “↓”) button is pressed.
[0175]
  In any case, (1) Move the viewpoint closer to the cube, (2) Move the cube forward (Z-axis-direction) with respect to the three-dimensional coordinates, (3) Enlarge the cube itself with any method Get the visual effect you have. At that time, if the processing is continuously performed, an animation effect can be obtained. Further, for example, the reduction process may be similarly performed by using the “↓” button. The maximum value and the minimum value at the time of enlargement and reduction are set to arbitrary values when programming this interface. The same applies when “enlargement processing” is assigned to the “←” and “→” buttons.
[0176]
(4) None
  In other words, when a predetermined operation is performed, the 3D display processing by this interface may be terminated and the control may be returned to the browser function. Note that the specified device assigned with the above rotation, stereoscopic switching, and enlargement processing is interrupted for this interface while this interface is in use. Is not used. On the other hand, when the operation for a predetermined instruction device is set to “none”, the instruction device does not interrupt the OS or browser for use with this interface. Will depend on the OS and browser.
[0177]
[6-4-2. Operation during rollover and selection)
  In addition, by assigning a function to each surface configured in a cube, each surface functions as a button. That is, with respect to the surface presented by the three-dimensional control using the “↑”, “↓”, “←”, and “→” buttons, the surface can be obtained by two operations: (1) rollover operation and (2) selection operation. The function assigned to is executed.
[0178]
[6-4-2-1. Roll over process)
  A rollover setting is assigned to each image. As described above, rollover in a personal computer or the like refers to a state where the cursor is over the button, but in this interface, the surface displayed in the foreground is set to the rollover state. For example, in FIG. 2, surface 1 is in a rollover state. Accordingly, rollover processing such as highlighting is automatically performed each time a surface is displayed in the foreground by a three-dimensional rotation operation using the “←” and “→” buttons.
[0179]
  Considering that the image displayed during rotation is “primary information that interests the user and lists the information contents”, the process performed in rollover is a little more specific “presentation of secondary information”. is there. As the functions assigned at the time of rollover, when the surface comes to the foreground, (1) sound, (2) play animation or video, (3) display caption, etc. .
[0180]
(1) Play a sound
  In order to make a sound, for example, a path name and a file name are designated in advance for each surface, thereby reading and reproducing voice data in the portable terminal main body memory or an external network. The sound reproduction is performed by the sound source reproduction unit P12 of the interface program P. If necessary, a sound reproduction routine such as an OS, a browser function, and other dedicated applications (helper applications) is started up. You can also do it.
[0181]
  As a specific example, audio data is reproduced when the surface comes to the foreground during rotation. However, depending on the communication environment, such as when audio data is read from an external network, there may be a slight time lag until reproduction. At this time, in the case of a surface that is supposed to rotate and then come to the forefront, for example, in the case of a cube, pre-read the audio data assigned to the left and right sides with respect to the front, or in advance at an arbitrary timing If the audio data assigned to the surface is temporarily stored in the main body memory or the like and is read during rotation, the processing speed can be increased.
[0182]
  In addition to the method of reading the entire audio file into the memory or the like, the audio data file may be read and reproduced in real time using streaming technology, but the specific mode is linked. Depends on previous audio data format.
[0183]
(2) Animation and video playback
  In this case, as with the audio data, animation data and digital video data are read from the portable terminal main body memory or an external network, and are temporarily replaced with the image data of the surface for display. As with the audio data, the reading timing is arbitrarily set when the interface program is created. Also, streaming processing can be performed as with audio data.
[0184]
(3) Display caption
  Captions are displayed by overlaying characters such as product names and supplementary explanations on arbitrary positions such as on the surface, left and right. Specifically, the text to be displayed in the setting information may be described in advance, or the link destination (path name, file name) is specified in the setting information, and these are read when forming a solid. It can also be displayed during rollover. These captions can be set in a conventional HTML format to set hyperlinks.
[0185]
[6-4-2-2. (Selection operation)
  The selection operation is an operation in which the user requests an arbitrary action after receiving browsing (primary information) by rotation so far and presentation of specific information (secondary information) by rollover. The selection operation is executed by pressing a “selection button” on the mobile terminal body, a button corresponding to click or enter, and the following operations can be considered as selection operations.
[0186]
  (1) As with rollover, (1) Sound is played, (2) Animation and video are played, (3) Caption is displayed.
(2) Move to a URL specified by a hyperlink, read web data such as HTML, etc., for example, display a purchase form for mail order.
(3) Reading of the three-dimensional switch setting information or displaying a new three-dimensional structure composed of more detailed information.
(4) A process of starting an external program execution mail application, starting peer-to-peer connection with another portable terminal, or making a voice call or video call.
(5) Saving (copying) downloaded audio and image files in the main body storage medium and other areas on the network.
(6) Menu display In addition to the functions (1) to (5) above, any function is displayed in a list so that it can be selected.
[0187]
  Note that when other actions are being performed (step 304), such as voice is already being played when the selection operation is performed, these actions are stopped (step 305), and the selected action is performed. At this time, it is possible to shift to a target action (step 307) with a predetermined effect (step 306). For example, in the case of an audio action, a cross-fading process is performed between the currently reproduced audio and the new audio. In the case of an image action, the selected image is moved by rotating the Z-axis toward the near side (−) with rotation, and the transparency is gradually changed from 100% (FIG. 9). The effect of disappearing while expanding is obtained.
[0188]
  In the case of an image action, the rotational axis is gradually tilted and the rotational speed is changed at the same time to change the rotational motion, and the effect as shown in FIGS. Can be considered. Each of the effects as described above can provide an “interval” for reading image or audio data to be displayed next, or can indicate to the user that “selected”.
[0189]
  As described above, in the three-dimensional switching of (3), as described above, setting information is obtained by reading an external setting information file of this interface or receiving setting information from an external network as information on a newly configured surface. Re-read (step 110 in FIG. 29) and assign it again to the solid. Specifically, the link destination is set in an external setting file and is read, or the link destination is set in a document, program, etc. (eg, CGI) designated on the external network, and communication is performed.
[0190]
  In this case, it is possible to increase the speed by deleting only the image, sound, and character information currently assigned to the solid from the memory, maintaining the interface itself in the memory, and reading only new data.
[0191]
  When the above (2) hyperlink is designated, the interface is terminated at the same time as moving to the designated URL by newly reading web data such as HTML (step 111 in FIG. 29) (step 112). This interface and occupied data are deleted from the memory. When the OS or browser on which the interface is running is terminated (step 113), the interface is also terminated and deleted from the memory (step 114).
[0192]
[7. effect〕
  As described above, in this embodiment, different images are arranged three-dimensionally for each of a plurality of surfaces constituting a solid (FIGS. 2 and 10), or a plurality of images on a predetermined geometric shape such as a circle or an ellipse. Is displayed in a three-dimensional layout (Fig. 16) and displayed as a projected view from a predetermined viewpoint, so that a large amount of information can be displayed at a time even on a small display screen. An interface capable of presenting and operating information in accordance with the depth of interest of the user, such as selecting a desired element from the above, is provided. The “image” referred to in the present application includes a moving image.
[0193]
  In particular, in this embodiment, by displaying images on each surface of a solid, regular polyhedron, or polygonal column, various display modes according to the orderly appearance and application are realized. In the present embodiment, the regular pentahedron that constitutes a regular dodecahedron (FIG. 20), and by masking an image according to a surface of a shape other than a square (FIGS. 22 and 23), various regular polyhedrons, etc. Various display modes can be applied.
[0194]
  Further, in the present embodiment, it is possible to attract the user's attention from the original three-dimensional position by a visual effect rich in changes such that each surface floats in the air (FIG. 33). In the present embodiment, information can be easily browsed by maintaining the top and bottom of the image on each surface regardless of the three-dimensional rotation angle. In addition, in this embodiment, it is possible to attract the attention of the user by a visual effect that is rich in changes such as a three-dimensional rotation while slightly moving up and down and moving with it (FIG. 31). It becomes.
[0195]
  In addition, in this embodiment, the visual effect that the solid is shifted horizontally or vertically in accordance with the operation to switch to the next solid makes the user clearly recognize the change of the solid and attracts attention effectively. Can be attached. Further, in the present embodiment, by displaying only the images on the near side among the images arranged in a circle, the appearance is organized, and the information content becomes easy to understand.
[0196]
  Further, in the present embodiment, by changing the vertical position of each image arranged in a circle, for example, the Y coordinate for each image, there are various changes such that each surface rotates with a wave-like movement. It is possible to achieve a visual effect (FIG. 32) and attract the user's attention.
[0197]
  Also, in this embodiment, the image of the surface that is displayed at the forefront at each point of time is notified by a visual effect such as shining or an action such as a sound, and if you are interested, you can operate the button By performing processing such as detailed display by a predetermined selection operation such as, information can be easily selected and viewed with a minimum number of operations.
[0198]
  In this embodiment, music CDs, video CDs, MDs and other albums and singles, movie videotapes and DVDs are displayed in multiple stereoscopic images such as jacket photos and recorded for each item that comes to the front. By listening to the contents, it is possible to promote effective sales (promotion) and electronic commerce. In particular, according to the present embodiment, it is easy to view and audition images of works according to the ranking of the hit chart, so that it is possible to expect a sales promotion effect such as a CD single in which hit charts are aggregated.
[0199]
  Further, in the present embodiment, it is possible to attract the user's attention by a visual effect rich in changes in which only the frontmost surface rotates front and back (FIGS. 7, 14, and 19). In the present embodiment, smooth information browsing according to the user's intention and interest is facilitated by rotating the front and back when a predetermined operation is performed. In this embodiment, when the front and back are rotated, the surface is displayed in an enlarged manner (FIG. 9), so that it is easy to grasp that the front and back are rotated. The display can effectively attract the user's interest.
[0200]
  In this embodiment, the amount of information that can be displayed is increased by displaying separate images on the front and back of each surface, and the user's interest is effectively attracted by a variety of displays. It becomes possible. Note that the front and back display may be performed on only a part of the three-dimensional surfaces instead of all the three-dimensional surfaces.
[0201]
  Further, in the present embodiment, the amount of information that can be displayed is increased by showing the image of the rear surface in a transparent manner according to the transparency set for each surface, and the user's interest is increased by a variety of displays. It becomes possible to attract effectively. In other words, translucent solids can be displayed by setting the transparency, which not only improves the aesthetics, but also shows what images are assigned to each side of the solid by seeing through the back of a solid that is not visible Can be checked as a guideline, making it easier to browse and operate information. In particular, in the present embodiment, the front side can be clearly seen and the back image can be seen slightly, and the stereoscopic effect can be emphasized and made easy to see.
[0202]
  In the present embodiment, information is understood by displaying supplementary explanations and detailed explanations about arbitrary character strings, for example, the entire display screen or images of each surface of a solid, on a display screen on which each image is displayed as a projection view. This facilitates the processing (FIG. 34). In the present embodiment, the character string corresponding to each surface is displayed so as to float slightly above each surface and rotate in synchronization with each surface (FIGS. 36 and 37). And supplementary explanations can be effectively appealed to users. Further, in the aspect in which only one image corresponding to the foremost character string is displayed (FIG. 24), the display is simplified and an interface suitable for the information field suitable for character display is provided.
[0203]
  Also, in this embodiment, by downloading a program such as JAVA that realizes the interface of the present invention from the server to the terminal, version upgrades such as addition of new display mode functions can be realized without complicated installation operation procedures by the user. It becomes possible. Further, in the present embodiment, when the setting information is integrated with the web data, both can be read in one process, and there is an advantage that the system configuration and the processing procedure can be simplified. Further, in the present embodiment, setting information that is separate from the web data is handled (FIG. 27), thereby speeding up the process when switching or reloading (reloading) only one of the web page and the stereoscopic display. The
[0204]
[8. Other embodiments]
  In addition, this invention is not limited to the said embodiment, Other embodiments which are illustrated next are included. For example, solids and geometric shapes related to three-dimensional display are not limited to the examples shown in the above embodiment. For example, images are displayed on each surface of a polygonal cylinder or displayed so that each image is permuted on a square. You can also Further, by displaying a character font as a kind of image in a virtual three-dimensional space, only a character string may be arranged on a predetermined geometric shape as shown in FIG. included.
[0205]
  In the above embodiment, an example in which dedicated setting information for three-dimensional display and information such as a tag for acquiring setting information from the outside is embedded in web data has been described. However, a plurality of images are displayed in two dimensions. From the description of conventional HTML, compact HTML, HDML, etc., the software as shown in the above embodiment can be implemented so as to automatically perform three-dimensional display, and such functions It is also desirable to be able to turn on and off.
[0206]
  In this way, since the 3D display is performed based on the web data for the conventional 2D display, the website owner has to change the existing web data created in a conventional description language such as HTML. 3D display can be easily realized without much trouble.
[0207]
【The invention's effect】
  As described above, according to the present invention, it is possible to provide a user interface technology that can easily look over more information even on a small screen and easily select arbitrary information, that is, an information processing method, an information processing program, and a portable information terminal device. Information distribution is made more efficient.
[Brief description of the drawings]
FIG. 1 is a conceptual diagram showing an outline of an embodiment of the present invention.
FIG. 2 is a view showing a display example using a cube in the embodiment of the present invention.
FIG. 3 is a developed view of a cube as a display example in the embodiment of the present invention.
FIG. 4 is a perspective view of a cube as a display example in the embodiment of the present invention.
FIG. 5 is a plan view of a cube as a display example in the embodiment of the present invention.
FIG. 6 is a front view of a cube as a display example in the embodiment of the present invention.
FIG. 7 is a diagram illustrating a state in which one surface rotates front and back in a cube as a display example according to an embodiment of the present invention.
FIG. 8 is a diagram showing a state in which one surface rotates front and back around an oblique axis in a cube as a display example according to an embodiment of the present invention.
FIG. 9 is a diagram illustrating a state in which one surface rotates front and back together with an enlarged display around an oblique axis in a cube as a display example according to an embodiment of the present invention.
FIG. 10 is a view showing a display example using a polygonal column in the embodiment of the present invention.
FIG. 11 is a perspective view of a polygonal column as a display example in the embodiment of the present invention.
FIG. 12 is a plan view of a polygonal column as a display example in the embodiment of the present invention.
FIG. 13 is a front view of a polygonal column as a display example in the embodiment of the present invention.
FIG. 14 is a diagram showing a state where one surface rotates front and back in a polygonal column as a display example in the embodiment of the present invention.
FIG. 15 is a diagram illustrating a state in which a polygonal column as a display example in the embodiment of the present invention rotates in the vertical direction.
FIG. 16 is a diagram showing a display example in which each surface is permuted on a predetermined geometric shape in the embodiment of the present invention.
FIG. 17 is a conceptual plan view of a display example in which each surface is permuted on a predetermined geometric shape in the embodiment of the present invention.
FIG. 18 is a front view of a display example in which each surface is permuted on a predetermined geometric shape in the embodiment of the present invention.
FIG. 19 is a diagram showing a state in which each surface is permuted on a predetermined geometric shape and one surface rotates front and back in the embodiment of the present invention.
FIG. 20 is a diagram showing a display example using a regular dodecahedron in the embodiment of the present invention.
FIG. 21 is a development view of a regular dodecahedron related to a display example according to the embodiment of the present invention.
FIG. 22 is a diagram showing an example of masking processing in the embodiment of the present invention.
FIG. 23 is a view showing another example of masking processing in the embodiment of the present invention.
FIG. 24 is a diagram showing a display example in which an image corresponding to a character to be selected is displayed in the embodiment of the present invention.
FIG. 25 is a diagram showing an example in which each character string is arranged on a predetermined geometric shape in the embodiment of the present invention.
FIG. 26 is a functional block diagram showing the configuration of the embodiment of the present invention.
FIG. 27 is a conceptual diagram showing how setting information is acquired in the embodiment of the present invention.
FIG. 28 is a conceptual diagram showing an example of setting information in the embodiment of the present invention.
FIG. 29 is a flowchart showing an overall processing procedure in the embodiment of the present invention.
FIG. 30 is a flowchart showing a processing procedure of three-dimensional processing and drawing in the embodiment of the present invention.
FIG. 31 is a diagram showing another display example in the embodiment of the present invention.
FIG. 32 is a diagram showing another display example in the embodiment of the present invention.
FIG. 33 is a diagram showing another display example in the embodiment of the present invention.
FIG. 34 is a diagram showing another display example in the embodiment of the present invention.
FIG. 35 is a diagram showing another display example in the embodiment of the present invention.
FIG. 36 is a diagram showing a display example using a polygonal column and a plurality of character strings in the embodiment of the present invention.
FIG. 37 is a view showing a display example in which a corresponding character string is displayed at a corresponding position for each image permutated on a predetermined geometric shape in the embodiment of the present invention.
FIG. 38 is a flowchart showing a state in which processing according to a user operation is performed in the embodiment of the present invention.
[Explanation of symbols]
11 ... CPU
21 ... Display device
22 ... Pointer device
23 ... Interface
24 ... Sound device
26 ... RAM
27 ... ROM
28 ... Media connection device
P ... Program
P1 ... Data communication unit
P2 ... Setting data reading part
P3 ... Function setting section
P4 ... Internal script / program execution part
P5: Image data reading unit
P6 ... Character data reading part
P7 ... Audio data reading part
P8: Operation control unit
P9, P10 ... 3D processing section
P11: Image character composition unit
P12 ... Sound source playback unit

Claims (39)

画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、を用いて行う情報処理方法において、
前記制御部による制御により、
仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置し、前記複数の面により立体を構成し、前記立体を構成する前記複数の面に対して複数の画像を割り付けて、前記表示器に表示する立体表示処理と、
前記表示器に表示されている前記立体を、前記操作部におけるユーザの操作に応じて回転させる回転処理と、を含み、
前記立体表示処理は、前記立体を構成する前記各面を、その立体を構成する本来の各面の位置から、立体の外側にずらした位置に表示する処理を含むことを特徴とする情報処理方法。
In an information processing method performed using a display that displays information including an image, an operation unit that receives an input operation from a user, and a control unit that controls display of information including an image on the display.
By control by the control unit,
In the virtual three-dimensional space, the surface facing the display surface of the display device is the front, a plurality of surfaces including this surface are arranged, a solid is configured by the plurality of surfaces, and the solid is configured A stereoscopic display process for allocating a plurality of images to a plurality of surfaces and displaying the images on the display;
Rotation processing for rotating the solid displayed on the display unit according to a user operation in the operation unit,
The three-dimensional display process includes a process of displaying each surface constituting the solid at a position shifted from the original position of each surface constituting the solid to the outside of the solid. .
画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、を用いて行う情報処理方法において、
前記制御部による制御により、
仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置し、前記複数の面により立体を構成し、前記立体を構成する前記複数の面に対して複数の画像を割り付けて、前記表示器に表示する立体表示処理と、
前記表示器に表示されている前記立体を、前記操作部におけるユーザの操作に応じて回転させる回転処理と、を含み、
前記立体表示処理は、垂直又は水平の少なくとも一方に前記立体が揺れ動く表示を含むことを特徴とする情報処理方法。
In an information processing method performed using a display that displays information including an image, an operation unit that receives an input operation from a user, and a control unit that controls display of information including an image on the display.
By control by the control unit,
In the virtual three-dimensional space, the surface facing the display surface of the display device is the front, a plurality of surfaces including this surface are arranged, a solid is configured by the plurality of surfaces, and the solid is configured A stereoscopic display process for allocating a plurality of images to a plurality of surfaces and displaying the images on the display;
Rotation processing for rotating the solid displayed on the display unit according to a user operation in the operation unit,
The information processing method, wherein the three-dimensional display process includes a display in which the three-dimensional object moves in at least one of vertical and horizontal directions.
画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、を用いて行う情報処理方法において、
前記制御部による制御により、
仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置し、前記複数の面により立体を構成し、前記立体を構成する前記複数の面に対して複数の画像を割り付けて、前記表示器に表示する立体表示処理と、
前記表示器に表示されている前記立体を、前記操作部におけるユーザの操作に応じて回転させる回転処理と、を含み、
前記立体表示処理は、前記操作部においてユーザにより所定の切替え操作が行われたときに、前記立体が所定方向へ移動して視界から消え、変わって異なる立体が視界内に表れるように表示する処理を含むことを特徴とする情報処理方法。
In an information processing method performed using a display that displays information including an image, an operation unit that receives an input operation from a user, and a control unit that controls display of information including an image on the display.
By control by the control unit,
In the virtual three-dimensional space, the surface facing the display surface of the display device is the front, a plurality of surfaces including this surface are arranged, a solid is configured by the plurality of surfaces, and the solid is configured A stereoscopic display process for allocating a plurality of images to a plurality of surfaces and displaying the images on the display;
Rotation processing for rotating the solid displayed on the display unit according to a user operation in the operation unit,
The three-dimensional display process is a process in which, when a predetermined switching operation is performed by the user in the operation unit, the solid moves in a predetermined direction and disappears from the field of view, and changes so that a different solid appears in the field of view. An information processing method comprising:
前記制御部による制御により、
前記仮想三次元空間内において前記表示器の表示面に対して最も正対する面を正面として、この面に割り付けられた画像を選択対象とし、
選択対象となっている前記画像について、選択対象であることを視覚又は音響の少なくとも一方を含む動作により前記表示器又は所定のサウンドデバイスを介して報知し、
前記選択対象について前記操作部におけるユーザによる所定の操作が行われたときに、その選択対象に予め対応付けられた所定の処理を行なうことを特徴とする請求項1から3のいずれか1つに記載の情報処理方法。
By control by the control unit,
In the virtual three-dimensional space, the surface most directly facing the display surface of the display is a front surface, and an image assigned to this surface is a selection target,
With respect to the image that is the selection target, it is notified via the display or a predetermined sound device that the image is a selection target through an operation including at least one of visual and acoustic.
4. The method according to claim 1, wherein when a predetermined operation by the user in the operation unit is performed on the selection target, a predetermined process associated with the selection target is performed in advance. The information processing method described.
前記表示器の表示面に対して最も正対する面を正面として、この面に割り付けられた画像を選択対象とした場合に、前記制御部による制御により、前記選択対象となっている画像を、その画像を通る回転軸を中心に、他の画像とは独立して表裏回転させることを特徴とする請求項1から3のいずれか1つに記載の情報処理方法。 When the surface most facing the display surface of the display is the front, and the image assigned to this surface is the selection target, the image that is the selection target is controlled by the control unit. The information processing method according to any one of claims 1 to 3, wherein the front and back are rotated independently of other images around a rotation axis passing through the image . 前記表裏回転は、前記操作部におけるユーザからの所定の入力操作が行われたときに、前記制御部による制御により行われることを特徴とする請求項5記載の情報処理方法。6. The information processing method according to claim 5, wherein the front / back rotation is performed by control by the control unit when a predetermined input operation from a user is performed in the operation unit. 前記表裏回転の際に、前記制御部による制御により、前記表示器にその画像を拡大表示することを特徴とする請求項5又は6記載の情報処理方法。The information processing method according to claim 5 or 6, wherein the image is enlarged and displayed on the display device under the control of the control unit during the front and back rotation. 前記制御部による制御により、前記各面の表と裏に互いに異なる画像を前記表示器に表示することを特徴とする請求項5から7のいずれか1つに記載の情報処理方法。The information processing method according to any one of claims 5 to 7, wherein different images are displayed on the display unit on the front and back of each surface under the control of the control unit. 前記表示器の表示面に対して最も正対する面を正面として、この面に割り付けられた画像を選択対象とした場合に、前記制御部による制御により、前記仮想三次元空間内の各画像が投影表示される二次元表示画面である前記表示器に、任意の文字列又は前記選択対象に対応し予め定められた文字列を表示することを特徴とする請求項1から3のいずれか1つに記載の情報処理方法。 When the surface most directly facing the display surface of the display is the front, and the image assigned to this surface is selected , each image in the virtual three-dimensional space is projected by the control of the control unit. 4. The display device, which is a two-dimensional display screen to be displayed, displays an arbitrary character string or a predetermined character string corresponding to the selection target, according to any one of claims 1 to 3. The information processing method described. 画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、を用いて行う情報処理方法において、
前記制御部による制御により、
仮想三次元空間内における水平面上又は垂直平面上であって前記表示器の表示面とは異なる平面上に形成される幾何学形状上へ、複数の画像を面として順列するように、前記表示器に表示する幾何学形状表示処理と、
前記表示器に表示されている前記各画像について、前記操作部におけるユーザの操作に応じて前記幾何学形状上で位置を移動させる移動処理と、を実行することを特徴とする情報処理方法。
In an information processing method performed using a display that displays information including an image, an operation unit that receives an input operation from a user, and a control unit that controls display of information including an image on the display.
By control by the control unit,
The indicator so that a plurality of images are permuted as a plane onto a geometric shape formed on a horizontal plane or a vertical plane in a virtual three-dimensional space and a plane different from the display plane of the display. Geometric shape display processing to be displayed on,
An information processing method comprising: performing a moving process of moving a position on the geometric shape in accordance with a user operation on the operation unit for each image displayed on the display.
前記幾何学形状は、円又は楕円であり、
前記制御部による制御により、前記円又は楕円の前記表示器に表示される正面側半分に位置する前記各画像のみを前記表示器に表示することを特徴とする請求項10記載の情報処理方法。
The geometric shape is a circle or an ellipse,
The information processing method according to claim 10 , wherein only each of the images positioned in a front half of the circle or ellipse displayed on the display unit is displayed on the display unit by the control of the control unit .
前記制御部による制御により、前記円又は楕円上に順列する各画像について、前記仮想三次元空間内において前記円又は楕円と直交する軸上の位置をずらして前記表示器に表示することを特徴とする請求項10又は11記載の情報処理方法。 With the control by the control unit, each image permuted on the circle or ellipse is displayed on the display by shifting the position on the axis orthogonal to the circle or ellipse in the virtual three-dimensional space. The information processing method according to claim 10 or 11. 前記制御部による制御により、
前記幾何学形状上の前記表示器に表示される最も正面側に位置する画像を選択対象とし、
前記選択対象となっている前記画像について、選択対象であることを視覚又は音響の少なくとも一方を含む動作により前記表示器又は所定のサウンドデバイスを介して報知し、
前記選択対象について前記操作部におけるユーザによる所定の操作が行われたときに、その選択対象に予め対応付けられた所定の処理を行なうことを特徴とする請求項10から12のいずれか1つに記載の情報処理方法。
By control by the control unit,
The image located on the most front side displayed on the display device on the geometric shape is selected,
About the image that is the selection target, is notified through the display or a predetermined sound device by an operation including at least one of visual or acoustic that is the selection target,
13. The method according to claim 10 , wherein when a predetermined operation by the user in the operation unit is performed on the selection target, a predetermined process associated with the selection target is performed in advance. The information processing method described.
前記幾何学形状上の前記表示器に表示される最も正面側に位置する画像を選択対象とした場合に、前記制御部による制御により、前記選択対象となっている画像を、その画像を通る回転軸を中心に、他の画像とは独立して表裏回転させることを特徴とする請求項10から13のいずれか1つに記載の情報処理方法。 When the image located on the most front side displayed on the display device on the geometric shape is a selection target, the image that is the selection target is rotated through the image under the control of the control unit. The information processing method according to any one of claims 10 to 13, wherein the front and back are rotated around the axis independently of other images . 前記表裏回転は、前記操作部におけるユーザからの所定の入力操作が行われたときに、前記制御部による制御により行われることを特徴とする請求項14記載の情報処理方法。  15. The information processing method according to claim 14, wherein the front / back rotation is performed by control of the control unit when a predetermined input operation from a user is performed on the operation unit. 前記表裏回転の際に、前記制御部による制御により、前記表示器にその画像を拡大表示することを特徴とする請求項14又は15記載の情報処理方法。  16. The information processing method according to claim 14 or 15, wherein the image is enlarged and displayed on the display device under the control of the control unit during the front and back rotation. 前記制御部による制御により、前記各面の表と裏に互いに異なる画像を前記表示器に表示することを特徴とする請求項14から16のいずれか1つに記載の情報処理方法。  The information processing method according to any one of claims 14 to 16, wherein different images are displayed on the display on the front and back of each surface under the control of the control unit. 前記幾何学形状上の前記表示器に表示される最も正面側に位置する画像を選択対象とした場合に、前記制御部による制御により、前記選択対象に対応した文字列を、前記仮想三次元空間においてその文字列に対応する各面に対応した位置に表示することを特徴とする請求項10から17のいずれか1つに記載の情報処理方法。 When an image located on the most front side displayed on the display device on the geometric shape is a selection target, a character string corresponding to the selection target is converted into the virtual three-dimensional space by the control by the control unit. The information processing method according to claim 10, wherein the information is displayed at a position corresponding to each surface corresponding to the character string . 前記画像は音楽及び画像の少なくとも一方を含む作品に関するものであり、
前記制御部による制御により、各作品の画像が選択対象となったときにその作品における収録内容の一部が所定のサウンドデバイスを介して再生されることを特徴とする請求項1から18のいずれか1つに記載の情報処理方法。
The image relates to a work including at least one of music and an image,
19. The control according to any one of claims 1 to 18, wherein when the image of each work is selected by the control by the control unit, a part of the recorded content in the work is reproduced via a predetermined sound device. The information processing method as described in any one.
前記制御部による制御により、前記表示器に表示される多角柱の各面のうちヒットチャートの順位に応じた各面に前記各作品の画像が表示されることを特徴とする請求項19に記載の情報処理方法。 According to claim 19, wherein the under the control of the control unit, said that the image of each piece are displayed on each side corresponding to the order of the charts of the respective surfaces of the polygonal prism to be displayed on the display device Information processing method. 前記制御部による制御により、前記各面又は画像ごとに、透明度を設定し、透明度に応じて前記表示器に表示される正面側以外の画像も透過して見えるように前記表示器に表示することを特徴とする請求項1から20のいずれか1つに記載の情報処理方法。 Under the control of the control unit, transparency is set for each surface or image, and an image other than the front side displayed on the display is displayed on the display according to the transparency so that it can be seen through. The information processing method according to any one of claims 1 to 20, wherein: 前記制御部による制御により、前記各面又は画像ごとの透明度を、前記表示器に表示される正面側ほど低く、背面側ほど高く設定することを特徴とする請求項21記載の情報処理方法。 The information processing method according to claim 21 , wherein the transparency of each surface or each image is set to be lower on the front side displayed on the display and higher on the back side under the control of the control unit . 前記制御部による制御により、前記操作部におけるユーザからの所定の入力操作に応じて、前記表示器に表示される前記各面又は画像を運動及び静止させ、静止状態から運動状態への移行時は加速を、運動状態から静止状態への移行時は減速を行うことを特徴とする請求項1から22のいずれか1つに記載の情報処理方法。 By the control by the control unit, the respective surfaces or images displayed on the display unit are moved and stopped according to a predetermined input operation from the user in the operation unit, and at the time of transition from the stationary state to the exercise state The information processing method according to any one of claims 1 to 22, wherein acceleration is performed at a time of transition from a motion state to a stationary state . 前記制御部による制御により、
クライアントシステムがサーバシステムへアクセスしたときに、前記仮想三次元空間に基づいた前記各画像の表示を行うプログラムについて、そのクライアントシステムにおけるプログラムの適用可否、有無及びバージョンの少なくともいずれかを確認する処理と、
前記プログラムのうちそのクライアントシステムに適用可能な最新バージョンが前記クライアントシステムに存在しないことが確認された場合に、そのクライアントシステムに適用可能な前記プログラムの最新バージョンを前記サーバシステムから前記クライアントシステムへダウンロードする処理と、
ダウンロードされた前記プログラムを前記クライアントシステムにおいて実行することにより、前記仮想三次元空間に基づいた前記各画像を前記表示器に表示する処理と、を含むことを特徴とする請求項1から23のいずれか1つに記載の情報処理方法。
By control by the control unit,
Processing for confirming at least one of applicability, presence / absence, and version of the program in the client system for the program that displays each image based on the virtual three-dimensional space when the client system accesses the server system; ,
When it is confirmed that the latest version applicable to the client system does not exist in the client system, the latest version of the program applicable to the client system is downloaded from the server system to the client system. Processing to
By executing the downloaded the program at the client system, any processing for displaying the respective images based on the virtual three-dimensional space on the display, from claim 1, characterized in that it comprises a 23 The information processing method as described in any one.
前記制御部による制御により、
前記表示器に前記各画像をどのような前記立体の各面として又はどのような前記幾何学形状に基づいた各面として表示するかと、表示サイズと、どの面にどの画像を割り付けるかと、前記各面に関する動作内容と、を少なくとも含む設定情報を用い、
記述言語によって記述されたウェブデータをサーバシステムからクライアントシステムへダウンロードし、
前記クライアントシステムにおいて、前記ウェブデータ中に記述された前記設定情報に基づいて前記各画像を前記表示器に表示することを特徴とする請求項1から24のいずれか1つに記載の情報処理方法。
By control by the control unit,
The display unit displays each image as each surface of the solid or as each surface based on the geometric shape, a display size, which image is allocated to which surface, Using the setting information including at least the operation content related to the surface,
Download the web data described in the description language from the server system to the client system,
25. The information processing method according to claim 1 , wherein in the client system, each image is displayed on the display device based on the setting information described in the web data. .
前記制御部による制御により、
前記クライアントシステムにおいて、前記ウェブデータ中に前記設定情報のウェブデータ外における所在を表す外部パスがある場合はその外部パスにしたがって前記設定情報をサーバシステムからダウンロードし、その設定情報に基づいて前記各画像を前記表示器に表示することを特徴とする請求項1から25のいずれか1つに記載の情報処理方法。
By control by the control unit,
In the client system, if there is an external path representing the location outside the web data of the setting information in the web data, the setting information is downloaded from the server system according to the external path, and each of the settings based on the setting information The information processing method according to any one of claims 1 to 25 , wherein an image is displayed on the display .
画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、に対して処理を実行させる情報処理プログラムにおいて、
前記プログラムは、前記制御部に、仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置させ、前記複数の面により立体を構成させ、前記立体を構成する前記複数の面に対して複数の画像を割り付けさせて、前記表示器に表示させる処理と、前記表示器に表示させた前記立体を前記操作部におけるユーザの操作に応じて回転させる処理とを含み、
さらに、前記表示させる処理は、前記立体を構成する前記各面を、その立体を構成する本来の各面の位置から、立体の外側にずらした位置に表示させるものであることを特徴とする情報処理プログラム。
In an information processing program for executing processing on a display that displays information including an image, an operation unit that receives an input operation from a user, and a control unit that controls display of information including an image on the display ,
The program causes the control unit to arrange a plurality of planes including the plane with the plane facing the display plane of the display unit in the virtual three-dimensional space as the front, and to form a solid with the plurality of planes. A plurality of images assigned to the plurality of surfaces constituting the solid, and displayed on the display; and the solid displayed on the display is operated by a user in the operation unit. depending and a Ru processing is rotated,
Further, the display process includes displaying each surface constituting the solid at a position shifted to the outside of the solid from the position of each original surface constituting the solid. Processing program.
画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、に対して処理を実行させる情報処理プログラムにおいて、
前記プログラムは、前記制御部に、仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置させ、前記複数の面により立体を構成させ、前記立体を構成する前記複数の面に対して複数の画像を割り付けさせて、前記表示器に表示させる処理と、前記表示器に表示させた前記立体を前記操作部におけるユーザの操作に応じて回転させる処理とを含み、
前記表示させる処理は、垂直又は水平の少なくとも一方に前記立体が揺れ動く表示であることを特徴とする情報処理プログラム。
In an information processing program for executing processing on a display that displays information including an image, an operation unit that receives an input operation from a user, and a control unit that controls display of information including an image on the display ,
The program causes the control unit to arrange a plurality of planes including the plane with the plane facing the display plane of the display unit in the virtual three-dimensional space as the front, and to form a solid with the plurality of planes. A plurality of images assigned to the plurality of surfaces constituting the solid, and displayed on the display; and the solid displayed on the display is operated by a user in the operation unit. depending and a Ru processing is rotated,
The information processing program characterized in that the processing to be displayed is a display in which the solid swings in at least one of vertical and horizontal.
画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、に対して処理を実行させる情報処理プログラムにおいて、
前記プログラムは、前記制御部に、仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置させ、前記複数の面により立体を構成させ、前記立体を構成する前記複数の面に対して複数の画像を割り付けさせて、前記表示器に表示させる処理と、前記表示器に表示させた前記立体を前記操作部におけるユーザの操作に応じて回転させる処理とを含み、
前記表示させる処理は、前記操作部においてユーザにより所定の切替え操作が行われたときに、前記立体が所定方向へ移動して視界から消え、変わって異なる立体が視界内に表れるように表示するものであることを特徴とする情報処理プログラム。
In an information processing program for executing processing on a display that displays information including an image, an operation unit that receives an input operation from a user, and a control unit that controls display of information including an image on the display ,
The program causes the control unit to arrange a plurality of planes including the plane with the plane facing the display plane of the display unit in the virtual three-dimensional space as the front, and to form a solid with the plurality of planes. A plurality of images assigned to the plurality of surfaces constituting the solid, and displayed on the display; and the solid displayed on the display is operated by a user in the operation unit. depending and a Ru processing is rotated,
The display process is such that when a predetermined switching operation is performed by the user in the operation unit, the solid moves in a predetermined direction and disappears from the field of view, and a different solid appears in the field of view. An information processing program characterized by
画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、に対して処理を実行させる情報処理プログラムにおいて、
前記プログラムは、前記制御部に、
仮想三次元空間内における水平面上又は垂直平面上であって前記表示器の表示面とは異なる平面上に形成される幾何学形状上へ、複数の画像を面として順列するように、前記表示器に表示させ、
前記表示器に表示させた前記各画像について、前記操作部におけるユーザの操作に応じて前記幾何学形状上で位置を移動させることを特徴とする情報処理プログラム。
In an information processing program for executing processing on a display that displays information including an image, an operation unit that receives an input operation from a user, and a control unit that controls display of information including an image on the display ,
The program is stored in the control unit.
The indicator so that a plurality of images are permuted as a plane onto a geometric shape formed on a horizontal plane or a vertical plane in a virtual three-dimensional space and a plane different from the display plane of the display. Displayed on the
An information processing program that moves the position of each image displayed on the display unit on the geometric shape in accordance with a user operation in the operation unit.
前記プログラムは、前記制御部に、The program is stored in the control unit.
前記仮想三次元空間内において前記表示器の表示面に対して最も正対する面を正面として、この面に割り付けられた画像を選択対象として設定させ、  In the virtual three-dimensional space, the surface most directly facing the display surface of the display is set as the front, and the image assigned to this surface is set as a selection target,
前記選択対象となっている前記画像について、選択対象であることを視覚又は音響の少なくとも一方を含む動作により前記表示器又は所定のサウンドデバイスを介して報知し、  About the image that is the selection target, is notified through the display or a predetermined sound device by an operation including at least one of visual or acoustic that is the selection target,
前記選択対象について前記操作部におけるユーザによる所定の操作が行われたときに、その選択対象に予め対応付けられた所定の処理を実行させることを特徴とする請求項27から29のいずれか1つに記載の情報処理プログラム。  30. The process according to claim 27, wherein when a predetermined operation by the user in the operation unit is performed on the selection target, a predetermined process associated with the selection target is executed in advance. Information processing program described in 1.
前記プログラムは、前記制御部に、
前記幾何学形状上の前記表示器に表示される最も正面側に位置する画像を選択対象として設定させ、
前記選択対象となっている前記画像について、選択対象であることを視覚又は音響の少なくとも一方を含む動作により前記表示器又は所定のサウンドデバイスを介して報知させ、
前記選択対象について前記操作部におけるユーザによる所定の操作が行われたときに、その選択対象に予め対応付けられた所定の処理を実行させることを特徴とする請求項30に記載の情報処理プログラム。
The program is stored in the control unit.
The image located on the most front side displayed on the display device on the geometric shape is set as a selection target,
With respect to the image that is the selection target, it is notified through the display or a predetermined sound device that the selection target is an operation including at least one of visual and acoustic,
The information processing program according to claim 30, wherein when a predetermined operation by a user in the operation unit is performed on the selection target, a predetermined process associated with the selection target is executed in advance .
前記プログラムは、前記制御部に、
前記クライアントシステムにおいて、前記ウェブデータ中に前記設定情報のウェブデータ外における所在を表す外部パスがある場合はその外部パスにしたがって前記設定情報をサーバシステムからダウンロードさせ、
その設定情報に基づいて前記各画像を前記表示器に表示させることを特徴とする請求項27から32のいずれか1つに記載の情報処理プログラム。
The program is stored in the control unit.
In the client system, when there is an external path representing the location outside the web data of the setting information in the web data, the setting information is downloaded from the server system according to the external path,
33. The information processing program according to claim 27, wherein each image is displayed on the display unit based on the setting information.
画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、を備え、前記制御部がサーバシステムから通信ネットワーク経由でダウンロードする画像を含む情報を前記表示器に表示する携帯情報端末装置において、
前記制御部は、仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置し、前記複数の面により立体を構成し、前記立体を構成する前記複数の面に対して複数の画像を割り付けて、前記表示器に表示する立体表示処理と、前記表示器に表示されている前記立体を、前記操作部におけるユーザの操作に応じて回転させる回転手段と、を備え、
前記立体表示手段は、前記立体を構成する前記各面を、その立体を構成する本来の各面の位置から、立体の外側にずらした位置に表示するものであることを特徴とする携帯情報端末装置。
A display that displays information including an image; an operation unit that receives an input operation from a user; and a control unit that controls display of information including an image on the display; and the control unit communicates from a server system. In a portable information terminal device that displays information including an image to be downloaded via a network on the display,
The control unit is arranged in a virtual three-dimensional space with a surface facing the display surface of the display unit as a front surface, a plurality of surfaces including the surface are arranged, and a solid is formed by the plurality of surfaces, A plurality of images are assigned to the plurality of surfaces constituting a solid and displayed on the display unit, and the solid displayed on the display unit is displayed according to a user operation on the operation unit. And rotating means for rotating
The three-dimensional display means displays each surface constituting the solid at a position shifted from the original position of each surface constituting the solid to the outside of the solid. apparatus.
画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、を備え、前記制御部がサーバシステムから通信ネットワーク経由でダウンロードする画像を含む情報を前記表示器に表示する携帯情報端末装置において、
前記制御部は、仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置し、前記複数の面により立体を構成し、前記立体を構成する前記複数の面に対して複数の画像を割り付けて、前記表示器に表示する立体表示処理と、前記表示器に表示されている前記立体を、前記操作部におけるユーザの操作に応じて回転させる回転手段と、を備え、
前記立体表示手段は、垂直又は水平の少なくとも一方に前記立体が揺れ動く表示を行うものであることを特徴とする携帯情報端末装置。
A display that displays information including an image; an operation unit that receives an input operation from a user; and a control unit that controls display of information including an image on the display; and the control unit communicates from a server system. In a portable information terminal device that displays information including an image to be downloaded via a network on the display,
The control unit is arranged in a virtual three-dimensional space with a surface facing the display surface of the display unit as a front surface, a plurality of surfaces including the surface are arranged, and a solid is formed by the plurality of surfaces, A plurality of images are assigned to the plurality of surfaces constituting a solid and displayed on the display unit, and the solid displayed on the display unit is displayed according to a user operation on the operation unit. And rotating means for rotating
The mobile information terminal device, wherein the three-dimensional display means performs display in which the three-dimensional body swings vertically or horizontally.
画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、を備え、前記制御部がサーバシステムから通信ネットワーク経由でダウンロードする画像を含む情報を前記表示器に表示する携帯情報端末装置において、
前記制御部は、仮想三次元空間内に前記表示器の表示面に対して最も正対する面を正面として、この面を含む複数の面を配置し、前記複数の面により立体を構成し、前記立体を構成する前記複数の面に対して複数の画像を割り付けて、前記表示器に表示する立体表示処理と、前記表示器に表示されている前記立体を、前記操作部におけるユーザの操作に応じて回転させる回転手段と、を備え、
前記立体表示手段は、前記操作部においてユーザにより所定の切替え操作が行われたときに、前記立体が所定方向へ移動して視界から消え、変わって異なる立体が視界内に表れるように表示するものであることを特徴とする携帯情報端末装置。
A display that displays information including an image; an operation unit that receives an input operation from a user; and a control unit that controls display of information including an image on the display; and the control unit communicates from a server system. In a portable information terminal device that displays information including an image to be downloaded via a network on the display,
The control unit is arranged in a virtual three-dimensional space with a surface facing the display surface of the display unit as a front surface, a plurality of surfaces including the surface are arranged, and a solid is formed by the plurality of surfaces, A plurality of images are assigned to the plurality of surfaces constituting a solid and displayed on the display unit, and the solid displayed on the display unit is displayed according to a user operation on the operation unit. And rotating means for rotating
The three-dimensional display means displays so that when the user performs a predetermined switching operation on the operation unit, the solid moves in a predetermined direction and disappears from view, and a different solid appears in the view. A portable information terminal device characterized by the above.
画像を含む情報を表示する表示器と、ユーザからの入力操作を受け付ける操作部と、前記表示器に画像を含む情報の表示を制御する制御部と、を備え、前記制御部がサーバシステムから通信ネットワーク経由でダウンロードする画像を含む情報を前記表示器に表示する携帯情報端末装置において、
前記制御部は、
仮想三次元空間内における水平面上又は垂直平面上であって前記表示器の表示面とは異なる平面上に形成される幾何学形状上へ、複数の画像を順列するように前記表示器に表示させる手段と、
前記表示されている前記各画像について、前記操作部におけるユーザの操作に応じて前記幾何学形状上で位置を移動させる手段とを備えたことを特徴とする携帯情報端末装置。
A display that displays information including an image; an operation unit that receives an input operation from a user; and a control unit that controls display of information including an image on the display; and the control unit communicates from a server system. In a portable information terminal device that displays information including an image to be downloaded via a network on the display,
The controller is
A plurality of images are displayed on the display so as to be permuted onto a geometric shape formed on a horizontal plane or a vertical plane in a virtual three-dimensional space and a plane different from the display plane of the display. Means,
A portable information terminal device comprising: means for moving a position of each displayed image on the geometric shape in accordance with a user operation in the operation unit.
前記制御部は、
前記表示器の表示面に対して最も正対する面を正面として、この面に割り付けられた画像を選択対象とする手段と、
前記選択対象となっている前記画像について、選択対象であることを視覚又は音響の少なくとも一方を含む動作により前記表示器又は所定のサウンドデバイスを介して報知する手段と、
前記選択対象について前記操作部におけるユーザによる所定の操作が行われたときに、その選択対象に予め対応付けられた所定の処理を行なう手段とを備えたことを特徴とする請求項34から36のいずれか1つに記載の携帯情報端末装置。
The controller is
A surface that faces most directly to the display surface of the display unit, and means for selecting an image assigned to the surface ;
Means for notifying, via the display or a predetermined sound device, that the image to be selected is an object to be selected by an operation including at least one of visual and acoustic;
37. The apparatus according to claim 34, further comprising means for performing a predetermined process previously associated with the selection target when a predetermined operation by the user in the operation unit is performed on the selection target. The portable information terminal device according to any one of the above.
前記制御部は、
前記幾何学形状上の前記表示器に表示される最も正面側に位置する画像を選択対象として設定させ、
前記選択対象となっている前記画像について、選択対象であることを視覚又は音響の少なくとも一方を含む動作により前記表示器又は所定のサウンドデバイスを介して報知する手段と、
前記選択対象について前記操作部におけるユーザによる所定の操作が行われたときに、その選択対象に予め対応付けられた所定の処理を行なう手段とを備えたことを特徴とする請求項37に記載の携帯情報端末装置。
The controller is
The image located on the most front side displayed on the display device on the geometric shape is set as a selection target,
Means for notifying, via the display or a predetermined sound device, that the image to be selected is an object to be selected by an operation including at least one of visual and acoustic;
38. The apparatus according to claim 37, further comprising: a unit configured to perform a predetermined process associated with the selection target in advance when a predetermined operation by the user in the operation unit is performed on the selection target. Portable information terminal device.
JP2001088280A 2001-03-26 2001-03-26 Information processing method, information processing program, and portable information terminal device Expired - Fee Related JP3762243B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2001088280A JP3762243B2 (en) 2001-03-26 2001-03-26 Information processing method, information processing program, and portable information terminal device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2001088280A JP3762243B2 (en) 2001-03-26 2001-03-26 Information processing method, information processing program, and portable information terminal device

Publications (2)

Publication Number Publication Date
JP2002288690A JP2002288690A (en) 2002-10-04
JP3762243B2 true JP3762243B2 (en) 2006-04-05

Family

ID=18943399

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2001088280A Expired - Fee Related JP3762243B2 (en) 2001-03-26 2001-03-26 Information processing method, information processing program, and portable information terminal device

Country Status (1)

Country Link
JP (1) JP3762243B2 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20210174801A1 (en) * 2019-12-04 2021-06-10 Samsung Electronics Co., Ltd. Device, method, and program for enhancing output content through iterative generation

Families Citing this family (60)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4717287B2 (en) * 2001-08-29 2011-07-06 シャープ株式会社 Display device
JP2004259063A (en) 2003-02-26 2004-09-16 Sony Corp Display processing device, display processing method, and computer program for three-dimensional object
US8531448B2 (en) * 2003-05-28 2013-09-10 Sanyo Electric Co., Ltd. Stereoscopic image display apparatus, text data processing apparatus, program, and storing medium
JP2005107431A (en) * 2003-10-02 2005-04-21 Fujitsu Frontech Ltd Display method for display device, display device, and display control program for display device
JP2005115011A (en) * 2003-10-08 2005-04-28 Ricoh Co Ltd Image display device, image display method, image display program, and recording medium recording the program
TWI405135B (en) * 2005-05-17 2013-08-11 Ibm System, method and recording medium
KR100791287B1 (en) 2005-10-26 2008-01-04 삼성전자주식회사 Apparatus and method for controlling three-dimensional motion of graphic objects
KR100746009B1 (en) 2005-10-26 2007-08-06 삼성전자주식회사 Navigation device for 3D graphical user interface
JP4662481B2 (en) * 2006-06-28 2011-03-30 ソニー・エリクソン・モバイルコミュニケーションズ株式会社 Information processing device, information processing method, information processing program, and portable terminal device
US8564543B2 (en) 2006-09-11 2013-10-22 Apple Inc. Media player with imaged based browsing
JP4983233B2 (en) * 2006-12-01 2012-07-25 船井電機株式会社 Content playback system
US9001047B2 (en) 2007-01-07 2015-04-07 Apple Inc. Modal change based on orientation of a portable multifunction device
JP4939326B2 (en) * 2007-07-10 2012-05-23 オリンパスメディカルシステムズ株式会社 Image display device, image display method, and image display program
AU2008299579B2 (en) * 2007-09-11 2014-03-27 Cruiser Interactive Pty Ltd A system and method for manipulating digital images on a computer display
JP2010092263A (en) 2008-10-08 2010-04-22 Sony Corp Information processor, information processing method and program
JP5104743B2 (en) 2008-12-16 2012-12-19 富士通株式会社 Image search program, image search method, and recording medium
US10705701B2 (en) 2009-03-16 2020-07-07 Apple Inc. Device, method, and graphical user interface for moving a current position in content at a variable scrubbing rate
JP2011109371A (en) * 2009-11-17 2011-06-02 Kddi Corp Server, terminal, program, and method for superimposing comment text on three-dimensional image for display
KR20120025797A (en) * 2010-09-08 2012-03-16 엔에이치엔(주) Method and system for providing 3d contents
JP2012089112A (en) * 2010-09-22 2012-05-10 Nikon Corp Image display device
JP5226051B2 (en) * 2010-09-24 2013-07-03 シャープ株式会社 Content display device, content display method, program, and recording medium
WO2012039441A1 (en) 2010-09-24 2012-03-29 シャープ株式会社 Content display device, content display method, portable terminal, program, and recording medium
US8548263B2 (en) * 2011-01-19 2013-10-01 Microsoft Corporation Delayed image decoding
US9360991B2 (en) * 2011-04-11 2016-06-07 Microsoft Technology Licensing, Llc Three-dimensional icons for organizing, invoking, and using applications
KR101645275B1 (en) * 2012-01-20 2016-08-04 네이버 주식회사 Method and system for providing 3d contents
US10275117B2 (en) 2012-12-29 2019-04-30 Apple Inc. User interface object manipulations in a user interface
US10691230B2 (en) 2012-12-29 2020-06-23 Apple Inc. Crown input for a wearable electronic device
US12287962B2 (en) 2013-09-03 2025-04-29 Apple Inc. User interface for manipulating user interface objects
US10001817B2 (en) 2013-09-03 2018-06-19 Apple Inc. User interface for manipulating user interface objects with magnetic properties
US10503388B2 (en) 2013-09-03 2019-12-10 Apple Inc. Crown input for a wearable electronic device
US10545657B2 (en) 2013-09-03 2020-01-28 Apple Inc. User interface for manipulating user interface objects
KR102111452B1 (en) * 2013-09-03 2020-05-15 애플 인크. User interface for manipulating user interface objects
US11068128B2 (en) 2013-09-03 2021-07-20 Apple Inc. User interface object manipulations in a user interface
CN110795005A (en) 2013-09-03 2020-02-14 苹果公司 Utilize magnetic properties to manipulate the UI of UI objects
JP2014123402A (en) * 2014-03-07 2014-07-03 Sharp Corp Content display device, content display method, program, and recording medium
CN110825299B (en) 2014-06-27 2024-03-29 苹果公司 Reduced size user interface
US9684394B2 (en) 2014-09-02 2017-06-20 Apple Inc. Button functionality
CN106797493A (en) 2014-09-02 2017-05-31 苹果公司 Music user interface
US10073590B2 (en) 2014-09-02 2018-09-11 Apple Inc. Reduced size user interface
TWI676127B (en) 2014-09-02 2019-11-01 美商蘋果公司 Method, system, electronic device and computer-readable storage medium regarding electronic mail user interface
JP2016095614A (en) * 2014-11-13 2016-05-26 ソフトバンク株式会社 Display control device and program
JP5801006B2 (en) * 2015-01-14 2015-10-28 京セラ株式会社 Electronic device, display control method, and display control program
JP5801005B2 (en) * 2015-01-14 2015-10-28 京セラ株式会社 Electronic device, display control method, and display control program
JP5826415B2 (en) * 2015-01-14 2015-12-02 京セラ株式会社 Display control method and display control program
JP2015099602A (en) * 2015-01-14 2015-05-28 京セラ株式会社 Display control program
US10365807B2 (en) 2015-03-02 2019-07-30 Apple Inc. Control of system zoom magnification using a rotatable input mechanism
KR101685676B1 (en) * 2015-06-19 2016-12-12 네이버 주식회사 Terminal apparatus and method for showing image, and web server and method for providing web page
US10992795B2 (en) 2017-05-16 2021-04-27 Apple Inc. Methods and interfaces for home media control
US11431836B2 (en) 2017-05-02 2022-08-30 Apple Inc. Methods and interfaces for initiating media playback
US10928980B2 (en) 2017-05-12 2021-02-23 Apple Inc. User interfaces for playing and managing audio items
US12526361B2 (en) 2017-05-16 2026-01-13 Apple Inc. Methods for outputting an audio output in accordance with a user being within a range of a device
CN111343060B (en) 2017-05-16 2022-02-11 苹果公司 Method and interface for home media control
JP6362757B1 (en) * 2017-11-20 2018-07-25 ヤフー株式会社 Information display program, information display method, information display device, and distribution device
US10712824B2 (en) 2018-09-11 2020-07-14 Apple Inc. Content-based tactile outputs
US11435830B2 (en) 2018-09-11 2022-09-06 Apple Inc. Content-based tactile outputs
KR102436985B1 (en) 2019-05-31 2022-08-29 애플 인크. User interface for controlling audio media
US11010121B2 (en) 2019-05-31 2021-05-18 Apple Inc. User interfaces for audio media control
US11392291B2 (en) 2020-09-25 2022-07-19 Apple Inc. Methods and interfaces for media control with dynamic feedback
CN113535109B (en) * 2021-09-17 2021-12-10 南昌龙旗信息技术有限公司 Display terminal and display method
JP7252309B1 (en) 2021-12-27 2023-04-04 株式会社電通国際情報サービス Task display system

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPS6482179A (en) * 1987-09-25 1989-03-28 Dainippon Printing Co Ltd Production device for cubic character calendar
JP3482532B2 (en) * 1992-12-09 2003-12-22 コニカミノルタホールディングス株式会社 Image editing method and image display method
JPH09185455A (en) * 1996-01-08 1997-07-15 Canon Inc Graphic processing method and apparatus thereof
JP4236717B2 (en) * 1996-09-30 2009-03-11 ソニー株式会社 Information processing apparatus, information processing method, and information providing medium in 3D virtual reality space sharing system
JP4004660B2 (en) * 1997-09-30 2007-11-07 富士フイルム株式会社 Image editing system, image server and client computer constituting image editing system, and image editing method
JP2000030080A (en) * 1998-07-14 2000-01-28 Basu Plus One:Kk Virtual reality system
JP4308367B2 (en) * 1999-06-02 2009-08-05 株式会社バンダイナムコゲームス 3D image generation apparatus and environment map generation method
JP2001076168A (en) * 1999-09-02 2001-03-23 Ntt Docomo Inc Information terminal device, database server device, image display system, and control method thereof

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20210174801A1 (en) * 2019-12-04 2021-06-10 Samsung Electronics Co., Ltd. Device, method, and program for enhancing output content through iterative generation
US11670295B2 (en) * 2019-12-04 2023-06-06 Samsung Electronics Co., Ltd. Device, method, and program for enhancing output content through iterative generation
US12380887B2 (en) 2019-12-04 2025-08-05 Samsung Electronics Co., Ltd. Device, method, and program for enhancing output content through iterative generation

Also Published As

Publication number Publication date
JP2002288690A (en) 2002-10-04

Similar Documents

Publication Publication Date Title
JP3762243B2 (en) Information processing method, information processing program, and portable information terminal device
US12265689B2 (en) Interactive menu elements in a virtual three-dimensional space
US11112931B2 (en) System and method for providing three-dimensional graphical user interface
US7013435B2 (en) Three dimensional spatial user interface
US6636246B1 (en) Three dimensional spatial user interface
US9098597B2 (en) Presenting and managing clipped content
US7245310B2 (en) Method and apparatus for displaying related two-dimensional windows in a three-dimensional display model
CN103168287B (en) User interface
US20120151408A1 (en) Dynamic network browser
WO2008064610A1 (en) Method, apparatus and system for controlling background of desktop
JP2006164260A (en) Data processor and user interface for system
KR20090040462A (en) Media player with imaged based browsing
JP2003518681A (en) Navigation method in 3D image synthesis by operation of 3D image &#34;navigation 3D&#34;
US10438279B2 (en) Interface for enhanced continuity of browsing experience
JP2004110719A (en) Image display system and computer program
KR20100122432A (en) 3d folder user interface using polyhedron and user terminal implementing the same
TW200925975A (en) Media system for facilitating interaction with media data across a plurality of media devices
JP7547967B2 (en) Image output device and program
CA3103024A1 (en) Multi-process interface controller
KR20240111111A (en) Method and system for providing information based on interaction
KR20010036784A (en) The computer application software which includes the structures that can express the 2 dimensional images as like the 3 dimensional images, sound and texts, together.
GB2406770A (en) Displaying related two-dimensional windows in a three-dimensional display model

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20050517

A871 Explanation of circumstances concerning accelerated examination

Free format text: JAPANESE INTERMEDIATE CODE: A871

Effective date: 20050517

A975 Report on accelerated examination

Free format text: JAPANESE INTERMEDIATE CODE: A971005

Effective date: 20050603

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20050621

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20050822

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20050920

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20051121

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: 20051213

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20060112

R150 Certificate of patent or registration of utility model

Free format text: JAPANESE INTERMEDIATE CODE: R150

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20090120

Year of fee payment: 3

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20100120

Year of fee payment: 4

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20110120

Year of fee payment: 5

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20110120

Year of fee payment: 5

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313111

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20110120

Year of fee payment: 5

R360 Written notification for declining of transfer of rights

Free format text: JAPANESE INTERMEDIATE CODE: R360

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20110120

Year of fee payment: 5

R360 Written notification for declining of transfer of rights

Free format text: JAPANESE INTERMEDIATE CODE: R360

R371 Transfer withdrawn

Free format text: JAPANESE INTERMEDIATE CODE: R371

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20120120

Year of fee payment: 6

LAPS Cancellation because of no payment of annual fees