JP5661835B2 - 端末装置、表示処理方法及び表示処理プログラム - Google Patents

Description

本発明は、端末装置、表示処理方法及び表示処理プログラムに関する。

近年、スマートフォンやタブレット型ＰＣ（Personal Computer）等の携帯型の端末装置の普及率が飛躍的に伸びている。また、このような端末装置の画面上において、例えば、端末装置の傾きに応じて３次元空間の光源座標を回転させることにより、影の表示状態の変化や、光反射の表示状態等を表現する手法が知られている（例えば、特許文献１参照）。また、端末装置の画面上において、例えば、物体の特殊表面加工による反射の変化を、端末装置本体の傾きに応じて変化するよう擬似再現する画像表示技術が知られている。

例えば、物体の特殊表面加工による反射の変化を擬似再現する手法として、例えば、端末装置本体の傾きにそれぞれ対応する画像データを１枚１枚予め用意しておき、端末装置の傾きに応じて、複数の画像データのなかから傾き角度に対応する画像データを一つ選択し、選択した画像データを表示する手法が知られている。また、物体の特殊表面加工による反射の変化を擬似再現する手法として、端末装置の傾きが変化するたびに、傾きパラメータに基づく演算によって毎回画像データをグラフィック処理で描画する手法が知られている。

特開２００３−３２５９７４号公報

しかしながら、上記した従来の技術では、物体の特殊表面加工による反射の変化を擬似再現する処理において、画像データの切り替えを容易に行うことができないという課題があった。

つまり、上記した端末装置の傾きごとの画像データを予め用意しておき、端末装置の傾きに応じて、傾き角度に対応する画像を表示する手法では、端末装置の傾きに対応する画像データを全て用意しておかなければならず、予め全ての画像データを作成することによる負荷が大きいため、画像データの切り替えを容易に行うことができなかった。また、上記した端末装置の傾きが変化するたびに毎回画像を描画する手法では、傾きが変わるたびに、その都度新しく画像を描画するため、画像の描画の演算を行うことによる負荷が大きく、画像データの切り替えを容易に行うことができなかった。

そこで、この発明は、上述した従来技術の課題を解決するためになされたものであり、物体の特殊表面加工による反射の変化を、端末装置本体の傾きに応じて変化するよう擬似再現する処理について、画像データの切り替えを容易に行うことができるようにすることを目的とする。

本願に係る端末装置は、自装置の傾きを検出する検出部と、前記検出部によって検出された傾きに応じて、光の反射を擬似的に表現した白色部分とそれ以外の透過色部分とからなる第一のシートの表示態様を変更する変更部と、前記変更部によって表示態様が変更された第一のシートを、ベースの画像であるベース画像シートの上に重畳して表示する表示部と、を備えることを特徴とする。

本願に係る端末装置、表示処理方法及び表示処理プログラムは、物体の特殊表面加工による反射の変化を、端末装置本体の傾きに応じて変化するよう擬似再現する処理について、画像データの切り替えを容易に行うことができるという効果を奏する。

図１は、実施形態に係る表示処理の一例を示す説明図である。 図２は、実施形態に係る端末装置の構成例を示す図である。 図３は、実施形態に係る画像記憶部に記憶されるレイヤ１の一例を示す図である。 図４は、実施形態に係る画像記憶部に記憶されるレイヤ２の一例を示す図である。 図５は、実施形態に係る画像記憶部に記憶されるレイヤ３の一例を示す図である。 図６は、実施形態に係る画像記憶部に記憶されるテーブルの一例を示す図である。 図７は、実施形態に係る画像記憶部に記憶されるレイヤ４の一例を示す図である。 図８は、実施形態に係る画像記憶部に記憶されるレイヤ５の一例を示す図である。 図９は、実施形態に係る傾き検出処理の一例を説明する図である。 図１０は、実施形態に係るレイヤ３の選択処理の一例を説明する図である。 図１１は、実施形態に係るレイヤ４の回転処理の一例を説明する図である。 図１２は、実施形態に係るレイヤ４の抽出処理の一例を説明する図である。 図１３は、実施形態に係る画像表示処理の一例を説明する図である。 図１４は、実施形態に係る端末装置による表示処理手順を示すフローチャートである。 図１５は、変形例に係る回転角度取得処理の一例を説明する図である。 図１６は、変形例に係る表示処理の一例を示す図である。 図１７は、変形例に係る表示態様の一例を示す図である。 図１８は、変形例に係るレイヤ３の一例を示す図である。

以下に、本願に係る端末装置、表示処理方法及び表示処理プログラムを実施するための形態（以下、「実施形態」と呼ぶ）について図面を参照しつつ詳細に説明する。なお、この実施形態により本願に係る端末装置、表示処理方法及び表示処理プログラムが限定されるものではない。また、以下の各実施形態において同一の部位には同一の符号を付し、重複する説明は省略される。

〔１．表示処理〕
まず、図１を用いて、実施形態に係る表示処理の一例について説明する。図１は、実施形態に係る表示処理の一例を示す説明図である。図１の例では、端末装置１００によって表示処理が行われる。また、図１の例では、図１の（１）に示す端末装置１００と図１の（２）に示す端末装置１００とでは、それぞれ本体の傾きが異なっている。

図１に示した端末装置１００は、例えば、スマートフォン等の携帯端末であり、表示部１１０を有する。表示部１１０は、タッチパネルが採用されており、各種情報を表示するだけでなく、指（又は、専用ペン等）によって指定（タッチ）されることで各種操作を受け付ける。

実施形態に係る端末装置１００は、図１に示すように、ユーザからの画像表示指示を受け付けることで、画像データを表示する。図１に示した例では、端末装置１００は、画像として、プリズムシートのように光の反射を表現した格子状の模様を表示している。なお、後に詳述するが、表示部１１０により表示されている画像データは、複数のレイヤで構成されており、複数のレイヤの画像データを重畳して表示されたものである。

例えば、端末装置１００は、レイヤの画像データとして、灰色一色のレイヤ１の画像データと、格子状に複数色の模様が配置されたレイヤ２の画像データと、光の反射を表現した白色部分と透過色部分とを含む模様が同じく格子状配置されたレイヤ３の画像データと、複数色を含むレイヤ４の画像データと、を記憶する。

そして、端末装置１００は、画像を表示する場合には、上記のレイヤ１〜４の画像を重畳して画像を作成し、作成した画像を表示する。ここで、端末装置１００は、本体の傾きを検知し、傾きに応じて、光の反射を擬似的に表現したレイヤ３の画像における模様の表示態様と、複数色を含むレイヤ４の画像における色の表示態様を変更する。

また、図１の（１）および図１の（２）に示すように、端末装置１００の傾きが変わるたびに、光の反射を擬似的に表現したレイヤ３の模様（図１の例では、白色の四角の模様）が変化する。また、同様に、端末装置１００の傾きがが変わるたびに、レイヤ３の模様周辺で表示される色が変化する。このため、物体の表面加工による物体光の見え方の変化が、端末装置１００の傾きと連動した画像パターンの変化で再現することができ、プリズムシールなどのキラキラ感を平面画面の表示で擬似的に体験させることが可能である。

〔２．端末装置の構成〕
次に、図２を用いて、実施形態に係る端末装置１００の構成について説明する。図２は、実施形態に係る端末装置１００の構成例を示す図である。図２に示すように、端末装置１００は、表示部１１０と、入力部１２０と、通信部１３０と、画像記憶部１４０と、制御部１５０とを有する。

（表示部１１０、入力部１２０について）
表示部１１０は、各種情報を表示するための表示デバイスである。例えば、表示部１１０は、液晶ディスプレイ等によって実現される。入力部１２０は、ユーザから各種操作を受け付ける入力デバイスである。なお、実施形態に係る端末装置１００にはタッチパネルが採用されているので、表示部１１０と入力部１２０とは一体化される。

（通信部１３０について）
通信部１３０は、ネットワーク（図示せず）に接続され、ネットワークを介して、ウェブサーバ（図示せず）との間で情報の送受信を行う。かかる通信部１３０は、ネットワークとの接続を有線又は無線で行う。

ここで、ウェブサーバとは、各種ウェブページを端末装置１００に配信するサーバ装置である。ウェブサーバによって配信されるウェブページは、例えば、ＨＴＭＬ（HyperText Markup Language）や、ＪａｖａＳｃｒｉｐｔ（登録商標）や、ＣＳＳ（Cascading Style Sheets）等により記述されたＨＴＭＬファイルに該当する。このようなウェブサーバは、例えば、各種サービスを提供しており、これらのサービスを提供するためにユーザに会員登録を行わせる場合がある。そして、ウェブサーバは、会員登録時に要するユーザ情報を入力させるためのウェブページ（すなわち、入力画面）を配信する。

（画像記憶部１４０について）
画像記憶部１４０は、例えば、ＲＡＭ（Random Access Memory)、フラッシュメモリ（Flash Memory）等の記憶装置によって実現される。かかる画像記憶部１４０は、表示部１１０に画像データを表示するための画像データであって、レイヤごとに分類された複数の画像データを記憶する。

例えば、画像記憶部１４０は、レイヤ１〜５の画像データを記憶する。以下では、図３〜図８を用いて、各レイヤ１〜５の画像データについて説明する。まず、図３を用いて、レイヤ１の画像データについて説明する。図３は、実施形態に係る画像記憶部に記憶されるレイヤ１の一例を示す図である。レイヤ１の画像データは、ベースとなる画像データであり、レイヤ１〜５の画像データを重畳して表示する際に、最下層に位置する画像である。かかるレイヤ１の画像データは、図３の例に示すように、灰色一色の画像である。

次に、図４を用いてレイヤ２の画像データについて説明する。図４は、実施形態に係る画像記憶部に記憶されるレイヤ２の一例を示す図である。図４に示すように、レイヤ２の画像データは、複数色を含む模様の四角が格子状に配置されている画像データである。図４の例では、各四角に含まれる複数色として、４種類の色を異なるハッチングで表現しているが、例えば、各四角に含まれる色は４種類に限定されるものではなく、３種類以下であってもよいし、５種類以上であってもよい。また、四角内の色が赤、橙、黄、緑、青、藍、紫に順次変化するグラデーションで構成されてもよく、例えば、四角内の色が時計回りに赤、橙、黄、緑、青、藍、紫の順次変化するグラデーションで構成されてもよい。

レイヤ２の画像データは、レイヤ１〜５の画像データを重畳して画像データを表示する際に、レイヤ１とレイヤ３との間に位置する画像である。レイヤ２の画像データは、表面加工による反射光の局所部分の原色（光波長）を表現した画像データである。かかるレイヤ２の画像データにおける色は、レイヤ３の各模様の色味を表現するものである。また、レイヤ２の画像データは、固定されている。なお、レイヤ２の画像データにおける各四角に付された色は、後述するレイヤ４の画像データと同様に、端末装置１００の傾きに応じて、回転させるようにしてもよい。

次に、図５を用いてレイヤ３の画像データについて説明する。図５は、実施形態に係る画像記憶部に記憶されるレイヤ３の一例を示す図である。レイヤ３の画像データは、表面加工による反射光の光強度を表現した画像データである。図５の例では、白い部分は、光の反射を表現した部分であり、図面の黒い部分は、実際は、下位のレイヤ１、２の画像データの色が透過する透明な部分である。なお、図５では、光の反射を表現した部分については、白一色で示しているが、これに限らず、一部を濃い灰色や薄い灰色などにすることで、反射光の強弱を表現してもよい。

図５に示すように、画像記憶部１４０は、光の反射を表現した四角の部分（図５における白い部分）と透明な部分（図５における黒い部分）とを含む模様が格子状配置されたレイヤ３の画像データを複数記憶する。例えば、画像記憶部１４０では、レイヤ３の画像データとして、１８つの画像データを記憶し、各画像データに対して画像データを一意に識別するための画像ＩＤ１〜１８が設定されている。また、各レイヤ３の画像データは、光の反射を表現した四角の部分の傾きが異なる。図５の例を用いて説明すると、図５の（１）に示したレイヤ３の画像データと、図５の（２）に示したレイヤ３の画像データとでは、光の反射を表現した四角の部分の傾きが異なる。

各レイヤ３の画像データは、光の反射を表現した四角の部分の傾きが１０度ずつ異なる。具体的な例を挙げて説明すると、画像ＩＤ「２」の画像データにおける光の反射を表現した四角は、画像ＩＤ「１」の画像データにおける光の反射を表現した四角を時計周りに方向に１０度回転した配置である。また、画像ＩＤ「３」の画像データにおける光の反射を表現した四角は、画像ＩＤ「２」の画像データにおける光の反射を表現した四角を時計周りに方向に１０度回転した配置である。このように、画像ＩＤが一つ違いの画像データ同士では、光の反射を表現した四角の傾きが１０度ずつ異なる。

また、画像記憶部１４０は、図６に例示するように、レイヤ３の画像データに関するデータとして、「画像ＩＤ」と「傾き値」とが対応付けられたテーブルを記憶する。図６は、実施形態に係る画像記憶部に記憶されるテーブルの一例を示す図である。図６に例示するように、画像記憶部１４０は、レイヤ３の画像データを一意に識別する「画像ＩＤ」と、端末装置１００本体の傾き度合いを示す値である「傾き値」とを対応付けて記憶する。

具体的な例を挙げて説明すると、画像ＩＤ「１」と傾き値「１〜５、９１〜９５、・・・」とが対応付けられて記憶されている。これは、画像ＩＤ「１」の画像については、端末装置１００の傾き値が「１〜５、９１〜９５、・・・」である場合に、レイヤ３の画像データとして、画像ＩＤ「１」の画像データが選択されることを意味する。

次に、図７を用いてレイヤ４の画像データについて説明する。レイヤ４の画像データは、表面加工による反射光のシート全体の原色変化を表現した画像データである。図７は、実施形態に係る画像記憶部に記憶されるレイヤ４の一例を示す図である。なお、図７の例では、レイヤ２の画像データと同様に、レイヤ４の画像データに含まれる複数色として、４種類の色を異なるハッチングで表現しているが、例えば、各四角に含まれる色は４種類に限定されるものではなく、３種類以下であってもよいし、５種類以上であってもよい。また、レイヤ４の画像データ内の色が赤、橙、黄、緑、青、藍、紫に順次変化するグラデーションで構成されてもよく、例えば、レイヤ４の画像データ内の色が時計回りに赤、橙、黄、緑、青、藍、紫の順次変化するグラデーションで構成されてもよい。

図７に示すレイヤ４の画像データは、端末装置１００に表示される画像データ全体の色の変化を表現するための画像データであり、端末装置１００に表示される画像データよりも大きい画像データである。このレイヤ４の画像データは、端末装置１００の傾きに応じて、回転され、端末装置１００に表示される画像データの大きさと同じ大きさの領域が抽出される。

次に、図８を用いてレイヤ５の画像データについて説明する。図８は、実施形態に係る画像記憶部に記憶されるレイヤ５の一例を示す図である。図８の（１）、図８の（２）に例示するように、レイヤ５には、所定の絵柄として、例えば、猫のキャラクタと犬のキャラクタが描かれている。また、レイヤ５の画像データは、所定の絵柄の背景が透過する。このため、レイヤ１〜５の画像データを重畳して画像データを表示した場合には、レイヤ５の画像データの背景として、下位レイヤであるレイヤ１〜４の画像データの色彩や模様を透過する。このレイヤ５の画像データをレイヤ１〜４の画像データに重ねることで、本体を傾けることで本物のプリズムシールのようにキラキラ変化するキャラクターカードのような画像データを表示することができる。なお、図１に例示したように、キャラクタなどの絵柄を表示しない画像データを表示する場合には、レイヤ５の画像データについては記憶しなくともよい。

（制御部１５０について）
制御部１５０は、例えば、ＣＰＵ（Central Processing Unit）やＭＰＵ（Micro Processing Unit）等によって、端末装置１００内部の記憶装置に記憶されている各種プログラムがＲＡＭを作業領域として実行されることにより実現される。また、制御部１５０は、例えば、ＡＳＩＣ（Application Specific Integrated Circuit）やＦＰＧＡ（Field Programmable Gate Array）等の集積回路により実現される。

かかる制御部１５０は、図２に示すように、ブラウザ制御部１６０を有する。ブラウザ制御部１６０は、ウェブブラウザと呼ばれるアプリケーションを実行制御する。なお、端末装置１００は、ブラウザ制御部１６０のほかにも、ユーザにより入力された文字を記憶するメモ帳アプリケーションを実行制御するメモ帳アプリ制御部や、端末装置１００内の各種情報を検索する検索アプリケーションを実行制御する検索アプリ制御部などを有しているが、ここでは説明を省略する。

（ブラウザ制御部１６０について）
ブラウザ制御部１６０は、図２に示すように、操作受付部１６１、検出部１６２、変更部１６３、生成部１６４、画像表示部１６５を有する。ここで、検出部１６２、変更部１６３、生成部１６４および画像表示部１６５は、ＪａｖａＳｃｒｉｐｔやＣＳＳが記述されたＨＴＭＬファイルがＲＡＭ（Random Access Memory)を作業領域として実行されることにより実現される。

本実施形態に係る端末装置１００では、前提として、画像データを表示する以前に、各入力情報を含むＸＭＬＨｔｔｐリクエストを上記したウェブサーバに送信し、ＸＭＬＨｔｔｐリクエストの応答として画像データやＪａｖａＳｃｒｉｐｔやＣＳＳが記述されたＨＴＭＬファイルを受信する。そして、端末装置１００は、受信したレイヤ１〜５の画像データを画像記憶部１４０に記憶するとともに、受信したＨＴＭＬファイルに記述されたＪａｖａＳｃｒｉｐｔやＣＳＳをＲＡＭの作業領域に展開する。これにより、画像データを表示する際には、ウェブサーバへのアクセスを行うことなく、ブラウザ制御部１６０の機能により、画像表示制御を実現することができるので、処理負荷が軽減し、且つ、処理速度を向上することが可能である。

（操作受付部１６１について）
操作受付部１６１は、入力部１２０に対して行われた各種ユーザ操作を受け付ける。例えば、操作受付部１６１は、表示部１１０に表示するキャラクタの選択指示を受け付けるとともに、該キャラクタを画面に表示する画面表示指示を受け付ける。なお、キャラクタを表示しない場合には、画面表示指示のみを受け付ける。

（検出部１６２について）
検出部１６２は、端末装置１００の傾きを検出する。例えば、検出部１６２は、端末装置１００の傾きとして、端末装置１００に設けられたジャイロセンサの値を取得し、３軸の回転角度を取得する。ここで、図９の例を用いて端末装置１００本体の傾きを検出する検出処理について説明する。図９は、実施形態に係る傾き検出処理の一例を説明する図である。図９に示すように、検出部１６２は、ジャイロセンサの値を取得し、３軸の回転角度ｘ、ｙ、ｚの値をそれぞれ取得する。なお、本実施形態では、３軸の回転角度を例にして説明するが、これに限定されるものではなく、例えば、２軸の回転角度を取得して、端末装置１００の傾きを検出してもよい。

そして、検出部１６２は、回転角度ｘ、ｙ、ｚの値をそれぞれ取得すると、ｘ、ｙ、ｚの値を加算した傾き値Ｃを算出する。例えば、検出部１６２は、式「Ｃ＝（ｘ＋ｙ＋ｚ）×調整値」により、傾き値Ｃを算出する。この調整値は、自由に設定することが値である。なお、ここでは、算出処理を簡略化するために、調整値を「１」とする。また、後述する変更部１６３は、ここで算出された傾き値Ｃに対応するレイヤ３を選択し、傾き値Ｃに応じた角度だけレイヤ４を回転する。

（変更部１６３について）
変更部１６３は、検出部１６２によって検出された傾きに応じて、光の反射を擬似的に表現した白色部分とそれ以外の透過色部分とからなるレイヤ３の画像データの表示態様を変更する。具体的には、変更部１６３は、検出部１６２によって算出された傾き値Ｃに応じて、複数のレイヤ３の画像データのうち、いずれか一つの画像データを選択する。例えば、変更部１６３は、検出部１６２から傾き値Ｃを取得すると、図６に例示したテーブルを参照して、傾き値Ｃに対応するレイヤ３の画像データの画像ＩＤを取得する。そして、変更部１６３は、取得した画像ＩＤによって識別されるレイヤ３の画像データを選択する。

ここで、図１０を用いて、傾き値に応じてレイヤ３の画像データを選択する選択処理について説明する。図１０は、実施形態に係るレイヤ３の選択処理の一例を説明する図である。図１０（１）に示すように、変更部１６３は、検出部１６２によって算出された傾き値に応じて、複数のレイヤ３の画像データのうち、いずれか一つの画像データを選択する。

その後、図１０の（２）に示すように、端末装置１００の傾きが変わり、傾き値が変更されると、変更された傾き値に対応するレイヤ３の画像データを再度選択し、選択されたレイヤ３の画像データを用いて表示部１１０に画像データが表示される。このため、端末装置１００の傾きが変わると、その傾きと連動してレイヤ３の画像データが変更され、それに伴って、表示部１１０に表示される画像データの背景における光の反射を擬似的に表現した模様の表示態様が変更される。これにより、実物のプリズムシールなどの背景のキラキラ感を擬似的に再現することができる。なお、上記したようなレイヤ３の画像データを複数用意し、傾き値に対応するレイヤ３の画像データを選択する処理に限定されるものではなく、傾き値に応じて、レイヤ３の画像データの模様を回転させるなどして表示態様が変化する処理を行うようにしてもよい。

また、変更部１６３は、検出部１６２によって算出された傾き値Ｃに応じた角度だけレイヤ４の画像データを回転させ、回転させたレイヤ４の画像データの一部における領域を抽出する。例えば、検出部１６２によって算出された傾き値が「４５」であった場合には、レイヤ４の画像データを時計回りに４５度回転させる。

ここで、図１１を用いて、傾き値に応じてレイヤ４の画像データを回転させる回転処理について説明する。図１１は、実施形態に係るレイヤ４の回転処理の一例を説明する図である。例えば、図１１に例示するように、変更部１６３は、検出部１６２によって算出された傾き値Ｃと同じ値の角度だけ、レイヤ４の画像データの中心を軸として時計周りに回転させる。これにより、図１１の（１）に示すレイヤ４の画像データと図１１の（２）に示すレイヤ４の画像データを比較すると、レイヤ４の画像データを回転させたことにより、レイヤ４の画像データにおける４つの色の位置関係が変更される。

そして、変更部１６３は、レイヤ４を回転させた後、回転させたレイヤ４の画像データの一部における領域を抽出する。ここで、図１２を用いて、レイヤ４の画像データの一部の領域を抽出する抽出処理について説明する。図１２は、実施形態に係るレイヤ４の抽出処理の一例を説明する図である。図１２に示すように、変更部１６３は、レイヤ４を回転させた後、回転させたレイヤ４の画像データの一部における領域（図１２の例では、点線で囲まれた領域）を抽出する。

ここで抽出される領域の大きさは、表示部１１０で表示される画像データの大きさと同じ大きさである。つまり、画像記憶部１４０に記憶されたレイヤ４の画像データは、表示部１１０で表示される画像データよりも大きい画像データであり、回転させた後に表示部１１０で表示される画像データと同じ大きさの領域を抽出され、抽出された画像データが、表示部１１０で表示される画像データに用いられる。このため、端末装置１００の傾きが変わるたびに、表示部１１０で表示される画像データ全体の色の変化を表現することができる。

（生成部１６４について）
生成部１６４は、レイヤ１の画像を最下層の画像データとして、レイヤ２の画像データ、レイヤ３の画像データ、レイヤ４の画像データ、そして、レイヤ５の画像データを順に重畳させてページを生成する。ここで、レイヤ３の画像データは、上記したように、変更部１６３によって選択されたレイヤ３の画像データである。また、レイヤ４の画像データは、上記したように、変更部１６３によって抽出されたレイヤ４の画像データの一部の領域である。なお、生成部１６４は、レイヤ２の画像データおよびレイヤ４の画像データを重畳する際に、レイヤ２の画像データおよびレイヤ４の画像データに透明度を加える処理を行う。また、ここでは、レイヤ２の画像データよりもレイヤ４の画像データの透明度が高くなるように処理を行うこととする。

（画像表示部１６５について）
画像表示部１６５は、生成部１６４によって生成されたページを表示する。例えば、画像表示部１６５は、図１３に例示するように、猫のキャラクタと、光の反射を擬似的に表現した画像とを含む画像データを表示する。そして、画像表示部１６５は、図１３の（１）の画像データと図１３の（２）の画像データに示すように、端末装置１００の本体が傾けられると、光の反射を擬似的に表現した模様である白色の四角の模様が変化した画像データに表示を切り替える。

図１３の（１）の画像データと図１３の（２）の画像データとを比較すると、光の反射を擬似的に表現した模様である白色の四角の模様の傾きが変化するとともに、四角の模様の周辺の配色が異なっている。このため、端末装置１００の本体を傾けるたびに、光の反射を擬似的に表現した模様変化するとともに、模様周辺の色味が変化することから、プリズムシールなどのキラキラ感を平面画面の表示で擬似的に体験させることが可能となる。

また、端末装置１００は、傾き値に対応する完成された画像データを予め用意する必要がなく、また、傾きが変化するごとに画像を描画する必要がないことから、物体の特殊表面加工による反射の変化を、端末装置の平面画面上に本体の傾きに応じて変化するよう擬似再現する処理について、画像の表示処理を容易に行うことができる。

［３．端末装置による処理手順］
次に、図１４を用いて、実施形態に係る端末装置１００による処理を説明する。図１４は、実施形態に係る端末装置による表示処理手順を示すフローチャートである。

図１４に示すように、端末装置１００の操作受付部１６１は、表示部１１０に表示するキャラクタの選択指示を受け付けるとともに、該キャラクタを画面に表示する画面表示指示を受け付けたか判定する（ステップＳ１０１）。そして、操作受付部１６１は、画面表示指示を受け付けていない場合には（ステップＳ１０１否定）、画面表示指示を受け付けるまで待機する。

また、操作受付部１６１が画面表示指示を受け付けると（ステップＳ１０１肯定）、検出部１６２は、端末装置１００の傾きを検出する（ステップＳ１０２）。例えば、検出部１６２は、端末装置１００の傾きとして、端末装置１００に設けられたジャイロセンサの値を取得し、３軸の回転角度を取得する。そして、検出部１６２は、３軸の回転角度を用いて、傾き値を計算する（ステップＳ１０３）。例えば、検出部１６２は、３軸の回転角度ｘ、ｙ、ｚの値をそれぞれジャイロセンサから取得すると、ｘ、ｙ、ｚの値の合計を傾き値Ｃとして算出する。

そして、変更部１６３は、傾き値に応じて、複数のレイヤ３の画像データのうち、いずれか一つの画像データを選択する（ステップＳ１０４）。例えば、変更部１６３は、検出部１６２から傾き値Ｃを取得すると、図６に例示したテーブルを参照して、傾き値Ｃに対応するレイヤ３の画像データの画像ＩＤを取得する。そして、変更部１６３は、取得した画像ＩＤによって識別されるレイヤ３の画像データを選択する。

続いて、変更部１６３は、検出部１６２によって算出された傾き値Ｃに応じた角度だけレイヤ４の画像データを回転させ、回転させたレイヤ４の画像データの一部における領域を抽出する（ステップＳ１０５）。その後、生成部１６４は、レイヤ１〜５の画像データを重畳する（ステップＳ１０６）。例えば、生成部１６４は、レイヤ１の画像を最下層の画像データとして、レイヤ２の画像データ、レイヤ３の画像データ、レイヤ４の画像データ、そして、レイヤ５の画像データを順に重畳させる。ここで、レイヤ３の画像データは、上記したように、変更部１６３によって選択されたレイヤ３の画像データである。また、レイヤ４の画像データは、上記したように、変更部１６３によって抽出されたレイヤ４の画像データの一部の領域である。

そして、画像表示部１６５は、重畳された画像データを表示部１１０に表示する（ステップＳ１０７）。その後、検出部１６２は、端末装置１００の傾きの変更を検出したか否かを判定する（ステップＳ１０８）。この結果、検出部１６２は、端末装置１００の傾きの変更を検出していない場合には（ステップＳ１０８否定）、傾きの変更を検出するまで待機する。

また、検出部１６２は、端末装置１００の傾きの変更を検出した場合には（ステップＳ１０８肯定）、検出部１６２は、３軸の回転角度を用いて、傾き値を再度計算する（ステップＳ１０９）。そして、変更部１６３は、傾き値に応じて、複数のレイヤ３の画像データのうち、いずれか一つの画像データを選択する（ステップＳ１１０）。

続いて、変更部１６３は、検出部１６２によって算出された傾き値Ｃに応じた角度だけレイヤ４の画像データを回転させ、回転させたレイヤ４の画像データの一部における領域を抽出する（ステップＳ１１１）。その後、生成部１６４は、レイヤ１〜５の画像データを重畳する（ステップＳ１１２）。そして、画像表示部１６５は、重畳された画像データを表示部１１０に表示する（ステップＳ１１３）。

その後、操作受付部１６１は、表示している画像データの表示を終了する旨の指示である画面表示終了指示を受け付けたか判定する（ステップＳ１１４）。そして、操作受付部１６１は、画面表示指示を受け付けていない場合には（ステップＳ１１４否定）、ステップＳ１０８の処理に戻る。また、操作受付部１６１が画面表示指示を受け付けた場合には（ステップＳ１１４肯定）、処理を終了する。

[実施形態の効果]
上述してきたように、端末装置１００は、自装置の傾きを検出し、検出された傾きに応じて、光の反射を擬似的に表現した白色部分とそれ以外の透過色部分とからなるレイヤ３の画像データの表示態様を変更し、表示態様が変更されたレイヤ３の画像データを、ベースの画像であるレイヤ１の画像データの上に重畳して表示する。これにより、レイヤ３の画像データの模様の表示態様のみを変更するだけで、端末装置１００本体の傾きに応じて、物体の特殊表面加工による反射の変化の擬似再現を行うことができるため、傾き値に対応する完成された画像データを予め用意することなく、また、傾きが変化するごとに画像を描画することなく、物体の特殊表面加工による反射の変化を、端末装置１００の平面画面上で擬似再現する処理について、画像の表示処理を容易に行うことができる。このため、物体の特殊表面加工による反射の変化を、端末装置本体の傾きに応じて変化するよう擬似再現する処理について、画像データの切り替えを容易に行うことができる。

また、実施形態によれば、端末装置１００は、傾きに応じて、レイヤ３の画像データの表示態様を変更するとともに、全体の色の変化を表現したレイヤ４の画像データの表示態様を変更し、表示態様が変更されたレイヤ３の画像データおよびレイヤ４の画像データを、レイヤ１の画像データの上に重畳して表示する。このため、端末装置１００本体の傾きに応じて全体の色の変化を表現することができる。

また、実施形態によれば、端末装置１００は、検出された傾きに応じて、レイヤ３の画像データにおける模様がそれぞれ異なる複数のレイヤ３の画像データのうち、いずれか一つのレイヤ３の画像データを選択し、選択されたレイヤ３の画像データの上に、レイヤ５を重畳した画像データを生成する。このように、端末装置１００は、模様がそれぞれ異なる複数の第３のレイヤの画像データを予め記憶しておき、傾きに応じて選択することで、レイヤ３の画像データの変更や加工を行うことなく、画像データの切り替えを容易に行うことができる。

〔４．変形例〕
上述した実施形態に係る端末装置は、上記実施形態以外にも種々の異なる形態にて実施されてよい。そこで、以下では、上記の端末装置の他の実施形態について説明する。

〔タッチ操作に応じた画像データの表示処理〕
上記実施形態では、端末装置１００本体の傾きを検出し、端末装置１００本体の傾きに応じて、白および原色（可視光色）パターン画像を変えて表示する場合を説明した。しかし、この例に限らず、端末装置１００本体の傾きとともに、三次元空間上で表示された画像データの回転角度に応じて、パターン画像を変えて表示するようにしてもよい。

ここで、端末装置１００は、例えば、タッチ操作により表示された画像データを三次元空間上で回転操作が可能なものとする。そして、端末装置１００は、端末装置１００の傾きを検出するとともに、表示部１１０によって三次元空間上で表示された画像データであって、該三次元空間上で回転操作が可能な画像データの回転角度を取得する。

ここで、図１５は、変形例に係る回転角度取得処理の一例を説明する図である。端末装置１００は、上記したように、端末装置１００の傾きとして、端末装置１００に設けられたジャイロセンサの値を取得し、３軸の回転角度の値として、ｘ、ｙ、ｚを取得する。また、端末装置１００は、三次元空間上で回転操作が可能な画像データの回転角度の値として、ａ、ｂ、ｃを取得する。

そして、端末装置１００は、回転角度ｘ、ｙ、ｚおよび回転角度ａ、ｂ、ｃの値をそれぞれ取得すると、ｘ、ｙ、ｚの値の合計とａ、ｂ、ｃの値の合計とを加算した傾き値Ｃを算出する。例えば、検出部１６２は、「Ｃ＝（ｘ＋ｙ＋ｚ）＋（ａ＋ｂ＋ｃ）×調整値」により、傾き値Ｃを算出する。なお、この調整値は、自由に設定することが値である。

そして、端末装置１００は、傾き値Ｃに対応するレイヤ３を選択し、また、傾き値Ｃに応じた角度だけレイヤ４を回転させて一部の領域を抽出する。そして、端末装置１００は、レイヤ１〜レイヤ５の画像を重畳して、画像データを生成し、生成した画像データを表示する。

例えば、図１６に例示するように、端末装置１００は、三次元空間上で回転可能に表示されている。図１６は、変形例に係る表示処理の一例を示す説明図である。図１６に示すように、端末装置１００は、図１６の（１）の画像データ、図１６の（２）の画像データ、図１６の（３）の画像データに示すように、三次元空間上での画像データが回転操作されると、光の反射を擬似的に表現した模様である白色の四角の模様が変化した画像データに表示を切り替える。また、同様に、三次元空間上での画像データが回転操作されることで、光の反射を擬似的に表現した模様周辺で表示される色の位置が変化する。

このため、物体の表面加工による物体光の見え方の変化が、三次元空間上で表示される画像データの傾きと連動した画像パターンの変化で再現することができ、プリズムシールなどのキラキラ感を平面画面の表示で擬似的に体験させることが可能である。

〔ユーザの視点位置に応じた画像データの表示処理〕
また、上記実施形態では、端末装置１００本体の傾きを検出し、端末装置１００本体の傾きに応じて、白および原色（可視光色）パターン画像を変えて表示する場合を説明した。しかし、この例に限らず、端末装置１００本体の傾きとともに、ユーザの視点位置に応じて、パターン画像を変えて表示するようにしてもよい。

例えば、端末装置１００は、既存の技術によりユーザの視点位置を特定し、端末装置１００本体の傾きとユーザの視点位置から端末装置１００に対する視点角度を求め、端末装置１００本体の傾きと視点角度とから傾き値Ｃを算出する。そして、端末装置１００は、傾き値Ｃに対応するレイヤ３を選択し、また、傾き値Ｃに応じた角度だけレイヤ４を回転させて一部の領域を抽出する。そして、端末装置１００は、レイヤ１〜レイヤ５の画像を重畳して、画像データを生成し、生成した画像データを表示する。

これにより、端末装置１００は、ユーザの視点位置が変わると、光の反射を擬似的に表現した模様である白色の四角の模様が変化した画像データに表示を切り替える。また、同様に、三次元空間上での画像データが回転操作されることで、光の反射を擬似的に表現した模様周辺で表示される色の位置が変化する。このため、ユーザの視点位置と連動した画像パターンの変化で再現することができ、プリズムシールなどのキラキラ感を平面画面の表示で擬似的に体験させることが可能である。

〔光の反射を擬似的に表現した模様〕
また、上記実施形態では、光の反射を擬似的に表現した模様が四角形である場合を例として説明したが、これに限定されるものではなく、光の反射を擬似的に表現した模様の形状は、どのような形状であってもよい。例えば、図１７の（１）に例示するように、模様の形状が円であってもよいし、図１７の（２）に例示するように、模様の形状が星型であってもよい。また、上記実施形態では、レイヤ３の画像データについては、光の反射を表現した部分と透過している部分とが明確に分かれている場合を例に説明したが（図５参照）、これに限定されるものではない。例えば、図１８の（１）および図１８の（２）に例示するように、少し白い部分や、少しだけ透過する部分を組み合わせることで、反射光の強弱を表現してもよいし、光の反射を表現した部分と透過している部分をどのように組み合わせるかも任意に変更してよい。なお、図１８の例では、白い部分は、光の反射を表現した部分であり、図面の黒い部分は、実際は、下位のレイヤ１、２の画像データの色が透過する透明な部分である。

以上、本願の実施形態のいくつかを図面に基づいて詳細に説明したが、これらは例示であり、発明の開示の欄に記載の態様を始めとして、当業者の知識に基づいて種々の変形、改良を施した他の形態で本発明を実施することが可能である。

また、特許請求の範囲に記載した「手段」は、「部（section、module、unit）」や「回路」などに読み替えることができる。例えば、検出手段は、検出部や検出回路に読み替えることができる。

１００ 端末装置
１１０ 表示部
１２０ 入力部
１３０ 通信部
１４０ 画像記憶部
１５０ 制御部
１６０ ブラウザ制御部
１６１ 操作受付部
１６２ 検出部
１６３ 変更部
１６４ 生成部
１６５ 画像表示部

Claims (6)

1. 自装置の傾きを検出する検出部と、
   前記検出部によって検出された傾きに応じて、光の反射を擬似的に表現した白色部分とそれ以外の透過色部分とからなる第一のシートであって、表示態様がそれぞれ異なる複数の第一のシートのうち、いずれか一つの第一のシートを選択することにより、前記第一のシートの表示態様を変更する変更部と、
   前記変更部によって表示態様が変更された第一のシートを、ベースの画像であるベース画像シートの上に重畳して表示する表示部と、
   を備えることを特徴とする端末装置。
2. 前記変更部は、前記検出部によって検出された傾きに応じて、前記第一のシートの表示態様を変更するとともに、全体の色の変化を表現した第二のシートの表示態様を変更し、
   前記表示部は、前記変更部によって表示態様が変更された第一のシートおよび第二のシートを、前記ベース画像シートの上に重畳して表示することを特徴とする請求項１に記載の端末装置。
3. 前記各シートを操作に応じて３次元仮想空間上で回転させる三次元処理手段と、
   前記三次元処理手段によって仮想空間上で回転されたシートの仮想回転の角度を取得する取得部とをさらに備え、
   前記変更部は、前記検出部によって検出された傾きと前記取得部によって取得された回転角度とに応じて、前記第一のシートの表示態様を変更することを特徴とする請求項１または２に記載の端末装置。
4. ユーザの視点の位置を特定する特定部をさらに備え、
   前記変更部は、前記検出部によって検出された傾きと前記特定部によって特定されたユーザの視点位置とに応じて、前記第一のシートの表示態様を変更することを特徴とする請求項１〜３のいずれか一つに記載の端末装置。
5. 端末装置が実行する表示処理方法であって、
   自装置の傾きを検出する検出工程と、
   前記検出工程によって検出された傾きに応じて、光の反射を擬似的に表現した白色部分とそれ以外の透過色部分とからなる第一のシートであって、表示態様がそれぞれ異なる複数の第一のシートのうち、いずれか一つの第一のシートを選択することにより、前記第一のシートの表示態様を変更する変更工程と、
   前記変更工程によって表示態様が変更された第一のシートを、ベースの画像であるベース画像シートの上に重畳して表示する表示工程と、
   を含むことを特徴とする表示処理方法。
6. 自装置の傾きを検出する検出手順と、
   前記検出手順によって検出された傾きに応じて、光の反射を擬似的に表現した白色部分とそれ以外の透過色部分とからなる第一のシートであって、表示態様がそれぞれ異なる複数の第一のシートのうち、いずれか一つの第一のシートを選択することにより、前記第一のシートの表示態様を変更する変更手順と、
   前記変更手順によって表示態様が変更された第一のシートを、ベースの画像であるベース画像シートの上に重畳して表示する表示手順と、
   をコンピュータに実行させることを特徴とする表示処理プログラム。