JP2002287867A - コンテンツ出力装置 - Google Patents

Abstract

(57)【要約】 【構成】 画面上に表示されるボタン３０は、各々径が
異なる複数のサブボタン３２，３２，・・・を有してい
る。これら各サブボタン３２，３２，・・・は、各々径
の大きいものから順に下方側から上方側に向かって積み
重ねられており、テーブルによって各々異なる画像デー
タにリンクしている。そして、各サブボタン３２，３
２，・・・の上方を覆うようにダミーボタン３４が設け
られている。なお、画面上においては、各サブボタン３
２，３２，・・・は、透明であり、ダミーボタン３４の
みが可視表示される。 【効果】 画面上に表示されたボタン３０は、見かけ上
は１つであるが、そのリンク先は複数である。したがっ
て、マウスでボタン３０をクリックしたとき、このクリ
ック操作に応じて表示される画像に多様性を持たせるこ
とができる。

Description

【発明の詳細な説明】

【０００１】

【産業上の利用分野】この発明は、コンテンツ出力装置
に関し、特にたとえば、画面に表示されたアイテムの操
作に応じて所定のコンテンツを出力する、コンテンツ出
力装置に関する。

【０００２】

【従来技術】ＨＴＭＬ（Hyper Text Markup Language）
形式で作成された文書では、文書中に配置された文字や
図形などの特定のアイテムにポインタを合わせ、マウス
をクリックすると、当該アイテムにリンクする別の文書
が表示される。具体的な一例を挙げると、複数ページに
わたる文書ファイルにおいて、３ページ目の文書中に存
在する或る単語をクリックすると、画面表示がその単語
に関連する１５ページ目の文書に更新される。

【０００３】

【発明が解決しようとする課題】しかし、従来は、１つ
のアイテムに対するリンク先が１つであったため、これ
をゲームに適用した場合に面白みに欠けるという問題が
あった。

【０００４】それゆえに、この発明の主たる目的は、ア
イテムの操作に応じて出力される文書や画像などのコン
テンツに多様性を持たせることができる、コンテンツ出
力装置を提供することである。

【０００５】

【課題を解決するための手段】この発明は、複数のコン
テンツの出力を案内する見かけ上１つのアイテムを画面
に表示するアイテム表示手段、アイテムを形成する複数
の部分と複数のコンテンツのアドレス情報とが個別に対
応付けられたテーブル、アイテムを形成する複数の部分
の１つを任意に選択する選択手段、および選択手段によ
って選択された部分に対応するコンテンツをテーブルに
基づいて出力するコンテンツ出力手段を備える、コンテ
ンツ出力装置である。

【０００６】

【作用】この発明では、アイテム表示手段が、複数のコ
ンテンツの出力を案内するアイテムを画面に表示する。
このアイテムは、画面上では１つに見えるが、実際には
複数の部分から成る。これらの部分は、テーブルによっ
て、複数のコンテンツのアドレス情報と各々個別に対応
付けられている。そして、選択手段によって、アイテム
を形成する複数の部分のうちの１つを任意に選択する
と、コンテンツ出力手段が、選択手段によって選択され
た部分に対応するコンテンツをテーブルに基づいて出力
する。すなわち、アイテムは見かけ上１つであるが、こ
のアイテムのどの部分を選択するかによって、出力され
るコンテンツが各々異なる。

【０００７】この発明の或る実施例では、アイテムは、
複数の部分としての複数の押しボタン、および各押しボ
タンの上方を覆うように設けられ見かけ上１つのアイテ
ムとして画面に表示されるダミーボタンを含むものとし
てもよい。

【０００８】この発明の他の実施例では、選択手段は、
画面に表示されるポインタを自在に移動させる移動手
段、およびポインタが指向する部分を選択するための選
択操作キーを含むものとしてもよい。

【０００９】なお、この発明におけるコンテンツとし
て、画像がある。

【００１０】

【発明の効果】この発明によれば、画面に表示されたア
イテムは見かけ上１つであるが、そのリンク先であるコ
ンテンツは複数である。したがって、アイテムの操作に
応じて出力されるコンテンツに多様性を持たせることが
できる。

【００１１】

【実施例】図１は、第１実施例のコンテンツ出力装置１
０の概略構成を示す図である。同図に示すように、この
コンテンツ出力装置１０は、パーソナルコンピュータで
あり、ＣＰＵ（中央演算処理装置）１２に各種命令を入
力する入力装置１４として、キーボード１６の他にマウ
ス１８を備えている。また、ＣＰＵ１２には、画像蓄積
装置２０が接続されており、この画像蓄積装置２０に
は、コンテンツとしての複数の画像データが蓄積されて
いる。ＣＰＵ１２は、入力装置１４の操作に応じて画像
蓄積装置２０に蓄積されている各画像データのいずれか
を読み出し、この読み出した画像データに基づく画像を
ディスプレイ２２に表示する。

【００１２】具体的には、ＣＰＵ１２は、図２に符号３
０で示すような円形状の押しボタンを模擬したアイテム
としての図形（以下、単にボタンと言う。）をディスプ
レイ２２に表示する。同図に示すように、このボタン３
０は、ディスプレイ２２の画面上においては見かけ上１
つに見えるが、実際には、図３に示すように、各々径が
異なる複数の，たとえば番〜番の５つの円形状のサ
ブボタン３２，３２，・・・を有している。これらのサ
ブボタン３２，３２，・・・は、各々径の大きいものか
ら順に下方側から上方側に向けて同心円状に積み重ねら
れており、これらのサブボタン３２，３２，・・・の上
方を覆うようにしてダミーボタン３４が設けられてい
る。そして、画面上では、各サブボタン３２，３２，・
・・は透明であり、ダミーボタン３４のみが可視表示さ
れる。

【００１３】図４を参照して、各サブボタン３２，３
２，・・・は、メモリ２４に記憶されているテーブル２
６によって、各々上述した画像データ，ここでは［１］
〜［５］の５つの画像データに関連付けられており、す
なわちリンクしている。なお、ダミーボタン３４は、あ
くまで画面上でボタン３０を１個体と見せ掛けるための
ものであって、いずれの画像データ［１］〜［５］にも
リンクしていない。また、メモリ２４には、テーブル２
６の他に、ＣＰＵ１２の動作を制御するための制御プロ
グラムも記憶されている。

【００１４】ＣＰＵ１２は、図２に符号４０で示すよう
な矢印形のポインタ（カーソル）をディスプレイ２２に
表示させる。このポインタ４０は、マウス１８によって
自在に移動させることができる。そして、このポインタ
４０をボタン３０上に移動させて、マウス１８をクリッ
クすると、ＣＰＵ１２は、ポインタ４０が指向する部
分，たとえばポインタ４０の先端部分に位置するサブボ
タン３２にリンクする画像データ［１］，［２］，
［３］，［４］または［５］を画像蓄積装置２０から読
み出す。

【００１５】詳しくは、ポインタ４０の先端部分が番
のサブボタン３２上に位置する状態でマウス１８をクリ
ックすると、ＣＰＵ１２は、画像データ［１］を読み出
し、ポインタ４０の先端部分が番のサブボタン３２上
に位置する状態でマウス１８をクリックすると、ＣＰＵ
１２は、画像データ［２］を読み出す。そして、ポイン
タ４０の先端部分が番のサブボタン３２上に位置する
状態でマウス１８をクリックすると、ＣＰＵ１２は、画
像データ［３］を読み出し、ポインタ４０の先端部分が
番のサブボタン３２上に位置する状態でマウス１８を
クリックすると、ＣＰＵ１２は、画像データ［４］を読
み出す。さらに、ポインタ４０の先端部分が番のサブ
ボタン３２上に位置する状態でマウス１８をクリックす
ると、ＣＰＵ１２は、画像データ［５］を読み出す。な
お、各々のサブボタン３２が重なる部分については、最
も上方にあるサブボタン３２が優先されるように設定さ
れている。

【００１６】ＣＰＵ１２は、マウス１８のクリックに応
じて読み出した画像データ［１］，［２］，［３］，
［４］または［５］に基づく画像を、ディスプレイ２２
に表示する。

【００１７】このようにしてマウス１８によるボタン３
０のクリック操作に応じて、任意の画像データ［１］，
［２］，［３］，［４］または［５］に基づく画像をデ
ィスプレイ２２に表示するとき、ＣＰＵ１２は、上述し
た制御プログラムに従って図５のフロー図で示される処
理を実行する。

【００１８】すなわち、ステップＳ１においてマウス１
８がクリックされたことを確認し、かつステップＳ３に
おいてそのクリックの対象がボタン３０であることを確
認すると、ＣＰＵ１２は、ステップＳ５に進む。そし
て、このステップＳ５において、クリックの対象が番
のサブボタン３２であるか否かを確認する。ここで、ク
リックの対象が番のサブボタン３２であることを確認
すると、ＣＰＵ１２は、ステップＳ７に進み、画像蓄積
装置２０から画像データ［１］を読み出す。そして、こ
の読み出した画像データ［１］をディスプレイ２２に表
示するべくステップＳ９を処理した後、このフロー図で
示される処理を終了する。

【００１９】一方、ステップＳ５において、クリックの
対象が番のサブボタン３２でないことを確認した場合
には、ＣＰＵ１２は、ステップＳ１１に進む。そして、
このステップＳ１１において、クリックの対象が番の
サブボタン３２であるか否かを確認する。ここで、クリ
ックの対象が番のサブボタン３２であることを確認す
ると、ステップＳ１３に進み、画像蓄積装置２０から画
像データ［２］を読み出す。そして、この読み出した画
像データ［２］をディスプレイ２２に表示するためにス
テップＳ９を処理した後、このフロー図の処理を終了す
る。

【００２０】これに対して、ステップＳ１１において、
クリックの対象が番のサブボタン３２でないことを確
認すると、ＣＰＵ１２は、ステップＳ１５に進む。そし
て、このステップＳ１５において、クリックの対象が
番のサブボタン３２であるか否かを確認する。ここで、
クリックの対象が番のサブボタン３２である場合に
は、ステップＳ１７に進み、画像蓄積装置２０から画像
データ［３］を読み出す。そして、この読み出した画像
データ［３］をステップＳ９でディスプレイ２２に表示
してから、このフロー図の処理を終了する。

【００２１】ステップＳ１５において、クリックの対象
が番のサブボタン３２でない場合、ＣＰＵ１２は、ス
テップＳ１９に進み、ここで、クリックの対象が番の
サブボタン３２であるか否かを確認する。クリックの対
象が番のサブボタン３２である場合は、ステップＳ２
１に進み、画像蓄積装置２０から画像データ［４］を読
み出す。そして、この読み出した画像データ［４］をデ
ィスプレイ２２に表示するべくステップＳ９を処理した
後、このフロー図の処理を終了する。

【００２２】ステップＳ１９において、クリックの対象
が番のサブボタン３２でない場合には、ＣＰＵ１２
は、ステップＳ２３に進む。そして、このステップＳ２
３において、画像蓄積装置２０から画像データ［５］を
読み出し、この読み出した画像データ［４］をディスプ
レイ２２に表示するべくステップＳ９を処理する。そし
て、ステップＳ９の処理後、このフロー図で示される一
連の処理を終了する。

【００２３】このように、第１実施例によれば、画面上
に表示されたボタン３０は、見かけ上は１つであるが、
そのリンク先は複数（５つ）である。したがって、マウ
ス１８でボタン３０をクリックしたとき、このクリック
操作に応じて表示される画像に多様性を持たせることが
できる。

【００２４】ところで、マウス１８を操作する人間（オ
ペレータ）の心理としては、ボタン３０をクリックする
とき、できるだけその中央部分をクリックしようとする
意識が働く。したがって、ボタン３０の中央部分に近い
位置ほど、クリックされる確率が高く、その確率密度を
ボタン３０の径方向に沿って見ると、図６（ａ）に示す
ような２次元のガウス分布若しくはラプラス分布に近似
した分布になる。

【００２５】特に、この第１実施例のように、ボタン３
０を構成する各サブボタン３２，３２，・・・が、各々
同心円状に配置されている場合には、任意のサブボタン
３２，たとえば番のサブボタン３２がクリックされる
確率は、図６（ａ）に斜線３２ａで示すように、ボタン
３０の径方向において当該番のサブボタン３２が占め
る領域における確率の総和に相当し，すなわち斜線３２
ａで示す部分の面積に相当する。そして、この斜線３２
ａで示す部分の面積は、図６（ｂ）に斜線で示すように
番のサブボタン３２の面積（厳密には、マウス１８の
クリックが有効となる部分の面積）に比例する。したが
って、各々のサブボタン３２の径，すなわち面積を変更
することによって、各々のサブボタン３２がクリックさ
れる確率を調整できる。

【００２６】第２実施例は、上述の第１実施例の技術を
相撲のシミュレーションゲームに適用するものである。
すなわち、この第２実施例では、上述した画像蓄積装置
２０に、複数の力士の過去複数年（場所）分の対戦に係
る画像データを蓄積する。そして、各力士のうち希望の
力士を二人選択して、この選択した力士同士が行った過
去の対戦のうち、任意の対戦（取組）に係る画像データ
を画像蓄積装置２０から読み出し、この読み出した画像
データに基づく再生画像をディスプレイ２２に表示す
る。

【００２７】図７は、この第２実施例のシミュレーショ
ンゲームの進行状況を示す図である。同図に示すよう
に、このシミュレーションゲームをスタートさせると、
ＣＰＵ１２は、（ａ）に示すように、ディスプレイ２２
に［Ａ］〜［Ｏ］という複数の力士の画像を縮小表示し
たサムネイル５０，５０，・・・を行列状に並べて表示
する。そして、これら各サムネイル５０，５０，・・・
のうち、希望の力士のサムネイル５０をマウス１８でク
リックすると、ＣＰＵ１２は、図７（ｂ）に示すよう
に、ディスプレイ２２の表示画面上の所定位置，たとえ
ば左側の位置に、その希望の力士の拡大画像５２を表示
する。これと同時に、ＣＰＵ１２は、その拡大画像５２
の右横方に、希望の力士が対戦したことのある他の力士
（厳密には、希望の力士との対戦に係る画像データが画
像蓄積装置２０に蓄積されている力士）のサムネイル５
０，５０，・・・を表示する。なお、図７（ｂ）に示す
画面は、図７（ａ）に示す画面において、［Ａ］という
力士を希望の力士として選択したときの画面である。

【００２８】そして、図７（ｂ）に示す画面において、
［Ａ］という力士の対戦相手として任意の力士のサムネ
イル５０をクリックすると、ＣＰＵ１２は、図７（ｃ）
に示すように、その対戦相手となる力士の拡大画像５４
を、［Ａ］という力士の拡大画像５２の右横方に表示す
る。なお、図７（ｃ）に示す画面は、図（ｂ）に示す画
面において、［Ａ］という力士の対戦相手として［Ｇ］
という力士を選択したときの画面である。

【００２９】図７（ｃ）に示す画面を一定時間（数秒
間）表示した後、ＣＰＵ１２は、選択した二人の力士
［Ａ］および［Ｇ］同士が行った過去の対戦のうち、任
意の対戦に係る画像データを、画像蓄積装置２０から読
み出す。そして、ＣＰＵ１２は、この読み出した画像デ
ータに基づく再生画像を、図７（ｄ）に示すように（具
体的な対戦内容の図示は省略する）ディスプレイ２２に
表示する。

【００３０】そして、この図７（ｄ）に示す再生画像の
表示（対戦）が終了した後、ＣＰＵ１２は、図７（ｅ）
に示すように、その対戦結果をディスプレイ２２に表示
する。なお、この図７（ｅ）に示す画面は、［Ｇ］とい
う力士が「上手投げ」によって［Ａ］という力士に勝っ
た結果を示す。具体的には、［Ａ］という力士の拡大画
像５２の上方に黒星（敗者）のマーク５６が表示され、
［Ｇ］という力士の拡大画像５４の上方に白星（勝者）
のマーク５８が表示される。そして、各拡大画像５２お
よび５４の間の部分に、きまりて（極手）を表す「上手
投げ」という縦書きの文字列６０が表示される。さら
に、拡大画像５２の下方には、「もう一度」という文字
列が記されたボタン６２が表示され、拡大画像５４の下
方には、「次の対戦へ」という文字列が記されたボタン
６４が表示される。

【００３１】この図７（ｅ）に示す画面においては、各
拡大画像５２および５４は、マウス１８によってクリッ
ク可能とされている。このうち、［Ａ］という力士の拡
大画像５２がクリックされると、ＣＰＵ１２は、ディス
プレイ２２の画面表示を図７（ｂ）の状態に戻す。一
方、［Ｇ］という力士の拡大画像５４がクリックされる
と、ＣＰＵ１２は、図７（ｆ）に示すような画面をディ
スプレイ２２に表示する。この図７（ｆ）に示す画面
は、図７（ａ）に示す画面において、［Ｇ］という力士
を希望の力士として選択したときの画面と同じである。
なお、この図７（ｆ）に示す画面において、［Ｇ］とい
う力士の対戦相手として［Ａ］という力士のサムネイル
５０をクリックした場合にも、ＣＰＵ１２は、ディスプ
レイ２２の画面表示を図７（ｃ）の状態とする。

【００３２】さらに、図７（ｅ）に示す画面において、
「もう一度」と記されたボタン６２をクリックすると、
ＣＰＵ１２は、ディスプレイ２２の画面表示を図７
（ｃ）の状態に戻す。また、「次の対戦へ」と記された
ボタン６４をクリックすると、ＣＰＵ１２は、ディスプ
レイ２２の画面表示を図７（ａ）の状態に戻す。

【００３３】ところで、この第２実施例においては、図
７（ｂ）（または図７（ｆ））に示す画面で、任意の力
士のサムネイル５０を選択する部分に、上述の第１実施
例の技術を適用する。

【００３４】すなわち、［Ａ］という力士と［Ｇ］とい
う力士との対戦を例に挙げると、この両者の対戦につい
ては、図８（ａ）〜（ｅ）に示すように、［１］〜
［５］という過去５回の対戦に係る５つの画像データ
が、画像蓄積装置２０に蓄積されている。そして、図７
（ｂ）における［Ｇ］という力士のサムネイル５０は、
図８（ｆ）に示すように、第１実施例におけるボタン３
０を矩形状にしたのと同様の構成とされている。

【００３５】具体的には、サムネイル５０は、各々縦方
および横方のサイズが異なる番〜番の５つの矩形の
サブボタン７０，７０，・・・を有している。各サブボ
タン７０，７０，・・・は、各々サイズ（面積）の大き
いものから順に下方側から上方側に向けて概略ピラミッ
ド状に積み重ねられており、これらのサブボタン７０，
７０，・・・の上方を覆うようにして矩形のダミーボタ
ン７２が設けられている。なお、画面上では、各サブボ
タン７０，７０，・・・は透明であり、ダミーボタン７
２のみが可視表示され、このダミーボタン７２の上に
［Ｇ］という力士の縮小画像が貼り付けられている。

【００３６】そして、各サブボタン７０，７０，・・・
に、各々画像データ［１］〜［５］がリンクしている。
詳しくは、番のサブボタン７０が、画像データ［１］
にリンクしており、番のサブボタン７０が、画像デー
タ［２］にリンクしている。そして、番のサブボタン
７０が、画像データ［３］にリンクしており、番のサ
ブボタン７０が、画像データ［４］にリンクしている。
さらに、番のサブボタン７０が、画像データ［５］に
リンクしている。

【００３７】マウス１８によって任意のサブボタン７０
をクリックすると、そのクリックされたサブボタン７０
にリンクする画像データ［１］，［２］，［３］，
［４］または［５］が画像蓄積装置２０から読み出され
る。そして、この読み出された画像データに基づく再生
画像が、図７（ｄ）に示すようにディスプレイ２２に表
示され、その結果が、図（ｅ）に示すように表示され
る。

【００３８】したがって、図７（ｂ）の画面において、
［Ａ］という力士の対戦相手として［Ｇ］という力士を
選択するためにサムネイル５０をクリックするとき、こ
のサムネイル５０のどの部分をクリックするかによっ
て、図７（ｄ）の再生画像および図７（ｅ）の対戦結果
が変わってくる。よって、これらの再生画像および対戦
結果に多様性を持たせることができ、ゲームの面白さを
演出できる。

【００３９】なお、この第２実施例では、サムネイル５
０を構成する各サブボタン７０，７０，・・・の形状を
矩形としたが、これに限らない。たとえば、図９に示す
ような楕円状としてもよい。また、図１０に示すよう
に、矩形のサブボタン７０，７０，・・・を行列状に並
べて設け、これらのリンク先を任意に設定してもよい。
さらに、図１１に示すように、各々のサブボタンの形状
および配置ともに、任意に設定してもよい。

【００４０】また、この第２実施例では、図７（ｂ）の
画面において、任意の力士のサムネイル５０をクリック
する部分に第１実施例の技術を応用するようにしたが、
これに限らない。たとえば、図７（ｃ）の画面に、再生
画像の表示をスタートするためのスタートボタンを設
け、このスタートボタンをクリックする部分に第１実施
例を適用するようにしてもよい（すなわち、スタートボ
タンのどの部分をクリックするかによって図７（ｄ）の
再生画像および図７（ｅ）の対戦結果が変わるようにし
てもよい）。

【００４１】さらに、この第２実施例では、本発明を相
撲のシミュレーションゲームに適用する場合について説
明したが、これ以外の他のゲームにも本発明を適用でき
ることは言うまでもない。また、ゲーム以外の他の分野
にも、本発明を適用してもよい。

【００４２】そして、マウス１８のクリックに応じて再
生画像という視覚的なコンテンツを出力するのではな
く、音声や音楽などの聴覚的なコンテンツを出力する場
合にも、本発明を応用できる。

【図面の簡単な説明】

【図１】この発明の第１実施例の全体構成を示すブロッ
ク図である。

【図２】図１の実施例において、ディスプレイに表示さ
れるボタンの外観を示す図である。

【図３】図２のボタンの詳細な構成を概念的に示す図
で、（ａ）はボタンを上方側から見た概念図、（ｂ）は
ボタンを横方側から見た概念図ある。

【図４】図３における各サブボタンと各画像データとの
関連を示す図で、（ａ）はボタンの構成図、（ｂ）はテ
ーブルの概念図、（ｃ）は画像蓄積装置内における画像
データの蓄積状態を示す概念図である。

【図５】図１の実施例におけるＣＰＵの動作を示すフロ
ー図である。

【図６】図１の実施例において各サブボタンがクリック
される確率を説明するための図で、（ａ）はボタンの径
方向における確率を示すグラフ、（ｂ）は（ａ）におけ
る特定の部分に対応するサブボタンの面積を示す図であ
る。

【図７】この発明の第２実施例を示す図で、シミュレー
ションゲームの進行状況に対する画面の遷移を示す図で
ある。

【図８】図７の実施例における任意のサムネイルを構成
する各サブボタンと、これら各サブボタンと各画像デー
タとの関連を示す図で、（ａ）〜（ｅ）は各画像データ
に対応する表示画面の具体例を示す図、（ｆ）はサムネ
イルの構成を概念的に示す図である。

【図９】図７の実施例におけるサムネイルの別の態様を
示す図である。

【図１０】図７の実施例におけるサムネイルの別の態様
を示す図で、図９と異なる態様を示す図である。

【図１１】図７の実施例におけるサムネイルの別の態様
を示す図で、図９および図１０と異なる態様を示す図で
ある。

【符号の説明】

３０…ボタン ３２…サブボタン ３４…ダミーボタン

───────────────────────────────────────────────────── フロントページの続き Ｆターム(参考） 5B075 ND36 PP03 PP13 PQ02 PQ49 5E501 AA17 BA17 CA02 EA05 FA04

Claims (4)

【特許請求の範囲】
1. 【請求項１】複数のコンテンツの出力を案内する見かけ
   上１つのアイテムを画面に表示するアイテム表示手段、 前記アイテムを形成する複数の部分と複数の前記コンテ
   ンツのアドレス情報とが個別に対応付けられたテーブ
   ル、 前記アイテムを形成する前記複数の部分の１つを選択す
   る選択手段、および前記選択手段によって選択された前
   記部分に対応する前記コンテンツを前記テーブルに基づ
   いて出力するコンテンツ出力手段を備える、コンテンツ
   出力装置。
2. 【請求項２】前記アイテムは、前記複数の部分としての
   複数の押しボタン、および各前記押しボタンの上方を覆
   う状態に設けられ前記見かけ上１つの前記アイテムとし
   て前記画面に表示されるダミーボタンを含む、請求項１
   記載のコンテンツ出力装置。
3. 【請求項３】前記選択手段は、前記画面に表示されるポ
   インタを自在に移動させる移動手段、および前記ポイン
   タが指向する部分を選択するための選択操作キーを含
   む、請求項１または２記載のコンテンツ出力装置。
4. 【請求項４】前記コンテンツは画像である、請求項１な
   いし３のいずれかに記載のコンテンツ出力装置。