特許 6945345 表示装置、表示方法及びプログラム

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

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

(11)【特許番号】6945345

(24)【登録日】2021年9月16日

(45)【発行日】2021年10月6日

(54)【発明の名称】表示装置、表示方法及びプログラム

(51)【国際特許分類】

   G09G 5/00 20060101AFI20210927BHJP

   G09G 5/377 20060101ALI20210927BHJP

   G09G 5/36 20060101ALI20210927BHJP

   G06F 3/0488 20130101ALI20210927BHJP

   G06T 11/80 20060101ALI20210927BHJP

【ＦＩ】

   G09G5/00 530M

   G09G5/00 510H

   G09G5/36 520M

   G09G5/36 520P

   G09G5/00 550A

   G06F3/0488 130

   G06T11/80 B

【請求項の数】7

【全頁数】28

(21)【出願番号】特願2017-101197(P2017-101197)

(22)【出願日】2017年5月22日

(65)【公開番号】特開2018-194801(P2018-194801A)

(43)【公開日】2018年12月6日

【審査請求日】2020年3月25日

(73)【特許権者】

【識別番号】000005049

【氏名又は名称】シャープ株式会社

(74)【代理人】

【識別番号】100112335

【弁理士】

【氏名又は名称】藤本 英介

(74)【代理人】

【識別番号】100101144

【弁理士】

【氏名又は名称】神田 正義

(74)【代理人】

【識別番号】100101694

【弁理士】

【氏名又は名称】宮尾 明茂

(74)【代理人】

【識別番号】100124774

【弁理士】

【氏名又は名称】馬場 信幸

(72)【発明者】

【氏名】坂本 季穂

(72)【発明者】

【氏名】寺田 智

(72)【発明者】

【氏名】棟朝 洋樹

【審査官】 塚本 丈二

(56)【参考文献】

【文献】 米国特許出願公開第２０１５／０３３９９３６（ＵＳ，Ａ１）

【文献】 特開２００９−０２０８４０（ＪＰ，Ａ）

【文献】 米国特許出願公開第２０１４／０３７２９３８（ＵＳ，Ａ１）

【文献】 特開２０１６−１２６６３１（ＪＰ，Ａ）

【文献】 特開２０１２−１４６０１２（ＪＰ，Ａ）

【文献】 中国特許出願公開第１０１９３０６７６（ＣＮ，Ａ）

【文献】 米国特許出願公開第２０１５／０１１３３９６（ＵＳ，Ａ１）

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

Ｇ０９Ｇ ５／００−５／４２

Ｇ０６Ｆ ３／０４８８

Ｇ０６Ｔ １１／８０

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

【請求項1】

表示領域に、コンテンツと、当該コンテンツに重畳して描画されたストロークとを含むオブジェクトを表示するオブジェクト表示手段と、
前記表示されたコンテンツの視認度合いを設定する視認度合い設定手段と、
を備え、
前記視認度合い設定手段は、
前記コンテンツの透明度であるコンテンツ透明度を設定するコンテンツ透明度設定手段と、
前記描画されたストロークの背景の透過度であるストローク背景透過度を設定するストローク背景透過度設定手段と、
を有し、
前記視認度合い設定手段は、前記コンテンツの視認度合いとして、前記コンテンツ透明度と、前記ストローク背景透過度とを連続して設定可能であり、
前記視認度合いの設定を操作する操作部を表示する操作表示手段を更に備え、
前記操作部は、前記コンテンツ透明度及び前記ストローク背景透過度を設定する操作をおこなう設定操作部であり、
前記設定操作部は、一直線上を移動するスライダであって、
前記一直線上のうち、一点から一端側にかけての領域は前記コンテンツ透明度を設定する領域であり、前記一点から他端側にかけての領域は前記ストローク背景透過度を設定する領域であることを特徴とする表示装置。

【請求項2】

表示領域に、コンテンツと、当該コンテンツに重畳して描画されたストロークとを含むオブジェクトを表示するオブジェクト表示手段と、
前記表示されたコンテンツの視認度合いを設定する視認度合い設定手段と、
を備え、
前記視認度合い設定手段は、
前記コンテンツの透明度であるコンテンツ透明度を設定するコンテンツ透明度設定手段と、
前記描画されたストロークの背景の透過度であるストローク背景透過度を設定するストローク背景透過度設定手段と、
を有し、
前記視認度合い設定手段は、前記コンテンツの視認度合いとして、前記コンテンツ透明度と、前記ストローク背景透過度とを連続して設定可能であり、
前記視認度合いの設定を操作する操作部を表示する操作表示手段を更に備え、
前記操作部は、前記コンテンツ透明度及び前記ストローク背景透過度を設定する操作をおこなう設定操作部であり、
前記設定操作部は、一直線上を移動するスライダであって、
前記一直線上のうち、一点から一端側にかけてスライダを移動することにより前記コンテンツが透明化し、前記一点から他端側にかけてスライダを移動することにより、前記ストロークの背景が白濁化することを特徴とする表示装置。

【請求項3】

操作者の操作入力を受け付けるときに、当該操作者の識別情報を取得する識別情報取得手段を更に備え、
前記ストロークは、描画時の識別情報を有しており、
前記ストローク背景透過度設定手段は、前記ストローク背景透過度を設定する操作が行われたときの識別情報に一致するストロークに対応するストローク背景透過度を設定することを特徴とする請求項１又は２に記載の表示装置。

【請求項4】

表示領域に、コンテンツと、当該コンテンツに重畳して描画されたストロークとを含むオブジェクトを表示するオブジェクト表示ステップと、
前記表示されたコンテンツの視認度合いを設定する視認度合い設定ステップと、
を含むことを特徴とするコンテンツ表示方法であって、
前記視認度合い設定ステップは、
前記コンテンツの透明度であるコンテンツ透明度を設定するコンテンツ透明度設定ステップと、
前記描画されたストロークの背景の透過度であるストローク背景透過度を設定するストローク背景透過度設定ステップと、
を有し、
前記視認度合い設定ステップは、前記コンテンツの視認度合いとして、前記コンテンツ透明度と、前記ストローク背景透過度とを連続して設定可能であり、
前記視認度合いの設定を操作する操作部を表示する操作表示ステップを更に有し、
前記操作部は、前記コンテンツ透明度及び前記ストローク背景透過度を設定する操作をおこなう設定操作部であり、
前記設定操作部は、一直線上を移動するスライダであって、
前記一直線上のうち、一点から一端側にかけての領域は前記コンテンツ透明度を設定する領域であり、前記一点から他端側にかけての領域は前記ストローク背景透過度を設定する領域であることを特徴とすることを特徴とする表示方法。

【請求項5】

表示領域に、コンテンツと、当該コンテンツに重畳して描画されたストロークとを含むオブジェクトを表示するオブジェクト表示ステップと、
前記表示されたコンテンツの視認度合いを設定する視認度合い設定ステップと、
を含むことを特徴とするコンテンツ表示方法であって、
前記視認度合い設定ステップは、
前記コンテンツの透明度であるコンテンツ透明度を設定するコンテンツ透明度設定ステップと、
前記描画されたストロークの背景の透過度であるストローク背景透過度を設定するストローク背景透過度設定ステップと、
を有し、
前記視認度合い設定ステップは、前記コンテンツの視認度合いとして、前記コンテンツ透明度と、前記ストローク背景透過度とを連続して設定可能であり、
前記視認度合いの設定を操作する操作部を表示する操作表示ステップを更に有し、
前記操作部は、前記コンテンツ透明度及び前記ストローク背景透過度を設定する操作をおこなう設定操作部であり、
前記設定操作部は、一直線上を移動するスライダであって、
前記一直線上のうち、一点から一端側にかけてスライダを移動することにより前記コンテンツが透明化し、前記一点から他端側にかけてスライダを移動することにより、前記ストロークの背景が白濁化することを特徴とする表示方法。

【請求項6】

コンピュータに、
表示領域に、コンテンツと、当該コンテンツに重畳して描画されたストロークとを含む
オブジェクトを表示するオブジェクト表示機能と、
前記表示されたコンテンツの視認度合いを設定する視認度合い設定機能と、
を実現させるためのプログラムであって、
前記視認度合い設定機能は、
前記コンテンツの透明度であるコンテンツ透明度を設定するコンテンツ透明度設定機能と、
前記描画されたストロークの背景の透過度であるストローク背景透過度を設定するストローク背景透過度設定機能と、
を実現し、
前記視認度合い設定機能は、前記コンテンツの視認度合いとして、前記コンテンツ透明度と、前記ストローク背景透過度とを連続して設定可能であり、
前記視認度合いの設定を操作する操作部を表示する操作表示機能を更に実現し、
前記操作部は、前記コンテンツ透明度及び前記ストローク背景透過度を設定する操作をおこなう設定操作部であり、
前記設定操作部は、一直線上を移動するスライダであって、
前記一直線上のうち、一点から一端側にかけての領域は前記コンテンツ透明度を設定する領域であり、前記一点から他端側にかけての領域は前記ストローク背景透過度を設定する領域であることを特徴とすることを特徴とするプログラム。

【請求項7】

コンピュータに、
表示領域に、コンテンツと、当該コンテンツに重畳して描画されたストロークとを含む
オブジェクトを表示するオブジェクト表示機能と、
前記表示されたコンテンツの視認度合いを設定する視認度合い設定機能と、
を実現させるためのプログラムであって、
前記視認度合い設定機能は、
前記コンテンツの透明度であるコンテンツ透明度を設定するコンテンツ透明度設定機能と、
前記描画されたストロークの背景の透過度であるストローク背景透過度を設定するストローク背景透過度設定機能と、
を実現し、
前記視認度合い設定機能は、前記コンテンツの視認度合いとして、前記コンテンツ透明度と、前記ストローク背景透過度とを連続して設定可能であり、
前記視認度合いの設定を操作する操作部を表示する操作表示機能を更に実現し、
前記操作部は、前記コンテンツ透明度及び前記ストローク背景透過度を設定する操作をおこなう設定操作部であり、
前記設定操作部は、一直線上を移動するスライダであって、
前記一直線上のうち、一点から一端側にかけてスライダを移動することにより前記コンテンツが透明化し、前記一点から他端側にかけてスライダを移動することにより、前記ストロークの背景が白濁化することを特徴とするプログラム。

【発明の詳細な説明】

【技術分野】

【0001】

本発明は、表示装置等に関する。

【背景技術】

【0002】

従来から、文章ファイルや画像ファイルといったコンテンツをシート上に一又は複数表示可能な表示装置が知られている。そして、このコンテンツ上に、例えば電子ペンでストロークを手書き入力し、オブジェクト（シート）として表示可能な表示装置が知られている。このような表示装置を利用することで、例えば電子ホワイトボード（ＩＷＢ：Interactive Whiteboard）のような使用方法がよく行われている。

【0003】

この場合、オブジェクトには、背景となるコンテンツ（例えば、文書データ）と、ストローク（例えば、手書き）とが混在すると、これらが区別しづらく、見づらくなる場合があるという問題があった。

【0004】

この課題に関連して、例えば、特許文献１では、手書き入力中は既存のオブジェクトと重なる部分の背景を、この手書きを見易くする所定の背景(半透明の背景)に変更することが開示されている。

【先行技術文献】

【特許文献】

【0005】

【特許文献1】特開２０１３−１１４４３１号公報

【発明の概要】

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

【0006】

しかし、上述した特許文献１の動作は、手書き入力中に限られるため、背景が半透明の状態と、通常状態とが切り替わるために画面がちらついてしまい、却って画面が見づらくなってしまうという問題が生じていた。

【0007】

また、手書き入力中では無い、通常の状態ではコンテンツが半透明とならないために、手書き入力をしたストロークと、コンテンツとが混在してしまうという問題点は解決していなかった。また、手書き入力した部分だけが半透明になるだけで有り、利用者が手書きを目立たせたいといった場合に、任意に実行出来るものではなかった。

【0008】

利用場面としても、例えば、表示装置を電子ホワイトボードとして利用している場合に、地図上に行き方を手書きで書いた場合や、グラフや図の注目部分や、修正部分を目立たせたい場合等、手書き部分だけを強調して表示させたい場合がある。しかし、従来はそのような使い方は出来ず、特に表示されているコンテンツと、手書き入力したストロークの色が近いと、視認性は低下していた。

【0009】

上述した課題を解決するために、本発明は、オブジェクトに応じて簡易な方法で透明度や透過度を設定することで、利用者にとって利便性の高い表示装置等を提供することである。

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

【0010】

上述した課題を解決するために、本発明の表示装置は、
表示領域に、コンテンツと、当該コンテンツに重畳して描画されたストロークとを含むオブジェクトを表示するオブジェクト表示手段と、
前記表示されたコンテンツの視認度合いを設定する視認度合い設定手段と、
を備え、
前記視認度合い設定手段は、
前記コンテンツの透明度であるコンテンツ透明度を設定するコンテンツ透明度設定手段と、
前記描画されたストロークの背景の透過度であるストローク背景透過度を設定するストローク背景透過度設定手段と、
を有することを特徴とする。

【0011】

本発明の表示方法は、
表示領域に、コンテンツと、当該コンテンツに重畳して描画されたストロークとを含むオブジェクトを表示するオブジェクト表示ステップと、
前記表示されたコンテンツの視認度合いを設定する視認度合い設定ステップと、
を含むことを特徴とするコンテンツ表示方法であって、
前記視認度合い設定ステップは、
前記コンテンツの透明度であるコンテンツ透明度を設定するコンテンツ透明度設定ステップと、
前記描画されたストロークの背景の透過度であるストローク背景透過度を設定するストローク背景透過度設定ステップと、
を有することを特徴とする。

【0012】

本発明のプログラムは、コンピュータに、
表示領域に、コンテンツと、当該コンテンツに重畳して描画されたストロークとを含むオブジェクトを表示するオブジェクト表示機能と、
前記表示されたコンテンツの視認度合いを設定する視認度合い設定機能と、
を実現させるためのプログラムであって、
前記視認度合い設定機能は、
前記コンテンツの透明度であるコンテンツ透明度を設定するコンテンツ透明度設定機能と、
前記描画されたストロークの背景の透過度であるストローク背景透過度を設定するストローク背景透過度設定機能と、
を実現することを特徴とする。

【発明の効果】

【0013】

本発明の表示装置は、表示領域に、コンテンツと、当該コンテンツに重畳して描画されたストロークとを含むオブジェクトを表示し、表示されたコンテンツの視認度合いを設定する視認度合い設定する。この、視認度合い設定は、コンテンツの透明度であるコンテンツ透明度を設定することと、描画されたストロークの背景の透過度であるストローク背景透過度を設定することができる。すなわち、視認度合いとして、コンテンツ透明度と、ストローク背景透過度とを併せて設定することが可能となり、利用者が視認できるように、コンテンツ及びストロークの表示を柔軟に切り替えることができるようになる。

【図面の簡単な説明】

【0014】

【図1】本明細書における表示装置の外観を説明するための図である。

【図2】第１実施形態における機能構成を説明するための図である。

【図3】第１実施形態におけるオブジェクトのデータ構成の一例を説明するための図である。

【図4】第１実施形態における基本概念を説明するための図である。

【図5】第１実施形態におけるメインの動作を説明するための動作フローである。

【図6】第１実施形態における動作を模式的に説明するための図である。

【図7】第１実施形態における動作例を説明するための図である。

【図8】第１実施形態における動作例を説明するための図である。

【図9】第２実施形態における動作を模式的に説明するための図である。

【図10】第２実施形態におけるメインの動作を説明するための動作フローである。

【図11】第３実施形態におけるメインの動作を説明するための動作フローである。

【図12】第３実施形態における動作例を説明するための図である。

【図13】第４実施形態における動作例を説明するための図である。

【図14】第５実施形態における動作例を説明するための図である。

【図15】第６実施形態におけるメインの動作を説明するための動作フローである。

【図16】第６実施形態における動作を模式的に説明するための図である。

【図17】第６実施形態における動作例を説明するための図である。

【図18】第７実施形態におけるメインの動作を説明するための動作フローである。

【図19】第７実施形態における動作例を説明するための図である。

【図20】第８実施形態における機能構成を説明するための図である。

【図21】第８実施形態におけるオブジェクトのデータ構成の一例を説明するための図である。

【図22】第８実施形態におけるメインの動作を説明するための動作フローである。

【図23】第８実施形態における動作例を説明するための図である。

【図24】第９実施形態におけるメインの動作を説明するための動作フローである。

【図25】第９実施形態における動作例を説明するための図である。

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

【0015】

以下、図面を参照して本発明を実施するための一実施形態について説明する。なお、説明の都合上、実施形態としては、本発明の表示装置をタッチパネルと一体となった表示装置に適用した場合を例に説明するが、利用者の操作入力により、オブジェクトが描画・配置可能な表示装置であれば、何れの装置であっても適用可能なことは勿論である。

【0016】

［１．第１実施形態］
［１．１ 全体構成］
まず、本発明の表示装置を適用した表示装置１０の外観を図１に示す。表示装置１０は、例えば液晶ディスプレイといった表示装置であり、タッチ入力が可能なタッチパネルで構成されている。

【0017】

ここで、タッチパネルにより、タッチや、フリック、スライドといった利用者からの操作入力を受け付けることができる。この、タッチ等の検出方式としては、静電容量方式のようなタッチパネルであっても良いし、感圧式のタッチパネルであってもよい。すなわち、タッチ等、利用者の操作入力を適宜受け付けることが可能な装置であればよい。

【0018】

また、タッチする方法としては、利用者による指であっても良いし、ペンであっても良い。ペンの場合は、後述するが、例えばペンを識別出来る一意の識別情報（例えば、シリアル番号や、ＭＡＣアドレス等）を利用して、ペンの利用者を識別しても良い。

【0019】

また、表示装置１０としては種々の装置が考えられるが、大型の据置き型の表示装置であれば、例えば、電子黒板といった利用が考えられる。また、小型の可搬型の表示装置であれば、例えば、タブレット等の端末装置が考えられる。これ以外にも、例えばスマートフォン等の利用を考えても良い。それ以外にも、コンピュータや、カーナビゲーション、電子辞書といった種々の表示装置、情報処理装置に適用可能である。

【0020】

［１．２ 機能構成］
つづいて、本実施形態における表示装置１０の機能構成について図２を用いて説明する。図２に示すように、表示装置１０は、制御部１１０と、操作検出部１２０と、表示部１３０と、記憶部１４０とを備えて構成されている。

【0021】

制御部１１０は、表示装置１０の全体を制御するための機能部である。制御部１１０は、記憶部１４０に記憶されている各種プログラムを読み出して実行することにより各種機能を実現しており、例えばＣＰＵ（Central Processing Unit）等により構成されている。

【0022】

また、制御部１１０としては、例えば、タッチパネルとして構成されている場合は表示画面（操作検出部１２０）を介して描画・入力された画像等のオブジェクトの表示や、他の画像入力装置から入力された画像の表示を制御したりする。

【0023】

操作検出部１２０は、利用者からの操作を検出するための機能部である。例えば、表示部１３０と一体に構成されるタッチパネル等により構成されている。操作の検出方式としては、静電容量方式であったり、抵抗膜方式等の感圧式や、赤外線方式、電磁誘導方式であったりと何れの方法であっても良い。

【0024】

表示部１３０は、利用者に対して各種情報を表示したり、オブジェクトが描画・配置されたワークエリアを表示したりするための機能部である。例えば、液晶ディスプレイ（ＬＣＤ：liquid crystal display）や、有機ＥＬディスプレイ等により構成されている。

【0025】

記憶部１４０は、表示装置１０の動作に必要な各種プログラムや、各種データが記憶されている機能部である。記憶部１４０は、例えば、ＳＳＤ（Solid State Drive）等の半導体メモリや、ＨＤＤ（Hard Disk Drive）等の磁気ディスクにより構成されている。

【0026】

ここで、記憶部１４０には、オブジェクト記憶領域１４２が確保されており、表示・描画されるオブジェクトが記憶されている。

【0027】

オブジェクト記憶領域１４２に記憶されるオブジェクトの構成の一例について、図３及び図４を用いて説明する。図３は、オブジェクト記憶領域１４２において記憶されているデータ構成の一例を示す図であり、図４は、表示部１３０にオブジェクト（シート）が表示される状態を説明した図である。

【0028】

まず、図４に示すように、表示部１３０の表示領域にはオブジェクトを配置可能なワークエリアＬ１があり、その上に一又は複数のコンテンツＬ２を配置することが出来る。

【0029】

ワークエリアには、一又は複数のオブジェクトが表示可能である。利用者は、ワークエリア上に表示されたオブジェクトを移動、拡大、縮小、複製、削除等といった種々の操作を行うことが可能である。

【0030】

また、コンテンツとは、静止画ファイル（ＪＰＥＧや、ＧＩＦ，ＰＮＧ等）や、ドキュメントファイル（例えば、テキストファイルや、ワープロ・表計算・プレゼンテーションソフトといったドキュメントファイル、ＰＤＦファイル等）、動画ファイル（例えば、ａｖｉ形式や、ＭＰＧ形式の動画ファイル）を含むものである。すなわち、ワークエリアＬ１で配置・表示出来れば良い。また、音声ファイル等の表示出来ないファイルでも、例えばアイコン等を利用して表示することにより、コンテンツとして配置・表示することが可能である。

【0031】

コンテンツＬ２は、コンテンツレイヤに表示されても良い。そして、当該コンテンツの上に、ストロークを描画することが可能となる。

【0032】

ストロークＬ６は、例えば手書き入力（利用者の手、ペン、マウス等）によるストロークが記憶され、記憶されたストロークに従って描画される。このストロークは、コンテンツ
上に表示されるが、このとき予め配置されたストローク背景Ｌ４に描画されても良いし、ストロークが入力されてから、ストローク背景が挿入されても良い。

【0033】

ストローク背景Ｌ４は、ストロークが描画されるときに挿入される画像である。本実施形態において、このストローク背景の透過度（以下、ストローク背景透過度）を変えることにより、コンテンツＬ２の見え方が変化する。

【0034】

すなわち、ストローク背景が不透明（ストローク背景透過度０％）となると、ストロークＬ６だけが見えることになり、コンテンツＬ２は利用者からは視認出来ない状態となる。また、ストローク背景が透明（ストローク背景透過度１００％）となると、利用者はコンテンツＬ２を視認できるようになり、当該コンテンツＬ２にストロークＬ６が重畳して表示されることとなる。

【0035】

また、ストローク背景透過度をそれ以外、例えば３０％にした場合には、ストローク背景が半透過状態となった画像となる。これにより、結果としてコンテンツの見え方がかわり、ストロークＬ６が目立って表示される。

【0036】

すなわち、ワークエリア（デフォルトレイヤ）Ｌ１に配置されたコンテンツ（コンテンツレイヤ）Ｌ２の上に、ストローク背景Ｌ４（背景レイヤ）があり、更にストローク背景Ｌ４の上に、ストロークＬ６が描画される（ストロークＬ６が入力・描画されるレイヤを仮想的にストロークレイヤＬ８と表現している）。

【0037】

そして、この状態で、ストローク背景Ｌ４のストローク背景透過度を変更することにより、利用者にとってはコンテンツＬ２の明度が変化して見えることで、コンテンツＬ２を視認出来たり、出来なかったりする状態を切り替えることが可能となる。

【0038】

このように、オブジェクトは、コンテンツと、ストロークとを含んでいる。なお、オブジェクトは、コンテンツのみであっても良いし、ストロークのみであっても良い。通常、ストローク背景Ｌ４は、コンテンツＬ２と同じ大きさであるが、ストロークの大きさにより異なることとしても良い。

【0039】

そして、オブジェクト記憶領域１４２には、図３に示すように、配置・表示されるコンテンツ（例えば、「コンテンツＡ．ｊｐｇ」）と、当該ワークエリア上での位置を示す座標（例えば、「（１００，１００）−（５００，４００）」）と、コンテンツ上に描画・表示されるストロークのデータ（例えば、「ストロークデータＡ」）と、ストローク背景の透過率（例えば、「０％」）とが記憶されている。

【0040】

［１．３ 処理の流れ］
つづいて、第１実施形態における処理の流れについて、図５を用いて説明する。図５は、第１実施形態における第１メイン処理について説明する。

【0041】

まず、コンテンツをワークエリア上に配置するために、コンテンツ配置処理を実行する（ステップＳ１０２）。ここで、コンテンツ配置処理により、ワークエリア上にコンテンツが配置され、表示されることとなる。なお、説明の都合上、配置（表示）されたコンテンツが１つの例で説明するが、複数配置（表示）されても良い事は勿論である。

【0042】

また、配置（表示）されるコンテンツとしては、例えば記憶装置から読み出したコンテンツであっても良いし、撮像装置（不図示）により撮影された画像データ（静止画像／動画像）であってもよい。また、入力装置（不図示）により入力されたテキスト文字であってもよいし、通信手段により、他の装置や、サーバから受信されたコンテンツであってもよい。

【0043】

また、コンテンツを表示するとは、静止画像（ラスタデータ）を読み出して表示するのみならず、ベクトルデータ等の場合は描画することを含むものである。また、画像や、ドキュメントファイルによっては、サムネイルを生成して表示したり、アイコン等の識別表示を表示したりしてもよい。

【0044】

続いて、ストロークの描画処理を実行する（ステップＳ１０４）。ここで、ストローク描画とは、例えば手書き入力により、ストロークがコンテンツ上に描かれる場合や、予め記憶されているストロークデータを読み出して描画する場合を含むものとする。例えば、利用者がペンにより、コンテンツ上をなぞることで、なぞった軌跡に基づいたストロークが記憶される。併せて、記憶されたストローク（軌跡に沿ったストローク）に基づいて、線図や点等が描画される。

【0045】

続いて、視認性を設定する操作（例えば、本実施形態ではストローク背景透過度設定操作）があった場合には（ステップＳ１０６；Ｙｅｓ）、透過度設定を行う（ステップＳ１０８）。本実施形態においては、ストローク背景透過度に対する透過度を設定する処理である。

【0046】

ここで、ストローク背景透過度設定操作は、視認性設定領域（透過度設定領域）をオブジェクト毎に表示し、当該透過度設定領域において表示される設定手段により、設定されるものである。設定手段としては、数値入力であってあり、選択ボタンであったり、スライドバーであったりと、種々のＵＩを利用することが可能である。

【0047】

そして、設定されたストローク背景透過度に基づいて、ストローク背景の制御処理が行われる（ステップＳ１１０）。そして、処理が終了と指示されれば、本処理を終了し（ステップＳ１１２；Ｙｅｓ）、指示されなければステップＳ１０２から処理を繰り返し実行する。

【0048】

具体的には、設定されたストローク背景透過度になるように、ストローク背景の透過度を制御する。例えば、設定されたストローク背景透過度が「０％」であれば、白濁化されたストローク背景が、コンテンツに重畳して表示される状態となる。これにより、ストロークより下のレイヤで表示されるコンテンツは、利用者から視認出来ない状態となる。

【0049】

また、設定されたストローク背景透過度が「１００％」であれば、ストローク背景は透明となり、コンテンツが視認される状態となる。すなわち、利用者にとっては、コンテンツとストロークとが併せて視認できるようになる。

【0050】

また、それ以外のストローク背景透過度が設定された場合は、適宜ストローク背景の透過度を設定する。設定された透過度と、ストローク背景の透過度との関係については、数式により算出しても良いし、変換テーブルを持っていても良い。

【0051】

また、上述した実施形態では直接ストローク背景の透過度を設定しているが、利用者にとって解りやすいよう、例えば、コンテンツの視認度という指標の表現を利用しても良い。この場合は、視認度「０％」の場合が、ストロークとコンテンツとが視認可能となり（すなわちストローク背景透過度は「１００％」）、視認度「１００％」の場合が、コンテンツが非表示となり、ストロークのみが視認可能となる（すなわちストローク背景透過度は「０％」）。

【0052】

［１．４ 動作例］
図６を用いて、本実施形態の動作例について説明する。図６は、各レイヤの状態を模式的に説明するための図である。

【0053】

図６においては、左端であればコンテンツが表示される場合の設定状態であり、右端であればコンテンツが非表示となる場合の図である。また、上側がオブジェクトの各レイヤを分解することで模式的に説明するための図であり、下側が実際に表示されるオブジェクトの状態である。

【0054】

ここで、コンテンツ表示に設定した状態がＣ１０である。Ｃ１０は、ストローク背景透過度は「１００％」となり、コンテンツＬ１０が視認可能となっている。すなわち、コンテンツＬ１０に、ストロークＬ１４が重畳的に表示されている。

【0055】

つづいて、コンテンツの表示を真ん中にした状態がＣ１２である。Ｃ１２の場合、ストローク背景Ｌ１２のストローク背景透過度が「５０％」に引き上げられており、これにより、コンテンツは完全に表示されない訳では無いが、半透明に近い状態に表示されることとなる。

【0056】

つづいて、コンテンツ非表示に設定した状態がＣ１４である。Ｃ１４は、ストローク背景Ｌ１２のストローク背景透過度が「０％」になるため白濁化し、コンテンツは視認できなくなる。したがって、Ｃ１４の状態では、利用者は、ストロークＬ１４だけが視認可能となる。

【0057】

なお、ストローク背景透過度が「０％」の場合は、コンテンツが視認できない状態となればよいため、必ずしも白濁化（白）でなくてもよい。例えば、黒や青といった他の色であったり、ワークエリアと同じ色であったりしてもよい。

【0058】

また、ストローク背景透過度については、必ずしも「０％」〜「１００％」である必要は無く、最小値、最大値を設定できる構成としてもよい。例えば、最大値を「８０％」とすることにより、完全にコンテンツが表示されないといったことを防ぐことが可能となる。

【0059】

このように、本実施形態によれば、透過度の設定により、コンテンツの視認性を切り替えることが可能となる。コンテンツの視認性を切り替える為に、コンテンツの表示状態を切り替えているが、その方法としては、ストローク背景透過度を変更することにより、実現している。

【0060】

また、「コンテンツ表示」「コンテンツ非表示」として説明したが、例えばストロークの視認度（ストローク視認度）という観点から数値で設定しても良いことは勿論である。例えば、Ｃ１０の状態はコンテンツが完全に表示されており、コンテンツとストロークの見分けが難しくなることからストローク視認度は「０％」となる。また、Ｃ１４の状態はコンテンツが表示されていないことからストロークが完全に見える為、ストローク視認度は「１００％」となる。このように、ストローク視認度として利用者が設定可能に構成してもよい。この場合、スライダによりストローク視認度を変更可能な構成としてもよい。更にこの場合、図８で説明するように、スライダを動かすことにより、ストローク視認度（すなわちストローク背景透過度）をリアルタイムに変化させ、設定できることにしてもよい。

【0061】

なお、本明細書でいうスライダとは、一直線上（トラックバー／スライダバー）につまみであるスライダを表示し、当該スライダを移動することにより操作ができるものである。他のスクロールバー等の同様のインタフェースであれば実現できることは勿論である。

【0062】

ストローク視認度という場合の動作例について、図７を参照に説明する。図７は、具体的な表示画面Ｗ１００を例に説明する図である。表示画面Ｗ１００（ワークエリア）には、オブジェクトが表示されている。具体的には、コンテンツＣ１００が表示され、当該コンテンツＣ１００にストロークＣ１０２が重畳して表示されている。さらに、コンテンツＣ１００には、視認性設定領域として、ストローク視認度を設定するための視認性設定領域Ｍ１００が設けられている。

【0063】

図７（ａ）は、ストローク視認度が「０％」に設定されている場合の図である。したがって、コンテンツＣ１００は表示されており、コンテンツＣ１００に重畳してストロークＣ１０２が描画（表示）されている。すなわち、当該状態においては、ストローク背景透過度は「１００％」に設定されている。

【0064】

図７（ｂ）は、ストローク視認度を「５０％」にした状態の図である。コンテンツＣ１００が少し淡く表示されており、ストロークＣ１０２が目立つように表示されている。この場合、ストローク背景透過度は、「５０％」であっても良いし、ストローク視認度「５０％」に対応する透過度（例えば、ストローク背景透過度「３０％」）であっても良い。

【0065】

なお、通常はストローク視認度と、ストローク背景透過度は逆の関係（例えば、ストローク視認度が「０％」であれば、ストローク背景透過度は「１００％」）になるが、一致しない場合もある。それは、輝度等を考慮し、利用者が視認できる状態と、表示状態には差があるためである。単純に逆の関係としてもよいし、利用者の視認状態を考慮して設定してもよい。

【0066】

図７（ｃ）は、ストローク視認度を「１００％」にした状態の図である。この場合、コンテンツＣ１００は白くなり、コンテンツＣ１００は視認されないこととなる。すなわち、ストローク背景透過度を「０％」にすることで、ストローク背景が白濁化する。これにより、コンテンツＣ１００を利用者は視認することが出来なくなり、ストロークＣ１０２のみが視認可能に表示されることとなる。

【0067】

このように、本実施形態によれば、利用者による透過度（例えば、ストローク背景透過度）や視認度（例えばストローク視認度）の設定に応じて、コンテンツの表示状態（視認される状態）を変えることが可能となる。本実施形態では、コンテンツに重畳して設けられたストロークの背景透過度に応じて背景ストロークが白濁することで、コンテンツの表示状態を変えることが可能となる。

【0068】

なお、視認性設定領域Ｍ１００は、数値入力を例にして図７は説明したが、他の方法であっても良い。例えば、図８のように、スライダを移動することによって、ストローク背景透過度を変更（調整）しても良い。

【0069】

例えば、図８（ａ）においては、表示画面Ｗ１１０に、コンテンツＣ１００と、ストロークＣ１０２が表示されている。また、当該シートのストローク背景透過度を変えるためのスライダを設けたストローク背景透過度設定領域Ｍ１１０が設けられている。

【0070】

ストローク背景透過度設定領域Ｍ１１０のスライダを左右に移動すると、ストローク背景透過度が変化する。例えば、図８（ａ）のように、左端であれば「０％」と、図８（ｂ）のように、中央であれば「５０％」と、図８（ｃ）のように、右端であれば「１００％」とそれぞれ設定される。

【0071】

なお、スライダを操作することにより、連続的にストローク背景透過度を変更することができる。このとき、スライダに連動して、ストローク背景透過度を変更するようにしてもよいし、移動後にストローク背景透過度を変更することとしてもよい。また、スライダは図においては横向きに配置しているが、縦向きであっても良い。

【0072】

また、オブジェクトの表示とは別のメニュー表示、設定ウィンドウ等を表示させ、当該メニュー表示や設定ウィンドウでストローク背景透過度を変更できてもよい。

【0073】

［２．第２実施形態］
第２実施形態について説明する。第２実施形態は、視認性の設定をする上で、ストローク背景を利用せずにコンテンツ自体を透明化させることにより、コンテンツの視認性を変化させる実施形態である。なお、本実施形態では、第１実施形態と異なる点を中心に説明する。

【0074】

図９は、左側から、コンテンツの視認性として、コンテンツ透明度の設定を「０％」〜「１００％」に変化する場合について説明するための模式図である。また、上側がオブジェクトの各レイヤを分解することで模式的に説明するための図であり、下側が実際に表示されるオブジェクトの状態である。

【0075】

なお、ここで「コンテンツ透明度」とは、コンテンツの視認性を変化させるためのパラメータであり、例えばコンテンツの透過率（透明度）を設定することにより、コンテンツの視認度を変化させるためのものである。

【0076】

第１実施形態と異なり、本実施形態では、オブジェクトはコンテンツＬ２０と、ストロークＬ２４とを有している。すなわち、第１実施形態と異なる点はストローク背景が存在しない点である。

【0077】

ここで、Ｃ２０においては、コンテンツ透明度「０％」であることから、コンテンツＬ２０が視認可能に表示されている。すなわち、コンテンツＬ２０に、ストロークＬ２４が重畳的に表示されている。

【0078】

つづいて、コンテンツ透明度を５０％に引き上げた状態がＣ２２である。Ｃ２２は、コンテンツＬ２０を透明化して表示する。これにより、コンテンツＬ２０は、薄く表示されることとなる。なお、明度又は輝度を明るくすることにより、コンテンツを薄く表示させてもよい。

【0079】

したがって、コンテンツは完全に表示されない訳では無いが、半透明に近い状態に表示される。

【0080】

つづいて、コンテンツ透明度を「１００％」にした状態がＣ２４である。Ｃ２４は、コンテンツＬ２０が非表示となり、コンテンツを利用者は視認できない。したがって、Ｃ２４としては、コンテンツが視認可能に表示されず、ストロークＬ２４のみが表示されることとなる。

【0081】

なお、本実施形態においては、コンテンツを透明にすることとして説明するが、コンテンツを白濁化することにより、表示上コンテンツが視認出来ない状態としてもよい。この場合、例えば白濁化であればＣ２４の状態ではコンテンツは白く表示されるが、他の表示色で表示させることもできる。この色は、ユーザが任意の色に設定できても良いし、コンテンツレイヤの初期色としてもよい。また、コンテンツが配置されるワークエリアと同じ色であっても良い。

【0082】

本実施形態における処理の流れを、図１０に示す。図１０は、第１実施形態で説明した第１メイン処理（図５）のうち、ステップＳ１０６〜ステップＳ１１０を、ステップＳ１２０〜ステップＳ１２４に置き換えた図である。

【0083】

第１実施形態では、コンテンツの視認性を設定するのに、ストローク背景透過度に基づいてストローク背景が制御されることとして説明したが、本実施形態では、コンテンツの透明度に基づいて、コンテンツの視認性制御処理が実行される。具体的には、視認性設定操作があれば、すなわちコンテンツ透明度の設定操作があれば（ステップＳ１２０；Ｙｅｓ）、透明度の設定操作に応じて、コンテンツ透明度が設定される（ステップＳ１２２）。そして、設定された透明度に応じて、例えば、コンテンツの輝度や、明度を調整することにより、コンテンツ透明度を制御する処理を実行する。

【0084】

このように、本実施形態によれば、コンテンツ透明度を制御するときに、コンテンツ自体の輝度や明度を調整することにより、実現することが出来る。

【0085】

［３．第３実施形態］
第３実施形態について説明する。上述した実施形態では、コンテンツに重畳して表示されるのはストロークを例に説明したが、ストローク以外のデータ、例えばテキストデータや、ベクトルデータといった他のコンテンツであっても良い。なお、本実施形態における機能構成及び処理フローは、第２実施形態と原則同じであるため、相違する点を中心に説明する。

【0086】

図１１は、本実施形態における処理の流れを説明する為の動作フローである。図１０の処理の流れの図を、図１１に置き換えたものである。ここで、ストローク描画処理の代わりに、描画コンテンツ表示処理（ステップＳ１３０）を実行している。

【0087】

この描画コンテンツは、テキストデータやベクトルデータ、他の画像ファイルといったコンテンツである。なお、説明の都合上、第２実施形態のストロークとは別に説明しているが、除外しているものではない。また、テキストデータは、文字、数字、記号を含むものである。

【0088】

図１２は、具体的な表示画面Ｗ１３０を例に説明する図である。表示画面Ｗ１３０（ワークエリア）には、コンテンツＣ１３０が表示されている。また、コンテンツＣ１３０には、描画コンテンツとして、テキストＣ１３２が表示されている。さらに、コンテンツＣ１３０には、コンテンツ透明度を設定するためのコンテンツ透明度設定領域Ｍ１３０が設けられている。コンテンツ透明度設定領域Ｍ１３０には、透明度設定手段の一例としてスライダが表示されている。

【0089】

図１２（ａ）は、コンテンツ透明度が「０％」に設定されている場合の図である。したがって、コンテンツＣ１３０は表示されており、コンテンツＣ１３０に重畳してテキストＣ１３２が表示されている。

【0090】

図１２（ｂ）は、コンテンツ透明度を「５０％」にした状態の図である。コンテンツＣ１３０が少し淡く表示されており、テキストＣ１３２が目立つように表示されている。

【0091】

図１２（ｃ）は、コンテンツ透明度を「１００％」にした状態の図である。この場合、コンテンツＣ１３０はワークエリアＷ１３０が透けている状態で表示され、コンテンツＣ１３０は視認出来ない状態となる。したがって、利用者は、テキストＣ１３２のみを視認することができる。

【0092】

このように、本実施形態によれば、ストローク以外にも、テキスト等といった他のコンテンツであっても、同様に処理を行うことが可能となる。

【0093】

［４．第４実施形態］
第４実施形態について説明する。第４実施形態は、視認性の設定した場合の影響範囲を、オブジェクト毎ではなく、ワークエリア全体に対して適用される場合について説明する。なお、本実施形態における機能構成及び処理フローは、第２実施形態（又は第１実施形態）と原則同じであるため、相違する点を中心に説明する。

【0094】

本実施形態を適用した場合の動作例を図１３に示す。図１３の表示画面Ｗ１４０には、コンテンツＣ１４０に、ストロークＣ１４２が描画されている。ここで、ワークエリアの下部に対して、視認性設定領域Ｍ１４０が設けられており、視認性設定手段としてスライダが表示されている。

【0095】

図１３に示すように、視認性設定領域Ｍ１４０は、ワークエリアに１つだけ表示される。そして、当該視認性設定領域Ｍ１４０に視認性設定手段（スライダ）を操作することにより、ワークエリアに表示されているオブジェクトのコンテンツの視認度を制御することが可能となる。

【0096】

なお、この場合にワークエリアに配置されるオブジェクト総てに対して視認度を制御することで視認性を変化させることができることとしても良いし、ワークエリアの中から選択されたオブジェクトに対して制御できることとしても良い。

【0097】

また、他の条件にしたがって制御出来ることとしてもよい。例えば、コンテンツの種類に応じて視認度の制御できたり、ストロークが含まれている（ストロークが表示されている）か否かによって制御できたりしても良い。

【0098】

［５．第５実施形態］
第５実施形態について説明する。第５実施形態は、視認性を設定する領域を設けずに、利用者による操作によりストロークやコンテンツの視認性を変化させる実施形態である。なお、本実施形態における機能構成及び処理フローは、第１実施形態と原則同じであるため、相違する点を中心に説明する。

【0099】

すなわち、図５のステップＳ１０６及びＳ１０８において、透過度設定操作を行い、ストローク背景透過度を設定する場合に、利用者の操作を検出してストローク背景透過度が設定されることとなる。例えば、本実施形態の一例として図１４の表示画面Ｗ１５０に基づいて説明する。

【0100】

ここで、表示画面Ｗ１５０には、コンテンツＣ１５０が表示されている。利用者は、コンテンツＣ１５０の上を例えば２本指で、スワイプ操作することにより、ストローク背景透過度の設定を変更することが可能となる。例えば、Ｐ１方向にスワイプ操作するとストローク背景透過度を高くし、反対方向にスワイプ操作すると、ストローク背景透過度を低くするといった処理を行っても良い。

【0101】

また、このとき、表示画面に現在のストローク背景透過度を表示してもよい。表示されるストローク背景透過度は、操作中（又は操作後）だけ表示されても良いし、常時表示されていても良い。

【0102】

このように、本実施形態によれば、透過度設定領域を設けることなく、ストローク背景透過度を変更し、表示態様を切り替えることが可能となる。なお、ストローク背景透過度ではなく、コンテンツ透明度の設定を行えるようにしてもよい。また、上述した実施形態と組み合わせ、例えば透明度設定領域が表示されている状態であっても、同様の操作で透明度の設定を行ってもよいことは勿論である。

【0103】

［６．第６実施形態］
第６実施形態について説明する。第６実施形態は、ストロークやコンテンツの視認性の設定を変化させる場合に、複数のパラメータを同じ操作（連続した操作）で行うことができる実施形態である。本実施形態では、視認性の設定として、視認度合いを変更することができる。視認度合いは、コンテンツ透明度（コンテンツの透明度）と、ストローク背景透過度（ストロークの背景透過度）とにより決定され、この２つのパラメータを、同じ操作で変更可能にする。なお、本実施形態における機能構成及び処理フローは、上述した実施形態と原則同じであるため、相違する点を中心に説明する。

【0104】

本実施形態では、第１実施形態における図５の第１メイン処理、第２実施形態における図１０の第２メイン処理を、図１５の第４メイン処理に置き換えた処理を実行する。

【0105】

ここで、視認性設定操作を行うことにより、視認度合いが設定される。視認度合いとは、利用者がコンテンツ・ストロークを視認するときに影響するものであり、操作によってストローク背景透過度を制御するのか、コンテンツ透明度を制御するのかが選択して実行される。

【0106】

例えば、視認性設定操作により、ストローク背景の制御をする場合は、第１実施形態と同様に、ストローク背景透過度を変化させる。これにより、ストロークのみが視認可能なように表示される（ステップＳ１２０；Ｙｅｓ→ステップＳ２０２→ステップＳ２０４；Ｙｅｓ→ステップＳ１１０）。この場合、コンテンツの前に表示されるストローク背景が白濁化することから、ストロークは白地の上に描画・表示されることとなる。すなわち、利用者にとってコンテンツが視認できないのに併せて、更にコンテンツの背景にある他のコンテンツや、ワークエリアについても視認できない状態となる。

【0107】

それに対して、視認性設定操作により、コンテンツを透明化する処理をする場合には、コンテンツ自体を透明化する処理を実行する。すなわち、視認度合いによっては、コンテンツ透明度が設定されることになる。この設定されたコンテンツ透明度に基づいてコンテンツ制御処理が実行される（ステップＳ１２０；Ｙｅｓ→ステップＳ２０２→ステップＳ２０４；Ｎｏ→ステップＳ２０６）。

【0108】

これにより、例えばコンテンツ透明度が「１００％」になれば、コンテンツの表示が透明となる。これにより、コンテンツの背後にあるワークエリアや、コンテンツの下に表示されている他のコンテンツが表示されることとなる。

【0109】

図１６は、本実施形態におけるコンテンツ及びストロークの視認度合いが変化する場合について、各レイヤの状態を模式的に説明するための図である。中央から左側にかけての領域（Ｃ３０からＣ３２にかけての領域）は、コンテンツ透明度を制御可能な領域であり、左端で「コンテンツ透明」の状態となる。また、中央から右側にかけての領域は、ストローク背景透過度を制御可能な領域であり、右端でストローク背景の透過度が「０％」となる。また、上側がオブジェクトの各レイヤを分解することで模式的に説明するための図であり、下側が実際に表示されるオブジェクトの状態である。

【0110】

ここで、Ｃ３２においては、ほぼ中央であり、コンテンツ透明度「０％」、ストローク背景透過度は「１００％」である。したがって、コンテンツＬ３０が明確に表示され、ストロークＬ３４が重畳的に表示されている。すなわち、ストローク背景Ｌ３２のストローク背景透過度が「１００％」であるため、コンテンツＬ３０と、ストロークＬ３４とが視認可能なように表示されている。

【0111】

つづいて、ストローク背景透過度を「０％」にした状態がＣ３４である。Ｃ３４は、ストローク背景Ｌ３２のストローク背景透過度が「０％」になっており、白濁化され、白く表示される。この白濁したストローク背景Ｌ３２が、コンテンツＬ３０の前に表示されることにより、コンテンツは視認できない状態となる。したがって、Ｃ３４としては、ストロークＬ３４が白地に表示されることとなる。

【0112】

なお、Ｃ３４において、通常はＣ３２と同じコンテンツ透明度となっており、本図では「０％」である。ここで、ストローク背景透過度が「０％」の場合、ストローク背景が白濁化することによりコンテンツはいずれにしても視認できないため、「０％」以外の値であってもよい。例えば、コンテンツ透明度が「１０％」が最小値（図１６のＣ３２においてコンテンツ透明度が「１０％」）の場合は、Ｃ３４までの間も同じコンテンツ透明度である「１０％」となる。

【0113】

次に、「コンテンツ透明」とした状態がＣ３０である。Ｃ３０は、ストローク背景Ｌ３２のストローク背景透過度は「１００％」であり、コンテンツＬ３０のコンテンツ透明度も「１００％」となっている。すなわち、コンテンツＬ３０は透明となっているために視認できず、ストロークＬ３４と、コンテンツＬ３０の背景（例えば、ワークエリア）が表示される。

【0114】

一例として、具体的な表示画面Ｗ１６０を図１７に基づいて説明する図である。表示画面Ｗ１６０（ワークエリア）には、コンテンツＣ１６０が表示されている。また、コンテンツＣ１６０には、ストロークＣ１６２が重畳して表示されている。さらに、コンテンツＣ１６０には、視認度合いを設定するために、視認度合い設定手段が表示される視認度合い設定領域Ｍ１６０が設けられている。

【0115】

図１７（ａ）は、表示状態として、スライダが中央に位置している場合の実施形態である。この場合、コンテンツ透明度が「０％」、ストローク背景透過度は「１００％」に設定されている。視認度合い設定領域Ｍ１６０に表示された視認度合い設定手段であるスライダは、真ん中に表示されている。この場合、コンテンツＣ１６０は視認可能に表示されており、コンテンツＣ１６０に重畳してストロークＣ１６２が描画（表示）されている。この場合、利用者はコンテンツＣ１６０と、ストロークＣ１６２とを視認することが可能となる。

【0116】

図１７（ａ）の状態から、スライダを右端に移動したのが図１７（ｂ）である。この場合、視認度合いとしてはストローク背景透過度の設定となり、本図ではストローク背景透過度が「０％」になっている。したがって、コンテンツＣ１６０は視認することができない状態となる。ストローク背景透過度が「０％」となり、白濁化することで、コンテンツＣ１６０を利用者が視認できず、ストロークＣ１６２のみが視認可能となっている。また、ストローク背景が白濁化していることから、もともとコンテンツが表示されていた枠内は、白く表示されてもよい。

【0117】

また、スライダを左端に移動したのが図１７（ｃ）である。この場合、視認度合いとしてはコンテンツ透明度の設定となり、本図ではコンテンツの透明度が「１００％」になっている。したがって、コンテンツＣ１６０は透明になり、利用者は視認することができない。本図では、ストローク背景透過度「１００％」、コンテンツＣ１６０の透明度「１００％」となっており、コンテンツの背景にある他のオブジェクトや、ワークエリアがそのまま表示され、そのコンテンツがあった枠に表示されたシートの上にストロークが表示される。なお、コンテンツの枠については表示されてもよいし、表示されなくてもよい。

【0118】

このように、本実施形態によれば、視認性を設定するとき、視認度合いを設定すれば、コンテンツ透明度と、ストローク背景透過度とを同じ操作で変更することが可能となる。これにより、ストロークについてのみ視認させるといったことが可能となり、また、コンテンツについても視認できるように表示したり、非表示にしたりすることが可能となる。また、表示されない場合にも、単純に白濁化した状態となるのか、コンテンツ自体が透明となり、コンテンツの下のワークエリアやコンテンツを表示したりすることも可能となる。

【0119】

なお、本実施形態においては、一つの操作手段を用いてコンテンツ透明度、ストローク背景透過度のいずれかを制御する方法を記載したが、コンテンツ透明度、ストローク背景透過度のいずれを制御するかをあらかじめ設定したり、コンテンツ種類や状況によって確定したりしてもよい。

【0120】

すなわち、本実施形態においては一つの操作手段を用いて異なるパラメータを操作できることが重要である。したがって、操作によってどのパラメータを変化させてもよいし、併せて２つを変化させることとしてもよい。

【0121】

例えば、図１６においてストローク背景透過度と、コンテンツ透明度とを入れ替えて設定してもよいし、２つが同じように動作してもよい。また、中央付近は２つのパラメータの設定を変えられるということとしても良い。

【0122】

例えば、ストローク背景透過度「１００％」と「コンテンツ透明度０％」とを対応させているが、ストローク背景透過度「１００％」のとき、「コンテンツ透過度２０％」と対応させてもよい。この場合、ストローク背景透過度「１００％〜８０％」の間は、コンテンツ透過度も「２０％〜０％」と併せて設定されることとなる。

【0123】

［７．第７実施形態］
第７実施形態について説明する。第７実施形態は、視認性の設定として、ストローク自体を透過する場合の実施形態である。なお、本実施形態における機能構成及び処理フローは、第１実施形態、第６実施形態と原則同じであるため、相違する点を中心に説明する。

【0124】

本実施形態では、第６実施形態における図１５の第４メイン処理を、図１８の第５メイン処理に置き換えた処理を実行する。

【0125】

すなわち、視認性設定の操作において、視認度合いを設定するが、この場合上述した実施形態と同様に制御対象がストローク背景の場合（ステップＳ２０４；Ｙｅｓ）、ストローク背景透過度に基づいてストローク背景の処理を制御する（ステップＳ１２０；Ｙｅｓ→ステップＳ２０２→ステップＳ２０４；Ｙｅｓ→ステップＳ１１０）。

【0126】

しかし、視認度合いとして、ストローク自体を制御する操作がなされた場合（ステップＳ２０４；Ｎｏ）、設定されたストロークの透過度（ストローク透過度）に基づいてストロークで描画される図形についての制御処理を実行する（ステップＳ２５２）。これにより、ストロークについては、ストローク透過度が「０％」であれば視認可能に表示されるが、ストローク透過度が「１００％」となれば利用者は視認出来ない状態（非表示）となる。

【0127】

図１９は、本実施形態が適用された場合の表示画面Ｗ１７０の一例である。表示画面Ｗ１７０には、オブジェクトとしてコンテンツＣ１７０が表示されている。そして、コンテンツＣ１７０の下部には、視認度合い設定領域Ｍ１７０が設けられている。

【0128】

ここで、視認度合い設定領域Ｍ１７０に表示されているスライダを操作することで、コンテンツの表示（ストローク背景等）を制御することが可能となる。更に本実施形態では、視認度合い設定領域Ｍ１７０に、チェックボックスを利用したストローク選択マークＭ１７２が設けられている。このストローク選択マークＭ１７２が選択されることにより、ストロークに対する制御処理（透過処理）が実行される。なお、ストローク選択マークＭ１７２は、一例としてチェックボックスとしているが、単なる選択アイコンや、ラジオボタン、プルダウンによるメニュー表示といった他のＵＩであってもよい。

【0129】

例えば、図１９の表示画面Ｗ１７０では、ストローク選択マークＭ１７２が選択され、スライドバーがもっとも右に設定されている。この場合、ストローク透過度は「１００％」となり、ストロークは視認出来ない状態（すなわち、非表示状態）となる。

【0130】

このように、本実施形態によれば、コンテンツだけでなく、ストローク自体に対しても視認度合いの設定として透過処理を行い、視認可能か否か、表示／非表示を切り替えることが可能となる。

【0131】

［８．第８実施形態］
第８実施形態について説明する。第８実施形態は、入力した識別情報を参照して、視認度合いを変更する実施形態である。なお、本実施形態における機能構成及び処理フローは、第１実施形態、第２実施形態と原則同じであるため、相違する点を中心に説明する。

【0132】

図２０は、第１実施形態の図２において説明した機能構成図を置き換えたものである。図２の機能構成図に、識別ＩＤ取得部１５０が加わった構成である。

【0133】

識別ＩＤ取得部１５０は、利用者を識別するための識別ＩＤを取得する為の機能部である。例えば、入力する操作ペンから出力される識別ＩＤ（識別信号）により、ストローク入力（手書き入力）した利用者を識別することが可能である。

【0134】

例えば、本実施形態におけるオブジェクト記憶領域１４２に記憶されるオブジェクトのデータの構成の一例を図２１に示す。ここで、オブジェクトに、識別ＩＤを紐付けて記憶する。すなわち、コンテンツや、ストロークに対して識別ＩＤを付加して記憶することにより、コンテンツやストロークを識別ＩＤ毎（利用者毎）に特定することが可能となる。

【0135】

図２２は、第２実施形態で説明した図１０の第２メイン処理を置き換えた第６メイン処理である。視認性設定操作があった場合（ステップＳ１２０；Ｙｅｓ）、操作ペンから出力される識別ＩＤを取得する（ステップＳ３０２）。

【0136】

ここで、識別ＩＤを取得する方法としては、例えば視認性設定操作を行ったペンの識別ＩＤを取得しても良いし、利用者が任意に選択したものを取得しても良い。そして、視認性設定操作により、視認度合いを変更することにより、ストローク背景に対する処理である場合には、識別ＩＤと、透過度（ストローク背景透過度）に基づいてストローク背景の制御処理を実行する（ステップＳ２０２→ステップＳ２０４；Ｙｅｓ→ステップＳ３０４）。

【0137】

また、視認度合いを変更することにより、当該処理がコンテンツ透明度を変更する処理である場合には、コンテンツ透明度に基づいてコンテンツ制御処理を実行する（ステップＳ２０２→ステップＳ２０４；Ｎｏ→ステップＳ２０６）。

【0138】

図２３は、本実施形態における動作を説明するための表示画面Ｗ１８０の一例である。図２３（ａ）の表示画面Ｗ１８０には、コンテンツＣ１８０に、ストロークＣ１８２と、ストロークＣ１８４とが表示されている。

【0139】

ここで、ストロークＣ１８２は、識別ＩＤが「００１」であり、ストロークＣ１８４は、識別ＩＤが「００２」である。すなわち、ストロークＣ１８２と、ストロークＣ１８４とは、描画した利用者が異なる。

【0140】

ここで、識別ＩＤ「００１」の利用者が、視認度合い設定領域Ｍ１８０にある視認度合い設定手段であるスライダを操作した場合が、図２３（ｂ）である。スライダを操作し、右端にスライダを移動させると、ストロークＣ１８２に対応するストローク背景透過度が「０％」となり、ストローク背景が白濁する。これにより、ストロークＣ１８２のみが表示される（利用者が視認出来る状態となる）。すなわち、コンテンツＣ１８０と、ストロークＣ１８４とは表示されない（利用者が視認出来ない状態となる）こととなる。

【0141】

なお、識別ＩＤ「００１」の利用者であることを取得する方法としては、利用者がメニューから選択されたものを取得しても良い。また、図２３（ｂ）に示すように、スライドバーを操作したペンＰＮ２の識別ＩＤ「００１」を検出し、検出された識別ＩＤを取得された識別ＩＤとしても良い。

【0142】

同様に、識別ＩＤ「００２」の利用者が、視認度合い設定領域Ｍ１８０にある視認度合い設定手段であるスライダを操作した場合が、図２３（ｃ）である。スライダを操作し、右端にスライダを移動させると、ストロークＣ１８４に対応するストローク背景透過度が「０％」となり、ストローク背景が白濁する。これにより、ストロークＣ１８４のみが表示される（利用者が視認出来る状態となる）。すなわち、コンテンツＣ１８０と、ストロークＣ１８２とは表示されない（利用者が視認出来ない状態となる）こととなる。

【0143】

なお、識別ＩＤに対応するストロークを利用者が視認できるようにするために、上述した方法を実現する方法としては、例えば、レイヤの順序を適宜入れ替える。具体的には、識別ＩＤに対応するストローク及びストローク背景が一番前面になるように、再描画を行う。これにより、利用者が所望するストロークが視認されるようになる。それ以外にも、例えば、現在対象となっているストローク以外を画像化して、別レイヤに表示するといった方法でも良い。

【0144】

なお、上述した処理では、視認性設定操作（視認度合い設定操作）があってから、識別ＩＤを取得しているが、先に識別ＩＤを取得してもよいことは勿論である。すなわち、ステップＳ１２０の前にステップＳ３０２を実行しても良い。また、視認性設定操作と併せて識別ＩＤを取得しても良い。

【0145】

このように、本実施形態によれば、識別ＩＤを利用することにより、視認可能となるストロークと、視認できない（非表示となる）ストロークとを、操作ペン毎に選択することが可能となる。

【0146】

なお、利用者の識別方法として操作ペンの識別ＩＤを利用したが、他の方法を利用しても良い。例えば、利用者が任意の識別情報を選択したり、タッチボタンにより選択したりするといった方法であっても良い。また、複数の操作ペンがある場合に、特定の操作ペンだけが上述した方法を利用出来ることとしてもよい。

【0147】

［９．第９実施形態］
第９実施形態について説明する。第９実施形態は、オブジェクト全体に対して、利用者毎の処理を行うことが出来る実施形態である。なお、本実施形態における機能構成及び処理フローは、第８実施形態と原則同じであるため、相違する点を中心に説明する。

【0148】

本実施形態の処理は、第８実施形態の図２２で示した第６メイン処理を、図２４で示す第７メイン処理に置き換えたものである。ここで、第６メイン処理との相違は、ステップＳ２０６の代わりに、ステップＳ３１２を実行することである。

【0149】

すなわち、第８実施形態に加えて、コンテンツに対しても同様の処理を実行してもよい。コンテンツ制御処理を行い、コンテンツを透明化する場合にも、コンテンツ透明度と識別ＩＤとに基づいてコンテンツ制御処理を実行する（ステップＳ３１２）。なお、コンテンツ制御処理は、ワークエリアに配置されているオブジェクト全体に対して行っても良い。

【0150】

図２５は、本実施形態における動作を説明するための表示画面Ｗ１９０の一例である。図２５（ａ）の表示画面Ｗ１９０には、オブジェクトＣ１９０と、オブジェクトＣ１９２とが表示されている。それぞれの、オブジェクトには、コンテンツと、ストロークとが重畳して表示されている。また、オブジェクトＣ１９０は、識別ＩＤ００１の利用者が、オブジェクトＣ１９２は、識別ＩＤ００２の利用者がそれぞれ配置したものである。

【0151】

また、表示画面Ｗ１９０には、視認度合い設定領域Ｍ１９０が表示されている。視認度合い設定領域Ｍ１９０に表示された視認度合い設定手段であるスライダを操作することにより、視認度合いとしてストローク背景透過度またはコンテンツ透明度を制御することができる。

【0152】

ここで、図２５（ｂ）は、ペンＰＮ２でスライダを右端に移動させた図である。ペンＰＮ２には、識別ＩＤ「００１」が割り当てられている。したがって、オブジェクトＣ１９０に対して、ストローク背景透過度が「０％」となると、ストローク背景が白濁し、白地にストロークが表示されている。

【0153】

また、図２５（ｃ）は、ペンＰＮ４でスライダを左端に移動させた図である。ペンＰＮ４には、識別「ＩＤ００２」が割り当てられている。したがって、オブジェクトＣ１９２に対して、コンテンツが透明化される（コンテンツ透明度が「１００％」になる）ことにより、オブジェクトにストロークが表示されている。

【0154】

このように、本実施形態によれば、オブジェクトに対して識別ＩＤを利用することにより、必要なオブジェクトにだけ、一括の視認度合いの変更処理を行うことが可能となる。

【0155】

［１０．第１０実施形態］
第１０実施形態について説明する。第１０実施形態は、上述した実施形態において設定した視認度合いや、オブジェクトの配置等を配置するときに、設定された視認度合い（例えば、ストローク背景透過度、コンテンツ透明度）に基づいて再度コンテンツの表示を行う実施形態である。

【0156】

具体的には、オブジェクト記憶領域１４２に記憶された情報を、別の保存領域に保存を行う。この保存領域に保存されるオブジェクトに関する情報は、図３に示される情報である。

【0157】

ここで、保存されたオブジェクトに関する情報が、再度読み出されることにより、以前配置された、オブジェクトの位置、ストローク背景透過度、コンテンツ透明度が再現される。すなわち、制御部１１０は、オブジェクトに関する情報に基づき、コンテンツを位置に基づいてワークエリアに配置する。また、配置した後、ストロークデータに基づいてストロークを描画する。そして、ストローク背景透過度や、コンテンツ透明度を読み出し上述した処理と同様の処理を実行することにより、ワークエリアに配置されたオブジェクトの状態を再現することが可能となる。

【0158】

［１１．変形例］
以上、この発明の実施形態について図面を参照して詳述してきたが、具体的な構成はこの実施形態に限られるものではなく、この発明の要旨を逸脱しない範囲の設計等も特許請求の範囲に含まれる。

【0159】

また、上述した実施形態では、操作検出部としてタッチパネルとし、タッチ操作（タップ操作）を例に説明したが、例えばマウス等の外部入力装置で、クリック操作等により操作が行われてもよい。

【0160】

また、上述した実施形態では、表示部１３０と、操作検出部１２０とが一体となっているタッチパネルを例として説明したが、本実施形態に開示した発明を実施するためには、他の方式であっても良い事は勿論である。例えば、表示部１３０としてプロジェクタを利用し、操作検出部１２０として人感センサを利用しても良い。そして、操作検出部１２０、表示部１３０に制御用のコンピュータを接続することにより、表示システムとして実現されても良い。

【0161】

また、上述した実施形態は、説明の都合上、それぞれ別に説明している部分があるが、技術的に可能な範囲で組み合わせて実行しても良いことは勿論である。例えば、第５実施形態の操作を、他の実施形態と組み合わせて実行しても良い。また、第１実施形態、第２実施形態についても、コンテンツを透過する制御を行う方法の説明であるため、他の実施形態と組み合わせて実行しても良い。

【0162】

このように、本明細書に記載した各実施形態は、矛盾の無い範囲で組み合わせて実行することができる。

【0163】

また、実施形態において各装置で動作するプログラムは、上述した実施形態の機能を実現するように、ＣＰＵ等を制御するプログラム（コンピュータを機能させるプログラム）である。そして、これら装置で取り扱われる情報は、その処理時に一時的に一時記憶装置（例えば、ＲＡＭ）に蓄積され、その後、各種ＲＯＭやＨＤＤ、ＳＳＤの記憶装置に格納され、必要に応じてＣＰＵによって読み出し、修正・書き込みが行なわれる。

【0164】

また、市場に流通させる場合には、可搬型の記録媒体にプログラムを格納して流通させたり、インターネット等のネットワークを介して接続されたサーバコンピュータに転送したりすることができる。この場合、サーバコンピュータの記憶装置も本発明に含まれるのは勿論である。

【符号の説明】

【0165】

１０ 表示装置
１１０ 制御部
１２０ 操作検出部
１３０ 表示部
１４０ 記憶部
１４２ オブジェクト記憶領域

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】

【図11】

【図12】

【図13】

【図14】

【図15】

【図16】

【図17】

【図18】

【図19】

【図20】

【図21】

【図22】

【図23】

【図24】

【図25】