JP5842076B2 - 表示制御方法、コンピュータ、表示制御プログラム及び記憶媒体 - Google Patents

Description

本発明は、表示制御方法、コンピュータ、表示制御プログラム及び記憶媒体に関する。

従来、複数のコンテンツの中から所望のコンテンツに関する情報を取得する方法としては、例えば、２つの方式が知られている。

第１の方式は、非特許文献１に示されるように、例えば、html（HyperText Markup Language）、css（cascading style sheet）3及びJavaScript（登録商標）等を用いている。第１の方式によれば、複数のコンテンツ自体を縦方向または横方向に並べ、これらコンテンツに対するフリック操作に応じてコンテンツを移動させ、所望のコンテンツが指定されることで、当該指定されたコンテンツの情報を取得可能である。

また、第２の方式としては、非特許文献２に示されるように、コンテンツ毎に設けられたタブが指定されることでコンテンツの切替を行い、その後、所望のコンテンツが指定されることで、当該指定されたコンテンツの情報を取得する方法がある。

[online],[平成25年4月5日検索],http://pxgrid.github.co./js-flipsnap/demo.html [online],[平成25年4月5日検索],http://m.yahoo.co.jp/

しかしながら、従来の方法では、複数のコンテンツの中から所望のコンテンツに関する情報を取得する際に、コンテンツの移動（又は切替）とコンテンツの指定といった２つの操作をユーザに要求する。このため、従来の方法では、操作が煩雑となり、ユーザが携帯端末を操作する際のＵＸ（User Experience：ユーザの体験内容や満足感）が損なわれる心配がある。

本発明は上記実情を考慮してなされたもので、複数のコンテンツの中から所望のコンテンツに関する情報を取得する際の操作を簡略化し、ユーザが携帯端末を操作する際のＵＸを向上させ得る表示制御方法、コンピュータ、表示制御プログラム及び記憶媒体を提供することを目的とする。

本発明の一つの局面は、ユーザに操作される携帯端末との通信を行う通信部、及び複数の項目情報からなる一覧表示領域を示す情報と、前記複数の項目情報の各々に対応した情報とを記憶する記憶部を備えるサーバ装置であるコンピュータが実行する表示制御方法であって、前記一覧表示領域をスクロール可能に前記携帯端末に表示するための表示データを前記通信部から前記携帯端末に送信する工程と、前記ユーザによる前記携帯端末の操作に応じた当該一覧表示領域のスクロール移動が終了した時点で当該一覧表示領域に表示された複数の項目のうちの１つの項目情報が所定の選択方法に応じて選択されると、当該選択された項目に対応する情報を前記記憶部から読み出し、当該読み出した情報に基づいて情報表示領域を前記携帯端末に表示するためのデータであって、前記通信部から前記携帯端末に送信される前記データを作成する工程と、を備えた表示制御方法である。

以上説明したように、本発明によれば、複数のコンテンツの中から所望のコンテンツに関する情報を取得する際の操作が簡略化され、ユーザが携帯端末を操作する際のＵＸを向上させることができる。

本発明の概要を説明するための模式図である。 本発明の一実施形態に係るゲーム制御方法が適用されたゲームシステムの概略構成の一例を示す模式図である。 同実施形態におけるウェブサーバ装置の機能ブロック構成の一例を示す模式図である。 同実施形態における携帯端末の機能ブロック構成の一例を示す模式図である。 同実施形態における携帯端末の操作方法の一例を説明するための模式図である。 同実施形態におけるウェブサーバ装置と携帯端末間の接続アーキテクチャの概念を示す模式図である。 同実施形態におけるゲームシステムの動作の一例を示すフローチャートである。 同実施形態における一覧の引き戻しの挙動を説明するための模式図である。

以下、本発明の一実施形態について図面を用いて説明するが、その前に、本発明の概要について図１を用いて説明する。

本発明の概要は、例えば図１に示すように、一覧表示領域ｒ１及び情報表示領域ｒ２を有する画面を携帯端末に表示させ得るソーシャルゲームにおいて使用される項目選択機能及び情報送信機能に関する。但し、本発明の概要における項目選択機能及び情報送信機能は、ソーシャルゲームには限定されず、一覧表示領域ｒ１及び情報表示領域ｒ２を有する画面を携帯端末に表示させ得るウェブアプリケーションに対して適宜使用することができるものとする。

一覧表示領域ｒ１とは、所望のソーシャルゲーム中での行動を決定し得る複数の項目（コンテンツ）を含む一覧（リスト）を表示可能な領域であり、携帯端末を操作するユーザからの入力を受付可能な領域である。また、情報表示領域ｒ２とは、一覧表示領域ｒ１に表示された一覧に含まれる複数の項目の各々に対応した情報を表示可能な領域であり、携帯端末を操作するユーザからの入力を受付不能な領域である。

なお、一覧表示領域ｒ１に表示可能な一覧は、複数存在するものとする。具体的には、図１に示す画面の下部に位置する「マイページ」、「クエスト」、「召喚」、「合成強化」及び「メニュー」の各々に対応した一覧が存在するものとし、これら一覧は、携帯端末を操作するユーザが「マイページ」、「クエスト」、「召喚」、「合成強化」及び「メニュー」と描画された各アイコンを指定することによって、一覧表示領域ｒ１に表示される。

ここで、本発明の概要における項目選択機能及び情報送信機能について簡単に説明する。

項目選択機能とは、携帯端末を操作するユーザの操作に応じて、一覧表示領域ｒ１に表示された一覧に含まれる複数の項目のうちの１つを自動的に選択可能な機能である。具体的には、一覧表示領域ｒ１に表示された一覧に対するユーザのフリック（スワイプ）操作に応じた一覧の移動量を算出し、当該移動量だけ一覧を移動させ、移動が終了した時点で一覧の最上部に位置する項目を選択する機能である。図１の例では、「広大な砂漠地帯」、「広大な温泉地帯」、「砂漠地帯」、「地雷地帯」及び「安全地帯」といった複数の項目を含む「クエスト」に対応した一覧において、当該一覧の最上部に位置する「広大な砂漠地帯」といった項目が選択された場合を示している。

なお、一覧表示領域ｒ１に表示された一覧に含まれる複数の項目のうちの１つを選択する方法は、上記方法だけに限定されるものでなく、携帯端末を操作するユーザが所望の項目をタップ（指定）することに応じて、タップされた項目を選択することも可能である。この場合、項目選択機能は、タップされた項目が一覧の最上部に位置するように一覧を移動させる。

情報送信機能とは、項目選択機能により選択された項目に対応した情報を情報表示領域ｒ２に表示させるために、当該情報を携帯端末に送信する機能である。図１の例では、項目選択機能により選択された「広大な砂漠地帯」に対応した情報（例、広大な砂漠地帯という名称、広大な砂漠地帯を表現した背景画像、広大な砂漠地帯という項目を含む一覧の名称、広大な砂漠地帯において獲得可能なアイテムの画像等）を携帯端末に送信し、情報表示領域ｒ２に含まれる領域ａに「広大な砂漠地帯という名称」を、領域ｂに「広大な砂漠地帯を表現した背景画像」を、領域ｃに「クエストという名称」を、さらには領域ｄに「広大な砂漠地帯において獲得可能なアイテムの画像」を表示させた場合を示している。

これら機能により、携帯端末を操作するユーザは１つの操作で一覧の中から所望の項目を選択し、当該選択した項目に対応した（概要）情報を把握することができる。なお、選択した項目に対応したより詳細な情報を把握したいときには、携帯端末を操作するユーザは、当該選択した項目を再度タップすることで、より詳細な情報を把握することができる。

以上のような項目選択機能及び情報送信機能においては、複数の項目の中から所望の項目に対応した情報を取得する際の操作を簡略化し、ユーザが携帯端末を操作する際のＵＸを向上させることができる。また、ページの切替なしに（概要）情報を把握させることができるため、多くの情報を短い時間で、ユーザに対して提供することができる。

以上が本発明の概要である。続いて、本発明の一実施形態の詳細について説明する。

図２は本発明の一実施形態に係るゲーム制御方法が適用されたゲームシステムの構成例を示す模式図である。インターネット等を含むネットワーク１に対し、ウェブサーバ装置２が接続されると共に、本システムでユーザが使用するクライアント装置となる、複数、例えば３台の携帯端末４Ａ〜４Ｃが、無線ＬＡＮ（Local Area Network）のアクセスポイント（ＡＰ）５、あるいは基地局６を介して接続される。

ウェブサーバ装置２は、いわゆるソーシャルゲームを実現するためのゲーム制御プログラム及びイベント情報を携帯端末４Ａ〜４Ｃに提供するコンピュータである。このウェブサーバ装置２は、例えばＳＮＳ（Social Networking System）を運営する企業が、サービスの一環としてオンラインゲームのサービスを提供するべく設置するものであり、ネットワーク１に接続される。

一方、クライアント側の携帯端末４Ａ〜４Ｃは、それぞれスマートフォン、フィーチャー・フォン等を含み、例えば、Android（登録商標）又はiOS等のＯＳ（Operating System）上で動作する携帯電話であっても良いし、さらにはノートブック型のパーソナルコンピュータ、モバイルコンピュータ等であっても良い。以下の実施形態では、説明を簡略化するために、携帯端末４Ａ〜４Ｃはいずれも、ゲームをプレイするユーザの操作に応じた接触を感知するタッチパネルを有するスマートフォンであるものとして説明する。

携帯端末４Ａ〜４Ｃは、上記基地局６を介してのネットワーク１との接続に加えて、例えばＩＥＥＥ８０２．１１ａ／ｂ／ｇ／ｎ規格の無線ＬＡＮであるＷｉ−Ｆｉ（登録商標）を優先的に選択可能として、上記アクセスポイント５と相互接続が可能であるものとする。

また、携帯端末４Ａ〜４Ｃは、例えば、近距離無線通信規格であるBluetooth（登録商標）技術により相互に無線接続が可能となっている。

携帯端末４Ａ〜４Ｃとしては、その機種固有のハードウェア構成、採用しているＯＳ、インストールされているアプリケーション等が多岐にわたるものとし、ウェブサーバ装置２はそれら多様な携帯端末に対応した各種アプリケーションプログラムをそれぞれに配信可能であるものとする。

上記ウェブサーバ装置２と携帯端末４Ａ〜４Ｃのそれぞれの機能ブロック構成について図３及び図４を参照して述べる。

ウェブサーバ装置２は、図３に示すように、メモリ２１、記憶装置２２、プロセッサ２３及び通信部２４を備えている。

メモリ２１は、後述する記憶装置２２に記憶されるゲーム制御プログラムｐ＿ｓ３等を実行する際に必要とされるワークエリアとして使用される。また、メモリ２１には、後述する各種一覧を示す情報や、これら各種一覧に含まれる複数の項目に対応した情報が記憶されている。

記憶装置２２は、ソーシャルゲームを実現するためのゲーム制御プログラムｐ＿ｓ３等を記憶するものであり、例えば、ハードディスクドライブ（ＨＤＤ）、光ディスクドライブ、ＤＶＤ、ＭＯ等の大容量記憶装置である。この記憶装置には、ＯＳ ｐ＿ｓ０、サーバ側ＪＳ実行環境プログラムｐ＿ｓ１、Ａ社フレームワークプログラムｐ＿ｓ２及びゲーム制御プログラムｐ＿ｓ３が記憶されている。

ＯＳ ｐ＿ｓ０は、ウェブサーバ装置２の基本的な機能を実現するためのプログラムである。

サーバ側ＪＳ実行環境プログラムｐ＿ｓ１は、プロセッサ２３により実行され、後述するサーバ側ＪＳ実行環境Ｓ１を実現するためのプログラムである。

Ａ社フレームワークプログラムｐ＿ｓ２は、プロセッサ２３により実行され、後述するＡ社フレームワークＳ２を実現するためのプログラムである。

ゲーム制御プログラムｐ＿ｓ３は、プロセッサ２３により実行され、ソーシャルゲームを実現させるためのプログラムであり、例えば以下の各機能(f1)〜(f3)をプロセッサ２３に実現させるためのプログラムを含んでいる。

(f1)携帯端末４Ａ〜４Ｃの画面上に表示された一覧に対するユーザの操作に応じて、当該一覧を移動させ、当該一覧の移動が終了した時点で当該一覧に含まれる複数の項目のうちの１つを選択する項目選択機能。

(f2)上記(f1)の項目選択機能により選択された項目に関する情報を携帯端末４Ａ〜４Ｃの画面上に表示させるために、当該情報をこれら携帯端末４Ａ〜４Ｃに送信する情報送信機能。

(f3)後述する操作速度に基づいて、一覧が移動可能な時間を設定する移動時間設定機能。

なお、上記(f1)の項目選択機能は、以下に示す(f1-1)及び(f1-2)の機能を更に含んでいる。

(f1-1)一覧に対するユーザの操作に応じて、当該一覧の移動量を算出する移動量算出機能。

(f1-2)上記(f1-1)の移動量算出機能により算出された移動量に基づいて、一覧を移動させ、当該一覧の移動が終了した時点で当該一覧の最上部に位置する項目を選択する機能。

また、上記(f1-1)の移動量算出機能は、以下に示す(f1-1-1)〜(f1-1-4)の機能を更に含んでいる。

(f1-1-1)一覧に対するユーザのフリック操作に応じて、携帯端末４Ａ〜４Ｃに設けられたタッチパネルが接触を感知し始めた位置であって始点を示す始点位置情報と、接触を感知し始めた時刻を示す始点時刻情報とを携帯端末４Ａ〜４Ｃから取得する機能。

(f1-1-2)一覧に対するユーザのフリック操作に応じた接触を感知し終えた位置であって終点を示す終点位置情報と、接触を感知し終えた時刻を示す終点時刻情報とを携帯端末４Ａ〜４Ｃから取得する機能。

(f1-1-3)上記(f1-1-1)の機能により取得された始点位置情報及び始点時刻情報と、上記(f1-1-2)の機能により取得された終点位置情報及び終点時刻情報とに基づいて、ユーザのフリック操作の速度を示す操作速度を算出する操作速度算出機能。

(f1-1-4)始点から終点までの距離と上記(f1-1-3)の操作速度算出機能により算出された操作速度とに基づいて、一覧の移動量を算出する機能。

更に、上記(f1-1-3)の操作速度算出機能は、以下に示す(f1-1-3-1)〜(f1-1-3-3)の機能を更に含んでいる。

(f1-1-3-1)上記(f1-1-2)の機能により取得された終点位置情報により示される位置から上記(f1-1-1)の機能により取得された始点位置情報により示される位置を減算することにより、始点から終点までの距離を算出する機能。

(f1-1-3-2)上記(f1-1-2)の機能により取得された終点時刻情報により示される時刻から上記(f1-1-1)の機能により取得された始点時刻情報により示される時刻を減算することにより、接触を感知していた時間を算出する機能。

(f1-1-3-3)上記(f1-1-3-1)の機能により算出された距離を上記(f1-1-3-2)の機能により算出された時間で除算することにより、操作速度を算出する機能。

プロセッサ２３は、記憶装置２２に記憶されたゲーム制御プログラムｐ＿ｓ３と協働して、ソーシャルゲームを行う他、ウェブサーバ装置２全体の制御を司るものである。

通信部２４は、ネットワーク１を介した携帯端末４Ａ〜４Ｃ等の外部装置との通信の制御を司る。

各携帯端末４Ａ〜４Ｃの機能ブロック構成は、互いに同一のため、ここでは携帯端末４Ａの機能ブロック構成を代表例に挙げて述べる。

携帯端末４Ａは、図４に示すように、メモリ４１Ａ、記憶装置４２Ａ、プロセッサ４３Ａ、通信部４４Ａ、電子コンパス４５Ａ、カメラ４６Ａ、表示部４７Ａ及びタッチパネル４８Ａを備えている。各部４１Ａ〜４８Ａの説明は、符号の末尾ＡをＢ又はＣに読み替えることにより、他の携帯端末４Ｂの各部４１Ｂ〜４８Ｂの説明又は他の携帯端末４Ｃの各部４１Ｃ〜４８Ｃの説明として読み替え可能となっている。

メモリ４１Ａは、後述するクライアントサイドのゲーム制御プログラムｐ＿ｃ４を実行する際に必要とされるワークエリア等として使用される。

記憶装置４２Ａは、ソーシャルゲームを実現するためのクライアントサイドのゲーム制御プログラムｐ＿ｃ４等を記憶するものであり、例えば、フラッシュメモリ等の大容量記憶装置である。この記憶装置４２Ａには、ＯＳ（オペレーティングシステム）ｐ＿ｃ０、アプリケーション実行環境プログラムｐ＿ｃ１、Ａ社ＤＢ接続キットプログラムｐ＿ｃ２、Ａ社フレームワークプログラムｐ＿ｃ３及びゲーム制御プログラムｐ＿ｃ４が記憶されている。

ＯＳ ｐ＿ｃ０は、携帯端末４Ａの基本的な機能を実現するためのプログラムである。

アプリケーション実行環境プログラムｐ＿ｃ１は、プロセッサ４３Ａにより実行され、後述するアプリケーション実行環境Ｃ１を実現するためのプログラムである。

Ａ社ＤＢ接続キットプログラムｐ＿ｃ２は、プロセッサ４３Ａにより実行され、後述するＡ社ＤＢ接続キットＣ２を実現するためのプログラムである。

Ａ社フレームワークプログラムｐ＿ｃ３は、プロセッサ４３Ａにより実行され、後述するＡ社フレームワークＣ３を実現するためのプログラムである。

ゲーム制御プログラムｐ＿ｃ４は、プロセッサ４３Ａにより実行され、ソーシャルゲームのクライアント側の処理を制御するプログラムである。

プロセッサ４３Ａは、記憶装置４２Ａに記憶されたゲーム制御プログラムｐ＿ｃ４と協働して、ソーシャルゲームを行う他、携帯端末４Ａ全体の制御を司るものである。

通信部４４Ａは、ネットワーク１を介したウェブサーバ装置２等の外部装置との通信の制御を司る。また、通信部４４Ａは、無線ＬＡＮ、Bluetooth、Ｗｉ−Ｆｉ等の無線通信機能をも有する。

電子コンパス４５Ａは、地磁気センサを有し、方位を測定する。

カメラ４６Ａは、撮像機能を有し、撮像した画像を記憶装置４２Ａに格納する。

表示部４７Ａは、タッチパネル４８Ａが取り付けられたディスプレイ装置である。

タッチパネル４８Ａは、ユーザの操作に応じて、操作データを入力する機能をもっている。具体的には、タッチパネル４８Ａは、例えば図５に示すような一覧に対するユーザのフリック操作に応じて、接触を感知し始めた位置であって始点を示す始点位置情報と、接触を感知し始めた時刻を示す始点時刻情報とを操作データとして入力する機能をもっている。同様に、タッチパネル４８Ａは、例えば図５に示すような一覧に対するユーザのフリック操作に応じた接触を感知し終えた位置であって終点を示す終点位置情報と、接触を感知し終えた時刻を示す終点時刻情報とを操作データとして入力する機能をもっている。これら操作データは、ウェブサーバ装置２からの要求に応じて、ウェブサーバ装置２に適宜送信可能なデータである。

上記ウェブサーバ装置２と携帯端末４Ａ〜４Ｃのそれぞれの機能ブロック構成に対応する電子回路のハードウェア構成自体は、きわめて一般的で周知であるものとして、その記載及び説明を省略する。

図６は、本実施形態に係るウェブサーバ装置２と携帯端末４Ａ〜４Ｃ間の接続アーキテクチャの概念を示す模式図である。同図に示すように、Ａ社が提供するオンラインのゲームプログラム又はアプリケーションプログラムを実行するにあたり、携帯端末４Ａ〜４Ｃには、例えばＡＩＲ（登録商標）等で記述された、当該ゲームプログラム又はアプリケーションプログラムのためのアプリケーション実行環境Ｃ１が実装されると共に、当該Ａ社のデータベースに接続して課金処理等を行うためのＡ社データベース接続キットＣ２が組み込まれる。

これと共に、携帯端末４Ａ〜４Ｃがウェブサーバ装置２との通信を行う部分に関しては、Ａ社が開発した（ソフトウェア）クライアントサイドのフレームワークＣ３がインストールされる。

一方のウェブサーバ装置２では、オンラインゲーム及びアプリケーションを実行するための、例えばNode.js（登録商標）で記述されたサーバ側JavaScript（登録商標）実行環境Ｓ１が設けられると共に、携帯端末４Ａ〜４Ｃとの通信を行う部分には、上記フレームワークＣ３と対応するＡ社（ソフトウェア）サーバサイドのフレームワークＳ２が設けられる。

携帯端末４Ａ〜４ＣのフレームワークＣ３と、ウェブサーバ装置２のフレームワークＳ２との間では、ＨＴＭＬ５に関連した規格であるウェブソケット（WebSocket）を基盤としてアイテムの情報等が送受される。

ウェブソケットによれば、サーバクライアント間でＨＴＴＰ（hyper text transfer protocol）を使用して１回ハンドシェイクを行い、サーバクライアント間で接続が確立すると、ＨＴＴＰ（リクエスト＆レスポンス方式）を使用せずに、ウェブソケット専用のプロトコルで双方向通信が実行される。ウェブソケットによる双方向通信は、長時間の接続を前提としており、サーバ又はクライアントにより切断されるまで継続して実行される。また、ウェブソケットによる通信は、ＨＴＴＰ通信よりもヘッダ情報及び処理負荷（オーバーヘッド）が小さい利点もある。更に、ウェブソケットによる通信は、接続状態にある全ての装置が同じデータをリアルタイムで送受信して共有できる利点もある。また、ウェブソケットでは、クライアント側とサーバ側とのいずれからでも送信が可能であり、例えば、サーバ側からクライアント側にデータをプッシュ配信することが可能である。

このように、ウェブソケットによれば、処理負荷が小さいリアルタイム通信を実現できるので、従来とは異なり、クライアント装置の数を制限せずに、複数のクライアント装置をサーバ装置に接続でき、様々なゲームを実現できる。

上記フレームワークＣ３，Ｓ２は、ＯＳに依存しないスクリプト言語として、例えばJavaScriptを用いて記述されている。そのため、携帯端末４Ａ〜４ＣのＯＳがAndroid及びiOS等のいずれのＯＳであっても同一接続環境を構築できる。

次に、以上のように構成されたゲームシステムの動作の一例について、図７のフローチャートを参照しながら説明する。なお、以下の説明では、ウェブサーバ装置２には、予め図３に示した各プログラムｐ＿ｓ１〜ｐ＿ｓ３がインストールされているものとする。同様に、携帯端末４Ａには、最初にＡ社からサービス提供を受けた際に、図４に示した各プログラムｐ＿ｃ１〜ｐ＿ｃ４がインストールされたものとする。また、以下の説明では、記載を簡潔にする観点から、送受信に通信部を介在させている旨の記載を省略する。但し、本実施形態においては、以下に示す各種処理を実行するために、css3の-webkit-transform:translated3d(x, y, z)のプロパティが使用されているものとする。

始めに、ウェブサーバ装置２では、プロセッサ２３は、ユーザの操作に応じて、一覧表示領域ｒ１及び情報表示領域ｒ２を有した画面を携帯端末に表示させるためのデータを当該携帯端末に送信する（ステップＳＴ１）。また、ウェブサーバ装置２では、プロセッサ２３は、最新の一覧を一覧表示領域ｒ１に表示させ、当該一覧に含まれる複数の項目のうち、当該一覧の最上部に位置する項目に対応した情報を情報表示領域ｒ２に表示させるためのデータを携帯端末に送信する（ステップＳＴ２）。

続いて、ウェブサーバ装置２では、プロセッサ２３は、一覧に対するユーザのフリック操作に応じて、携帯端末に設けられたタッチパネルが接触を感知し始めた位置であって始点（touch1）を示す始点位置情報と、接触を感知し始めた時刻（time1）を示す始点時刻情報とを携帯端末から取得する（ステップＳＴ３）。

次に、ウェブサーバ装置２では、プロセッサ２３は、一覧に対するユーザのフリック操作に応じた接触を感知し終えた位置であって終点（touch2）を示す終点位置情報と、接触を感知し終えた時刻（time2）を示す終点時刻情報とを携帯端末から取得する（ステップＳＴ４）。

なお、ステップＳＴ３及びステップＳＴ４の処理により取得される始点位置情報及び終点位置情報により示される位置（例、座標等）は、携帯端末の画面の左上を基準（すなわち、(x ,y ,z)=(0, 0, 0)）としたときの位置を示す。

続いて、ウェブサーバ装置２では、プロセッサ２３は、終点位置情報により示される位置から始点位置情報により示される位置を減算し、始点から終点までの距離（distance1 ＝ touch2 - touch1）を算出する（ステップＳＴ５）。ここでは、上記したように、始点位置情報及び終点位置情報により示される位置が携帯端末の画面の左上を基準としているため、ユーザが上から下にフリック操作を行った場合には、distance1は正の値を示し、ユーザが下から上にフリック操作を行った場合には、distance1は負の値を示す。

次に、ウェブサーバ装置２では、プロセッサ２３は、終点時刻情報により示される時刻から始点時刻情報により示される時刻を減算し、携帯端末が接触を感知していた時間（time3 ＝ time2 - time1）を算出する（ステップＳＴ６）。

続いて、ウェブサーバ装置２では、プロセッサ２３は、ステップＳＴ５の処理により算出した距離をステップＳＴ６の処理により算出した時間で除算することにより、携帯端末を操作するユーザのフリック操作の速度（speed1 ＝ distance1 / time3）（以下、操作速度と表記）を算出する（ステップＳＴ７）。ここでは、操作速度の単位は［ｐｘ／秒］であるものとする。なお、所定の操作速度を超えると、ユーザが携帯端末を操作する際のＵＸを損なう恐れがあるため、操作速度の上限値は予め設定されているものとし、操作速度の上限値は、例えば、４４０［ｐｘ／秒］等に設定される。

次に、ウェブサーバ装置２では、プロセッサ２３は、ステップＳＴ７の処理により算出した操作速度に基づいて、一覧が移動可能である時間を設定する（ステップＳＴ８）。ここでは、プロセッサ２３は、ステップＳＴ７の処理により算出した操作速度を、webkitTransitionDurationのTime値として設定することにより、一覧が移動可能な時間（例、0.4秒）を設定する。

続いて、ウェブサーバ装置２では、プロセッサ２３は、ステップＳＴ５の処理により算出した始点から終点までの距離とステップＳＴ７の処理により算出した操作速度とに基づいて、一覧の移動量（movePoint）を算出する（ステップＳＴ９）。ここでは、プロセッサ２３は、「movePoint ＝ distance1 × (speed1 / 56)」を演算することにより、一覧の移動量を算出するものとする。なお、一覧の移動量は、必ずしも上記数式を演算することによって算出されるわけではなく、あくまでdistance1とspeed1とに基づいて算出されれば良いものとする。

続いて、ウェブサーバ装置２では、プロセッサ２３は、ステップＳＴ９の処理により算出した移動量だけ一覧を移動させる（ステップＳＴ１０）。ここでは、プロセッサ２３は、ステップＳＴ９の処理により算出した移動量を、webkitTransform = translated3d(x, y, z)のｙ座標として設定することにより、一覧自体を移動させる。なお、webkitTransform = translated3d(x, y, z)の初期値は(0, 0, 0)であり、携帯端末の画面上に表示された一覧の左上の位置を示す。すなわち、webkitTransform = translated3d(x, y, z)のｙ座標に正の値が設定されると、携帯端末の画面上に表示された一覧の左上を基準にして、一覧自体がｙだけ上から下に移動することになる。同様に、webkitTransform = translated3d(x, y, z)のｙ座標に負の値が設定されると、携帯端末の画面上に表示された一覧の左上を基準にして、一覧自体がｙだけ下から上に移動することになる。

なお、本動作例では、一覧が縦方向（ｙ方向）に移動すると想定して説明したが、これに限定されず、一覧は横方向（ｘ方向）に移動するとしても良い。この場合、上記ステップＳＴ１０の処理において、ステップＳＴ９の処理により算出した移動量を、webkitTransform = translated3d(x, y, z)のｘ座標として設定することで、一覧自体を横方向に移動させることができる。

しかる後、ウェブサーバ装置２では、プロセッサ２３は、ステップＳＴ１０の処理による移動が終了した時点で一覧の最上部に位置する項目を選択すると共に、当該選択した項目に対応する情報を情報表示領域ｒ２に表示させるためのデータを携帯端末に送信し（ステップＳＴ１１）、ウェブサーバ装置２での動作を終了させる。

具体的には、プロセッサ２３は、上記ステップＳＴ８の処理により設定した時間が経過すると、携帯端末の画面上に表示された一覧の最上部が、一覧全体のどこに位置するか、すなわち、現在位置を特定する。その後、プロセッサ２３は、一覧の最上部に位置する項目を特定し、当該特定した項目を選択すると共に、当該選択した項目に対応する情報を情報表示領域ｒ２に表示させるためのデータを携帯端末に送信する。なお、一覧の最上部に位置する項目の特定方法の一例としては、例えば、「Math.round（Math.abs（現在位置／｛一覧全体の高さ ＋ margin - bottom｝））」をプロセッサ２３に演算させる方法が挙げられる。

なお、上記ステップＳＴ１１の処理の後に、携帯端末は、ウェブサーバ装置２から送信されたデータの入力を受け付け、当該入力を受け付けたデータをＤＯＭ（Document Object Model）を介して画面上に表示させる。このように、携帯端末では、一般的に、ＤＯＭを介してデータを画面上に表示させるため、通常のｈｔｍｌだけを用いて画面の表示切替を行うことが可能である。

また、ウェブサーバ装置２には、一覧表示領域ｒ１において一覧を滑らかに移動させるために、webkitTransformTimingFunction”ease - out”が予め設定されているものとする。

ここで、ウェブサーバ装置２の更なる機能について補足的に説明する。

ウェブサーバ装置２のプロセッサ２３は、一覧に含まれる複数の項目の数と、携帯端末の画面上に表示されない項目も含めた一覧全体の高さと、余白であるmargin - bottomとを用いて、一覧が移動可能な距離（以下、移動可能距離と表記）を算出することも可能である。具体的には、ウェブサーバ装置２のプロセッサ２３は、「項目の数×（一覧全体の高さ ＋ margin - bottom）」を演算することにより、移動可能距離を算出することができる。

上記移動可能距離を算出しておくことにより、ウェブサーバ装置２のプロセッサ２３は、例えば図８に示すような「引き戻しの挙動」を設定することができる。具体的には、ウェブサーバ装置２のプロセッサ２３は、上記ステップＳＴ９の処理により算出した移動量が上記移動可能距離より大きい場合、当該移動量に０．９を乗算した値（movePoint * 0.9）を実際に一覧を移動させる移動量（以下、実移動量と表記）として設定する。これにより、例えば、移動可能距離を下回るまで実移動量が０．９倍ずつ短縮される「引き戻しの挙動」を実現させることができる。なお、引き戻しの挙動は、連続的に引き戻される挙動又は断続的に引き戻される挙動のいずれでもよい。また、ここでは、上記ステップＳＴ９の処理により算出した移動量に０．９を乗算した値が実移動量であるとしたが、移動量に乗算する値は、ウェブサーバ装置２を管理する管理者が適宜変更可能な値である。

また、ウェブサーバ装置２の更なる機能として、ウェブサーバ装置２のプロセッサ２３は、css3のdisplay:noneを所望の情報に対して設定することにより、所望の情報を非表示にすることも可能である。

以上説明した本実施形態によれば、複数のコンテンツ（項目）の中から所望のコンテンツに関する情報を取得する際の操作が簡略化され、ユーザが携帯端末を操作する際のＵＸを向上させることができる。

また、本実施形態によれば、複数のコンテンツを含む一覧が移動する移動量を算出し、当該算出した移動量に基づいて一覧を移動させると共に、当該一覧の移動が終了した時点で当該一覧の最上部に位置するコンテンツを自動的に選択することができるので、ユーザは一覧を移動させるためのフリック操作だけを行えば良く、ユーザが携帯端末を操作する際のＵＸを向上させることができる。

更に、本実施形態によれば、一覧が移動可能な時間を設定することができるので、一覧に含まれるコンテンツを選択するまでのユーザの待ち時間を減らすことができる。

なお、上記実施形態に記載した手法は、コンピュータに実行させることのできるプログラムとして、磁気ディスク（フロッピー（登録商標）ディスク、ハードディスクなど）、光ディスク（ＣＤ−ＲＯＭ、ＤＶＤなど）、光磁気ディスク（ＭＯ）、半導体メモリなどのコンピュータ読み取り可能な記憶媒体に格納して頒布することもできる。

なお、本願発明は、上記実施形態そのままに限定されるものではなく、実施段階ではその要旨を逸脱しない範囲で構成要素を変形して具体化できる。また、上記実施形態に開示されている複数の構成要素の適宜な組合せにより種々の発明を形成できる。例えば、実施形態に示される全構成要素から幾つかの構成要素を削除してもよい。更に、異なる実施形態に亘る構成要素を適宜組合せてもよい。

以下に、本願の原出願の当初の特許請求の範囲に記載された発明を付記する。

［１］ゲームをプレイするユーザの操作に応じた接触を感知するタッチパネルを備え、ゲームプレイ時には当該ゲーム中での行動を決定し得る複数の項目からなる一覧を画面上に表示可能な携帯端末と通信可能に接続されるサーバ装置が、前記一覧に含まれる複数の項目のいずれかに関する情報を前記携帯端末の画面上に表示させるために実行するゲーム制御方法であって、前記携帯端末の画面上に表示された一覧に対する前記ユーザの操作に応じて、当該一覧を移動させ、当該一覧の移動が終了した時点で当該一覧に含まれる複数の項目のうちの１つを選択する項目選択工程と、前記選択された項目に関する情報を前記携帯端末の画面上に表示させるために、当該情報を当該携帯端末に送信する情報送信工程とを備えたことを特徴とするゲーム制御方法。

［２］［１］に記載のゲーム制御方法において、前記項目選択工程は、前記一覧に対する前記ユーザの操作に応じて、当該一覧の移動量を算出する移動量算出工程と、前記算出された移動量に基づいて、前記一覧を移動させ、当該一覧の移動が終了した時点で当該一覧の最上部に位置する項目を選択する工程とを備えたことを特徴とするゲーム制御方法。

［３］［２］に記載のゲーム制御方法において、前記移動量算出工程は、前記一覧に対する前記ユーザのフリック操作に応じて、前記タッチパネルが接触を感知し始めた位置であって始点を示す始点位置情報と、前記接触を感知し始めた時刻を示す始点時刻情報とを前記携帯端末から取得する工程と、前記一覧に対する前記ユーザのフリック操作に応じた前記接触を感知し終えた位置であって終点を示す終点位置情報と、前記接触を感知し終えた時刻を示す終点時刻情報とを前記携帯端末から取得する工程と、前記始点位置情報、前記始点時刻情報、前記終点位置情報及び前記終点時刻情報に基づいて、前記ユーザのフリック操作の速度を示す操作速度を算出する操作速度算出工程と、前記始点から前記終点までの距離と前記算出された操作速度とに基づいて、前記一覧の移動量を算出する工程とを備えたことを特徴とするゲーム制御方法。

［４］［３］に記載のゲーム制御方法において、前記操作速度算出工程は、前記取得された終点位置情報により示される位置から前記取得された始点位置情報により示される位置を減算することにより、前記始点から前記終点までの距離を算出する工程と、前記取得された終点時刻情報により示される時刻から前記取得された始点時刻情報により示される時刻を減算することにより、前記接触を感知していた時間を算出する工程と、前記算出された距離を前記算出された時間で除算することにより、前記操作速度を算出する工程とを備えたことを特徴とするゲーム制御方法。

［５］［３］または［４］に記載のゲーム制御方法において、前記算出された操作速度に基づいて、前記一覧が移動可能な時間を設定する移動時間設定工程を更に備えたことを特徴とするゲーム制御方法。

［６］ゲームをプレイするユーザの操作に応じた接触を感知するタッチパネルを備え、ゲームプレイ時には当該ゲーム中での行動を決定し得る複数の項目からなる一覧を画面上に表示可能な携帯端末と通信可能に接続されるサーバ装置であって、前記携帯端末の画面上に表示された一覧に対する前記ユーザの操作に応じて、当該一覧を移動させ、当該一覧の移動が終了した時点で当該一覧に含まれる複数の項目のうちの１つを選択する項目選択手段と、前記選択された項目に関する情報を前記携帯端末の画面上に表示させるために、当該情報を当該携帯端末に送信する情報送信手段とを備えたことを特徴とするサーバ装置。

［７］ゲームをプレイするユーザの操作に応じた接触を感知するタッチパネルを備え、ゲームプレイ時には当該ゲーム中での行動を決定し得る複数の項目からなる一覧を画面上に表示可能な携帯端末と通信可能に接続されるサーバ装置に用いられるゲーム制御プログラムであって、前記サーバ装置を、前記携帯端末の画面上に表示された一覧に対する前記ユーザの操作に応じて、当該一覧を移動させ、当該一覧の移動が終了した時点で当該一覧に含まれる複数の項目のうちの１つを選択する項目選択手段、前記選択された項目に関する情報を前記携帯端末の画面上に表示させるために、当該情報を当該携帯端末に送信する情報送信手段、として機能させるためのゲーム制御プログラム。

［８］［７］に記載のゲーム制御プログラムを記憶したコンピュータ読み取り可能な記憶媒体。

１…ネットワーク、２…ウェブサーバ装置、４Ａ，４Ｂ，４Ｃ…携帯端末、５…アクセスポイント、６…基地局、２１，４１Ａ…メモリ、２２，４２Ａ…記憶装置、２３，４３Ａ…プロセッサ、２４，４４Ａ…通信部、４５Ａ…電子コンパス、４６Ａ…カメラ、４７Ａ…表示部、４８Ａ…タッチパネル、ｐ＿ｓ０，ｐ＿ｃ０…ＯＳ、ｐ＿ｓ１…サーバ側ＪＳ実行環境プログラム、ｐ＿ｓ２，ｐ＿ｃ３…Ａ社フレームワークプログラム、ｐ＿ｓ３，ｐ＿ｃ４…ゲーム制御プログラム、ｐ＿ｃ１…アプリケーション実行環境プログラム、ｐ＿ｃ２…Ａ社ＤＢ接続キットプログラム、Ｃ１…アプリケーション実行環境、Ｃ２…Ａ社ＤＢ接続キット、Ｃ３，Ｓ２…フレームワーク、Ｓ１…サーバ側ＪＳ実行環境、ｒ１…一覧表示領域、ｒ２…情報表示領域。

Claims (7)

1. ユーザに操作される携帯端末との通信を行う通信部、及び複数の項目情報からなる一覧表示領域を示す情報と、前記複数の項目情報の各々に対応した情報とを記憶する記憶部を備えるサーバ装置であるコンピュータにおける表示制御方法であって、
   前記一覧表示領域を有する画面を前記携帯端末に表示するための画面表示データを前記通信部から前記携帯端末に送信する工程と、
   前記一覧表示領域をスクロール可能に前記携帯端末に表示するための表示データを前記通信部から前記携帯端末に送信する工程と、
   前記ユーザによる前記携帯端末の操作に応じた当該一覧表示領域のスクロール移動が終了した時点で当該一覧表示領域に表示された複数の項目情報のうちの１つの項目情報が所定の選択方法に応じて選択されると、前記選択された項目情報に対応する情報のうちの概要情報を前記記憶部から読み出し、当該読み出した概要情報に基づいて情報表示領域を前記一覧表示領域を有する画面と同じ画面に表示するためのデータであって、前記通信部から前記携帯端末に送信される前記データを作成する工程と
   を備えたことを特徴とする表示制御方法。
2. 請求項１に記載の表示制御方法において、
   前記一覧表示領域のスクロール移動は、前記一覧表示領域の表示内容の変化である
   ことを特徴とする表示制御方法。
3. 請求項１又は請求項２に記載の表示制御方法において、
   前記データを作成する工程は、前記スクロール移動が終了した時点で前記１つの項目情報を自動的に選択する工程、
   を含んでいることを特徴とする表示制御方法。
4. ユーザに操作される携帯端末との通信を行う通信部を備えたサーバ装置であるコンピュータであって、
   複数の項目情報からなる一覧表示領域を示す情報と、前記複数の項目情報の各々に対応した情報とを記憶する記憶部と、
   前記一覧表示領域を有する画面を前記携帯端末に表示するための画面表示データを前記通信部から前記携帯端末に送信する手段と、
   前記一覧表示領域をスクロール可能に前記携帯端末に表示するための表示データを前記通信部から前記携帯端末に送信する手段と、
   前記ユーザによる前記携帯端末の操作に応じた当該一覧表示領域のスクロール移動が終了した時点で当該一覧表示領域に表示された複数の項目情報のうちの１つの項目情報が所定の選択方法に応じて選択されると、前記選択された項目情報に対応する情報のうちの概要情報を前記記憶部から読み出し、当該読み出した概要情報に基づいて情報表示領域を前記一覧表示領域を有する画面と同じ画面に表示するためのデータであって、前記通信部から前記携帯端末に送信される前記データを作成する手段と
   を備えたことを特徴とするコンピュータ。
5. ユーザに操作される携帯端末との通信を行う通信部及び記憶部を備えるサーバ装置であるコンピュータに用いられる表示制御プログラムであって、
   前記コンピュータを、
   複数の項目情報からなる一覧表示領域を示す情報と、前記複数の項目情報の各々に対応した情報とを前記記憶部に書き込む手段、
   前記一覧表示領域を有する画面を前記携帯端末に表示するための画面表示データを前記通信部から前記携帯端末に送信する手段、
   前記一覧表示領域をスクロール可能に前記携帯端末に表示するための表示データを前記通信部から前記携帯端末に送信する手段、
   前記ユーザによる前記携帯端末の操作に応じた当該一覧表示領域のスクロール移動が終了した時点で当該一覧表示領域に表示された複数の項目情報のうちの１つの項目情報が所定の選択方法に応じて選択されると、前記選択された項目情報に対応する情報のうちの概要情報を前記記憶部から読み出し、当該読み出した概要情報に基づいて情報表示領域を前記一覧表示領域を有する画面と同じ画面に表示するためのデータであって、前記通信部から前記携帯端末に送信される前記データを作成する手段、
   として機能させるための表示制御プログラム。
6. ユーザに操作される携帯端末との通信を行う通信部及び記憶部を備えるサーバ装置であるコンピュータを、
   複数の項目情報からなる一覧表示領域を示す情報と、前記複数の項目情報の各々に対応した情報とを前記記憶部に書き込む手段、
   前記一覧表示領域を有する画面を前記携帯端末に表示するための画面表示データを前記通信部から前記携帯端末に送信する手段、
   前記一覧表示領域をスクロール可能に前記携帯端末に表示するための表示データを前記通信部から前記携帯端末に送信する手段、
   前記ユーザによる前記携帯端末の操作に応じた当該一覧表示領域のスクロール移動が終了した時点で当該一覧表示領域に表示された複数の項目情報のうちの１つの項目情報が所定の選択方法に応じて選択されると、前記選択された項目情報に対応する情報のうちの概要情報を前記記憶部から読み出し、当該読み出した概要情報に基づいて情報表示領域を前記一覧表示領域を有する画面と同じ画面に表示するためのデータであって、前記通信部から前記携帯端末に送信される前記データを作成する手段、
   として機能させるための表示制御プログラムを記憶したコンピュータ読み取り可能な記憶媒体。
7. ユーザに操作される携帯端末との通信を行う通信部、及び複数の項目情報からなる一覧表示領域を示す情報を記憶する第１記憶部を備えるサーバ装置と、前記複数の項目情報の各々に対応した情報を記憶する第２記憶部を備える前記携帯端末とにおける表示制御方法であって、
   前記サーバ装置が、前記一覧表示領域を有する画面を前記携帯端末に表示するための画面表示データを前記通信部から前記携帯端末に送信する工程と、
   前記サーバ装置が、前記一覧表示領域をスクロール可能に前記携帯端末に表示するための表示データを前記通信部から前記携帯端末に送信する工程と、
   前記携帯端末が、前記ユーザによる前記携帯端末の操作に応じた当該一覧表示領域のスクロール移動が終了した時点で当該一覧表示領域に表示された複数の項目情報のうちの１つの項目情報が所定の選択方法に応じて選択されると、前記選択された項目情報に対応する情報のうちの概要情報を前記第２記憶部から読み出し、当該読み出した概要情報に基づいて情報表示領域を前記一覧表示領域を有する画面と同じ画面に表示する工程と
   を備えたことを特徴とする表示制御方法。