特許 7540251 表示制御方法、表示制御装置、表示制御システム及びプログラム

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

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

(11)【特許番号】

(24)【登録日】2024-08-19

(45)【発行日】2024-08-27

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

(51)【国際特許分類】

   G06F 3/0484 20220101AFI20240820BHJP

   G09G 5/37 20060101ALI20240820BHJP

   G09G 5/38 20060101ALI20240820BHJP

【ＦＩ】

G06F3/0484

G09G5/37 600

G09G5/38 100

【請求項の数】 10

(21)【出願番号】P 2020149932

(22)【出願日】2020-09-07

(65)【公開番号】P2022044349

(43)【公開日】2022-03-17

【審査請求日】2023-07-24

(73)【特許権者】

【識別番号】000001443

【氏名又は名称】カシオ計算機株式会社

(74)【代理人】

【識別番号】100095407

【弁理士】

【氏名又は名称】木村 満

(72)【発明者】

【氏名】前田 直哉

【審査官】田川 泰宏

(56)【参考文献】

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

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

【文献】特開２０１７－１２６１８１（ＪＰ，Ａ）

【文献】特開２０１３－１８２５８４（ＪＰ，Ａ）

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

Ｇ０６Ｆ ３／０１－３／０４８９５

Ｇ０９Ｇ ５／３７

Ｇ０９Ｇ ５／３８

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

【請求項1】

画面に表示されている対象を、対象者による連続的な操作に応じて連続的に移動させる表示制御を実行し、
前記対象としての第１の対象及び第２の対象が、互いの間に間隔を存した状態で前記画面に表示されている場合において、前記表示制御の実行により前記第１の対象が前記第２の対象に近づけられることによって、前記第１の対象と前記第２の対象との間の距離である対象間距離が、ある距離以下になっているか否かを判定し、
前記対象者による許可入力の有無を判定し、
前記対象間距離が前記ある距離以下になっていると判定されているときに、前記第１の対象及び前記第２の対象を、ある位置関係に前記第１の対象と前記第２の対象との互いの位置関係がなるように前記画面に表示させる位置関係表示制御の実行に対するユーザの許可を確認するための確認動作を実行し、
前記確認動作の実行中、前記第１の対象を前記対象者による連続的な操作に応じて前記第２の対象に沿って連続的に移動させることにより、前記画面に表示させる前記第２の対象の位置を維持しつつ、前記画面に表示させる前記第１の対象の位置を前記第２の対象と前記ある位置関係を保ったまま連続的に移動させ、前記対象者による前記許可入力があったと判定されたときに、前記位置関係表示制御を実行する、
表示制御方法。

【請求項2】

前記第２の対象は複数存在する、
請求項１に記載の表示制御方法。

【請求項3】

前記第１の対象及び前記第２の対象は、２次元又は３次元の図形であり、
前記ある位置関係は、前記第１の対象が前記第２の対象に接する位置関係である、
請求項１又は２に記載の表示制御方法。

【請求項4】

前記対象者による連続的な操作に応じて前記第１の対象が前記第２の対象に接していた状態から複数の交点で交わっている状態になっているか否かを判定し、
前記第１の対象が前記第２の対象に接していた状態から前記複数の交点で交わっている状態になっていると判定されたときに、前記確認動作を実行しない、
請求項３に記載の表示制御方法。

【請求項5】

前記第１の対象の重心と前記第２の対象の重心とを結ぶ直線に直交する仮想の直交線と、前記第１の対象の接線と、前記第２の対象の接線とが互いに平行であるか否かを判定し、
前記仮想の直交線と、前記第１の対象の接線と、前記第２の対象の接線とが互いに平行であると判定され、かつ、前記対象間距離が前記ある距離以下になっていると判定されているときに、前記確認動作を実行することによって、前記第１の対象及び前記第２の対象の前記少なくとも一方の接線を表示し、
前記仮想の直交線と、前記第１の対象の接線と、前記第２の対象の接線とが互いに平行でないと判定されているときには、前記確認動作を実行しない、
請求項３又は４に記載の表示制御方法。

【請求項6】

前記第２の対象は複数存在し、
前記確認動作が実行される場合において、互いに平行な前記仮想の直交線及び前記第１の対象の接線と平行な接線を有する前記第２の対象が複数であるときに、前記複数の第２の対象のうち、前記対象間距離が最も小さい前記第２の対象の接線を表示する、
請求項５に記載の表示制御方法。

【請求項7】

前記確認動作が実行される場合において、前記第１の対象及び前記第２の対象の少なくとも一方を、前記対象間距離が前記ある距離よりも大きいときとは異なる表示態様で表示する、
請求項１から６のいずれか１項に記載の表示制御方法。

【請求項8】

画面に表示されている対象を、対象者による連続的な操作に応じて連続的に移動させる表示制御手段と、
前記対象としての第１の対象及び第２の対象が、互いの間に間隔を存した状態で前記画面に表示されている場合において、前記表示制御手段により前記第１の対象が前記第２の対象に近づけられることによって、前記第１の対象と前記第２の対象との間の距離である対象間距離が、ある距離以下になっているか否かを判定する第１の判定手段と、
前記対象者による許可入力があったか否かを判定する第２の判定手段と、を備え、
前記表示制御手段は、
前記第１の判定手段により前記対象間距離が前記ある距離以下になっていると判定されているときに、前記第１の対象及び前記第２の対象を、ある位置関係に前記第１の対象と前記第２の対象との互いの位置関係がなるように前記画面に表示させる位置関係表示制御の実行に対する前記対象者の許可を確認するための確認動作を実行し、
前記確認動作の実行中、前記第１の対象を前記対象者による連続的な操作に応じて前記第２の対象に沿って連続的に移動させることにより、前記画面に表示させる前記第２の対象の位置を維持しつつ、前記画面に表示させる前記第１の対象の位置を前記第２の対象と前記ある位置関係を保ったまま連続的に移動させ、前記第２の判定手段により前記対象者による前記許可入力があったと判定されたときに、前記位置関係表示制御を実行する、
表示制御装置。

【請求項9】

サーバ装置と端末装置とを備える表示制御システムであって、
画面に表示されている対象を、対象者による連続的な操作に応じて連続的に移動させる表示制御手段と、
前記対象としての第１の対象及び第２の対象が、互いの間に間隔を存した状態で前記画面に表示されている場合において、前記表示制御手段により前記第１の対象が前記第２の対象に近づけられることによって、前記第１の対象と前記第２の対象との間の距離である対象間距離が、ある距離以下になっているか否かを判定する第１の判定手段と、
前記対象者による許可入力があったか否かを判定する第２の判定手段と、を備え、
前記表示制御手段は、
前記第１の判定手段により前記対象間距離が前記ある距離以下になっていると判定されているときに、前記第１の対象及び前記第２の対象を、ある位置関係に前記第１の対象と前記第２の対象との互いの位置関係がなるように前記画面に表示させる位置関係表示制御の実行に対する前記対象者の許可を確認するための確認動作を実行し、
前記確認動作の実行中、前記第１の対象を前記対象者による連続的な操作に応じて前記第２の対象に沿って連続的に移動させることにより、前記画面に表示させる前記第２の対象の位置を維持しつつ、前記画面に表示させる前記第１の対象の位置を前記第２の対象と前記ある位置関係を保ったまま連続的に移動させ、前記第２の判定手段により前記対象者による前記許可入力があったと判定されたときに、前記位置関係表示制御を実行する、
表示制御システム。

【請求項10】

コンピュータに、
画面に表示されている対象を、対象者による連続的な操作に応じて連続的に移動させる処理と、
前記対象としての第１の対象及び第２の対象が、互いの間に間隔を存した状態で前記画面に表示されている場合において、前記第１の対象が前記第２の対象に近づけられることによって、前記第１の対象と前記第２の対象との間の距離である対象間距離が、ある距離以下になっているか否かを判定する処理と、
前記対象者による許可入力の有無を判定する処理と、
前記対象間距離が前記ある距離以下になっていると判定されているときに、前記第１の対象及び前記第２の対象を、ある位置関係に前記第１の対象と前記第２の対象との互いの位置関係がなるように前記画面に表示させる位置関係表示制御の実行に対する前記対象者の許可を確認するための確認動作を実行する処理と、
前記確認動作の実行中、前記第１の対象を前記対象者による連続的な操作に応じて前記第２の対象に沿って連続的に移動させることにより、前記画面に表示させる前記第２の対象の位置を維持しつつ、前記画面に表示させる前記第１の対象の位置を前記第２の対象と前記ある位置関係を保ったまま連続的に移動させ、前記対象者による前記許可入力があったと判定されたときに、前記位置関係表示制御を実行する処理と、
を実行させるためのプログラム。

【発明の詳細な説明】

【技術分野】

【0001】

本発明は、表示制御方法、表示制御装置、表示制御システム及びプログラムに関する。

【背景技術】

【0002】

現在のモバイルアプリケーションは、タッチパネルの画面上を指で触れて操作するタッチジェスチャ操作が主流である。タッチジェスチャ操作において、例えば、画面上の対象に指を触れ、指を触れた状態を維持しながら指を移動して、目的の場所に到達すると指を画面から離すことによって、対象を目的の場所に移動することができる（非特許文献１）。このタッチジェスチャ操作により、図形、グラフ等を対象とする描画において、対象を移動して他の対象と所定の位置関係、例えば、移動した図形が他の図形と接する位置に配置する。

【先行技術文献】

【非特許文献】

【0003】

【文献】“タッチパネルでの操作方法”，［online］，NECパーソナルコンピュータ株式会社，［令和２年７月７日検索］，インターネット＜URL：https://support.nec-lavie.jp/e-manual/m/nx/vp/201109/pdf/pg/sw4/v1/mst/versapro_w7_manual/_manual/02_kakubu/02-30_panel/vt/VT71023002.htm＞

【発明の概要】

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

【0004】

しかしながら、指によるタッチジェスチャ操作を行う場合、指がタッチパネルに接触する面積が広いため、正確に対象を他の対象と所定の位置関係となる位置に移動することが困難なことがある。タッチパネルディスプレイが小さく、表示される対象同士が小さい場合、対象を的確な位置に移動することは更に困難である。また、近年のタッチパネルは「静電容量方式」を採用しており、指が乾燥している場合タッチパネルの反応が鈍くなり、細かいタッチジェスチャ操作を行うことは難しい。また、正確に対象を他の対象と所定の位置関係となる位置に移動することは、タッチパネルによるタッチジェスチャ操作に限らず、マウスポインティングデバイスを用いた操作であっても容易ではない。

【0005】

本発明は、上記に鑑みてなされたものであって、対象を他の対象に対して的確な位置に容易に移動させることを目的とする。

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

【0006】

本発明に係る表示制御方法は、
画面に表示されている対象を、対象者による連続的な操作に応じて連続的に移動させる表示制御を実行し、
前記対象としての第１の対象及び第２の対象が、互いの間に間隔を存した状態で前記画面に表示されている場合において、前記表示制御の実行により前記第１の対象が前記第２の対象に近づけられることによって、前記第１の対象と前記第２の対象との間の距離である対象間距離が、ある距離以下になっているか否かを判定し、
前記対象者による許可入力の有無を判定し、
前記対象間距離が前記ある距離以下になっていると判定されているときに、前記第１の対象及び前記第２の対象を、ある位置関係に前記第１の対象と前記第２の対象との互いの位置関係がなるように前記画面に表示させる位置関係表示制御の実行に対するユーザの許可を確認するための確認動作を実行し、
前記確認動作の実行中、前記第１の対象を前記対象者による連続的な操作に応じて前記第２の対象に沿って連続的に移動させることにより、前記画面に表示させる前記第２の対象の位置を維持しつつ、前記画面に表示させる前記第１の対象の位置を前記第２の対象と前記ある位置関係を保ったまま連続的に移動させ、前記対象者による前記許可入力があったと判定されたときに、前記位置関係表示制御を実行する。

【発明の効果】

【0007】

本発明によれば、対象を他の対象に対して的確な位置に容易に移動させることができる。

【図面の簡単な説明】

【0008】

【図1】本発明の第１の実施の形態に係る表示制御システムの物理構成を示す図である。

【図2】本発明の第１の実施の形態に係る表示制御システムの機能構成を示す図である。

【図3】本発明の第１の実施の形態に係る表示制御システムの端末装置の表示部に表示されるウェブブラウザ上で動作する図形描画アプリケーションの表示画面の一例を示す図である。

【図4】本発明の第１の実施の形態に係る図形描画処理手順を示すフローチャートである。

【図5】本発明の第１の実施の形態に係る表示制御処理手順を示すフローチャートである。

【図6】（Ａ）は本発明の第１の実施の形態に係る対象と他の対象との距離がある値以下に達した状態を示す表示画面、（Ｂ）は対象が他の対象に接する位置に移動した状態を示す表示画面である。

【図7】本発明の第１の実施の形態に係る他の対象が複数存在する場合の表示制御処理手順を示すフローチャートである。

【図8】（Ａ）は本発明の第１の実施の形態に係る対象と複数の他の対象との距離がある値以下に達した状態を示す表示画面、（Ｂ）は対象が複数の他の対象に接する位置に移動した状態を示す表示画面、（Ｃ）は対象が移動したことで他の対象に２点で交わった状態を示す表示画面である。

【図9】本発明の第１の実施の形態に係る接点移動処理手順を示すフローチャートである。

【図10】（Ａ）は本発明の第１の実施の形態に係る対象を他の対象に沿ってドラッグ操作した状態を示す表示画面、（Ｂ）は対象が他の対象に沿って移動した状態を示す表示画面である。

【図11】本発明の第２の実施の形態に係る表示制御処理手順を示すフローチャートである。

【図12】（Ａ）は本発明の第２の実施の形態に係る対象と他の対象との距離がある値以下に達した状態を示す表示画面、（Ｂ）は対象が他の対象に接する位置に移動した状態を示す表示画面である。

【図13】（Ａ）は本発明の第２の実施の形態に係る矩形同士が互いに斜めに位置する状態を示す表示画面、（Ｂ）は矩形同士が互いに対向して位置する状態を示す表示画面、（Ｃ）は矩形同士が互いに接した状態を示す表示画面である。

【図14】本発明の第２の実施の形態に係る他の対象が複数存在する場合の表示制御処理手順を示すフローチャートである。

【図15】（Ａ）は本発明の第２の実施の形態に係る対象と複数の他の対象との距離がある値以下に達した状態を示す表示画面、（Ｂ）は対象と複数の他の対象との距離がある値以下であり、かつ複数の他の対象との距離が互いに同じである状態を示す表示画面である。

【図16】本発明の第３の実施の形態に係る表示制御処理手順を示すフローチャートである。

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

【0009】

以下、本発明の実施の形態にかかる表示制御システム、表示制御装置について図面を参照して説明する。

【0010】

（第１の実施の形態）
本実施の形態にかかる表示制御システム１は、図１に示すように、対象者であるユーザが操作する端末装置１０と、サーバ装置２０と、を備える。端末装置１０とサーバ装置２０は、ネットワーク３０を介して通信可能に接続されている。ネットワーク３０は、例えばインターネットである。

【0011】

表示制御システム１は、ユーザが入力した数式に基づいて演算を行い、演算結果を関数のグラフとして端末装置１０の画面上に表示する。また、ユーザが入力した幾何学図形を端末装置１０の画面上に表示する。描画された対象であるグラフ及び幾何学図形（以下、グラフ及び幾何学図形をまとめて図形と呼ぶ）は、ユーザの操作により移動させることが可能である。

【0012】

端末装置１０は、ユーザが操作し、操作結果が表示されるタブレット端末、スマートフォン、パーソナルコンピュータ（ＰＣ）等である。端末装置１０は、ＣＰＵ（Central Processing Unit）１１と、ＲＯＭ（Read Only Memory）１２と、ＲＡＭ（Random Access Memory）１３と、記憶部１４と、入力部１５と、表示部１６と、タッチパネル１７と、通信部１８と、を備える。これらの各々は、システムバス１９を介して互いに接続されている。

【0013】

ＣＰＵ１１は、例えばマイクロプロセッサ等であって、様々な処理や演算を実行する中央演算処理部である。ＲＯＭ１２は、各種初期設定、ハードウェアの検査、プログラムのロード等を行うための初期プログラムを記憶する。ＲＡＭ１３は、ＣＰＵ１１が実行する各種ソフトウェアプログラム、これらのソフトウェアプログラムを実行するために必要なデータ等を一時的に記憶する。ＣＰＵ１１は、システムバス１９を介して端末装置１０の各部に接続されており、ＲＯＭ１２に記憶されている制御プログラムを読み出して、ＲＡＭ１３をワークメモリとして用いながら、端末装置１０全体の動作を制御する制御部として機能する。

【0014】

記憶部１４は、フラッシュメモリ、ハードディスク等の不揮発性メモリである。記憶部１４は、端末装置１０が各種処理を行うために使用するソフトウェアプログラム及びデータ、端末装置１０が生成した各種データ等を記憶する。

【0015】

入力部１５は、ユーザからの入力を受け付けるキーボード、マウス等の外部入力装置を含む。ユーザの操作により入力部１５を通じて入力された情報はシステムバス１９を介してＣＰＵ１１に伝達され、ＣＰＵ１１は入力された情報を判定し、入力された情報に応じた処理を実行する。

【0016】

表示部１６は、液晶ディスプレイ、有機ＥＬ（Electro Luminescence）ディスプレイ等の表示画面を備える。表示部１６は、ＣＰＵ１１により実行される処理に応じた画像を表示画面に表示する。タッチパネル１７は、ユーザの指によるタッチ操作に応じた入力がなされる。タッチパネル１７は、表示部１６の表示画面に重ねて一体化される。表示部１６とタッチパネル１７によりタッチパネルディスプレイが構成される。通信部１８は、他の装置と通信するためのデバイスを備え、インターネット等の通信ネットワークに接続する機能を有する。通信部１８は、ネットワーク３０を介してサーバ装置２０との間で通信を行う。

【0017】

サーバ装置２０は、ＣＰＵ（Central Processing Unit）２１と、ＲＯＭ（Read Only Memory）２２と、ＲＡＭ（Random Access Memory）２３と、記憶部２４と、通信部２５と、を備える。通信部２５は、他の装置と通信するためのデバイスを備え、インターネット等の通信ネットワークに接続する機能を有する。これらの各々は、システムバス２６を介して互いに接続されている。

【0018】

ＣＰＵ２１は、例えばマイクロプロセッサ等であって、様々な処理や演算を実行し、サーバ装置２０全体の動作を制御する。ＲＯＭ２２は、ＣＰＵ２１の動作に使用するプログラム等の情報を記憶する。ＲＡＭ２３は、ＣＰＵ２１が実行する各種ソフトウェアプログラム、必要なデータ等を一時的に記憶し、ＣＰＵ２１のワークエリアとして機能する。記憶部２４は、フラッシュメモリ、ハードディスク等の不揮発性メモリである。記憶部２４は、サーバ装置２０を制御するプログラム、各種演算処理を行うために使用するソフトウェアプログラム、パラメータ、サーバ装置２０の演算結果等の各種データを記憶する。通信部２５は、インターネット等の通信ネットワークに接続する機能を有しており、ネットワーク３０を介して端末装置１０との間で通信を行う。

【0019】

前述したように、端末装置１０のＣＰＵ１１は、ＲＯＭ１２に記憶されたソフトウェアプログラムをＲＡＭ１３に読み出して、そのソフトウェアプログラムを実行制御する制御部として機能し、機能的には図２に示すように構成される。制御部３１は、表示部１６の表示画面に図形を表示するとともに、ユーザによる連続的な操作に応じて図形を連続的に移動させる表示制御部３５と、サーバ装置２０に描画する図形の座標演算を指示する演算指示部３２と、表示画面に表示される図形と他の図形の間の距離を判定する距離判定部３３と、ユーザによる許可入力の有無を判定する許可入力判定部３４と、を備える。また表示制御部３５は、距離判定部３３により上記の２つの図形の間の距離がある距離以下と判定されると、２つの図形が互いにある位置関係となるように調整されることに対するユーザの許可を確認するために、図形を点滅等の表示態様で表示する確認表示制御部３６と、許可入力判定部３４により許可入力があったと判定されると、２つの図形が互いにある位置関係となるよう調整して表示画面に表示させる位置関係表示制御部３７と、を備える。また、サーバ装置２０は、ＣＰＵ２１が、ＲＯＭ２２に記憶されたソフトウェアプログラムをＲＡＭ２３に読み出して、そのソフトウェアプログラムを実行制御する制御部３８として機能し、制御部３８は端末装置１０の演算指示部３２からの演算要求に応じて演算を行う演算部３９を備える。

【0020】

ユーザは、端末装置１０で動作するウェブブラウザにおいてサーバ装置２０のアドレスを指定する。端末装置１０のウェブブラウザは、数式の入力受付等に応じてサーバ装置２０へ演算要求を行い、サーバ装置２０が演算プログラムにしたがって実行した演算の結果をサーバ装置２０からの応答として受信する。端末装置１０は、受信した演算結果を用いて、ウェブブラウザ上で動作するプログラムにしたがって図形を描画する。このように、表示制御システム１では、端末装置１０のウェブブラウザ上で動作するプログラムと、サーバ装置２０の演算プログラムとが協働することにより、図形描画のためのウェブアプリケーションとしての機能が実現される。

【0021】

図３は、ウェブブラウザ上で動作する図形描画アプリケーションの表示画面の一例を示す図である。図３に示される表示画面は、端末装置１０の表示部１６に表示される図形表示エリア４０を示している。図形表示エリア４０は、グラフ及び幾何学図形を表示するためのエリアであり、座標軸が表示されている。

【0022】

図４は、本実施の形態における表示制御システム１の図形描画動作の一例を示すフローチャートである。図面の左側に記載されているステップＳ１０１，Ｓ１０２，Ｓ１０４，Ｓ１０５の処理は端末装置１０が実行する処理を示し、右側に記載されているステップＳ１０３の処理はサーバ装置２０が実行する処理である。
まず、端末装置１０のＣＰＵ１１は、入力部１５を介してユーザからの図形描画指示を受け付けたか否かを判定する（ステップＳ１０１）。図形描画指示を受け付けたと判定されない場合（ステップＳ１０１：ＮＯ）、判定されるまで待機する。図形描画指示を受け付けたと判定された場合（ステップＳ１０１：ＹＥＳ）、ステップＳ１０２に進む。

【0023】

ステップＳ１０２において、端末装置１０は、図形描画に必要な情報をサーバ装置２０に送信する。必要な情報としては、グラフ描画の場合は当該グラフに対応する数式であり、幾何学図形描画の場合は当該図形の種類である。数式については、数式を入力するための数式付箋（図示せず）を表示画面に表示させて、入力部１５のキーボード又は表示部１６の表示画面に表示されるソフトウエアキーボードをユーザが操作することにより、表示されている数式付箋に数式が入力される。図形の種類については、図形の種類をアイコンで示した描画メニュー（図示せず）を表示画面に表示させて、ユーザが描画メニューから描画したい図形に応じたアイコンを選択することによって、入力される。描画メニューは、例えば、円を描画するための円アイコンと、多角形を描画するための多角形アイコン等を含む。ユーザは、これらのアイコンの中から作図したい図形のアイコンを選択して操作し、必要な情報を入力する。

【0024】

図形描画に必要な情報がサーバ装置２０に送信されると、サーバ装置２０は、送信された必要な情報を受信し、演算プログラムにしたがって、受信した情報に基づいて表示する図形の座標の演算を行い、それによる演算結果を端末装置１０に送信する（ステップＳ１０３）。

【0025】

端末装置１０のＣＰＵ１１は、サーバ装置２０から送信された演算結果を受信すると（ステップＳ１０４）、受信した演算結果に基づいて図形を表示部１６に表示させる（ステップＳ１０５）。

【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】

上記の実施の形態において、対象として２次元の図形を例として説明したが、対象はこれに限らず３次元の図形であってもよい。また、上記実施の形態において、端末装置１０とサーバ装置２０から構成される表示制御システム１について説明したが、端末装置１０のみですべての処理を実行するようにしてもよい。この場合、演算処理プログラムを含むすべての処理を実行するためのプログラムがＲＯＭ１２、記憶部１４に記憶される。また、上記実施の形態において、ＣＰＵ１１がＲＯＭ１２に記憶されたプログラムを実行することによって、制御部として機能した。しかしながら、ＣＰＵ１１がＲＯＭ１２に記憶されたプログラムを実行する代わりに、例えばＡＳＩＣ（Application Specific Integrated Circuit）、ＦＰＧＡ（Field-Programmable Gate Array）、各種制御回路等の専用のハードウェアを備え、専用のハードウェアが、制御部として機能しても良い。この場合、一部を専用のハードウェアによって実現し、他の一部をソフトウェア又はファームウェアによって実現しても良い。

【0084】

また、上記実施の形態において、ＲＯＭ１２に予めプログラムを記憶しておくことはもとより、メモリカード等の外部記録媒体から記録媒体読取部を介してＲＡＭ１３等に読み込ませて記憶されたものであってもよい。

【0085】

本発明の実施の形態を説明したが、本発明の範囲は、上述の実施の形態に限定するものではなく、特許請求の範囲に記載された発明の範囲とその均等の範囲を含む。以下に、この出願の願書に最初に添付した特許請求の範囲に記載した発明を付記する。付記の番号は、この出願の願書に最初に添付した特許請求の範囲の通りである。

【0086】

（付記１）
画面に表示されている対象を、対象者による連続的な操作に応じて連続的に移動させる表示制御を実行し、
前記対象としての第１の対象及び第２の対象が、互いの間に間隔を存した状態で前記画面に表示されている場合において、前記表示制御の実行により前記第１の対象が前記第２の対象に近づけられることによって、前記第１の対象と前記第２との対象の間の距離である対象間距離が、ある距離以下になっているか否かを判定し、
前記対象者による許可入力の有無を判定し、
前記対象間距離が前記ある距離以下になっていると判定されているときに、前記第１の対象及び前記第２の対象を、ある位置関係に前記第１の対象と前記第２の対象との互いの位置関係がなるように前記画面に表示させる位置関係表示制御の実行に対するユーザの許可を確認するための確認動作を実行し、
前記確認動作の実行中、前記対象者による前記許可入力があったと判定されたときに、前記位置関係表示制御を実行する、
表示制御方法。

【0087】

（付記２）
前記第２の対象は複数存在する、
付記１に記載の表示制御方法。

【0088】

（付記３）
前記第１の対象を前記対象者による連続的な操作に応じて連続的に移動させることにより、前記第２の対象に対して前記ある位置関係にある前記第１の対象を、前記ある位置関係を保ったまま連続的に移動させる、
付記１又は２に記載の表示制御方法。

【0089】

（付記４）
前記第１の対象及び前記第２の対象は、２次元又は３次元の図形であり、
前記ある位置関係は、前記第１の対象が前記第２の対象に接する位置関係である、
付記１から３のいずれか１つに記載の表示制御方法。

【0090】

（付記５）
前記対象者による連続的な操作に応じて前記第１の対象が前記第２の対象に接していた状態から複数の交点で交わっている状態になっているか否かを判定し、
前記第１の対象が前記第２の対象に接していた状態から前記複数の交点で交わっている状態になっていると判定されたときに、前記確認動作を実行しない、
付記４に記載の表示制御方法。

【0091】

（付記６）
前記第１の対象の重心と前記第２の対象の重心とを結ぶ直線に直交する仮想の直交線と、前記第１の対象の接線と、前記第２の対象の接線とが互いに平行であるか否かを判定し、
前記仮想の直交線と、前記第１の対象の接線と、前記第２の対象の接線とが互いに平行であると判定され、かつ、前記対象間距離が前記ある距離以下になっていると判定されているときに、前記確認動作を実行することによって、前記第１の対象及び前記第２の対象の前記少なくとも一方の接線を表示し、
前記仮想の直交線と、前記第１の対象の接線と、前記第２の対象の接線とが互いに平行でないと判定されているときには、前記確認動作を実行しない、
付記４又は５に記載の表示制御方法。

【0092】

（付記７）
前記第２の対象は複数存在し、
前記確認動作が実行される場合において、互いに平行な前記仮想の直交線及び前記第１の対象の接線と平行な接線を有する前記第２の対象が複数であるときに、前記複数の第２の対象のうち、前記対象間距離が最も小さい前記第２の対象の接線を表示する、
付記６に記載の表示制御方法。

【0093】

（付記８）
前記確認動作が実行される場合において、前記第１の対象及び前記第２の対象の少なくとも一方を、前記対象間距離が前記ある距離よりも大きいときとは異なる表示態様で表示する、
付記１から７のいずれか１つに記載の表示制御方法。

【0094】

（付記９）
画面に表示されている対象を、対象者による連続的な操作に応じて連続的に移動させる表示制御手段と、
前記対象としての第１の対象及び第２の対象が、互いの間に間隔を存した状態で前記画面に表示されている場合において、前記表示制御手段により前記第１の対象が前記第２の対象に近づけられることによって、前記第１の対象と前記第２の対象との間の距離である対象間距離が、ある距離以下になっているか否かを判定する第１の判定手段と、
前記対象者による許可入力があったか否かを判定する第２の判定手段と、を備え、
前記表示制御手段は、
前記第１の判定手段により前記対象間距離が前記ある距離以下になっていると判定されているときに、前記第１の対象及び前記第２の対象を、ある位置関係に前記第１の対象と前記第２の対象との互いの位置関係がなるように前記画面に表示させる位置関係表示制御の実行に対する前記対象者の許可を確認するための確認動作を実行し、
前記確認動作の実行中、前記第２の判定手段により前記対象者による前記許可入力があったと判定されたときに、前記位置関係表示制御を実行する、
表示制御装置。

【0095】

（付記１０）
サーバ装置と端末装置とを備える表示制御システムであって、
画面に表示されている対象を、対象者による連続的な操作に応じて連続的に移動させる表示制御手段と、
前記対象としての第１の対象及び第２の対象が、互いの間に間隔を存した状態で前記画面に表示されている場合において、前記表示制御手段により前記第１の対象が前記第２の対象に近づけられることによって、前記第１の対象と前記第２の対象との間の距離である対象間距離が、ある距離以下になっているか否かを判定する第１の判定手段と、
前記対象者による許可入力があったか否かを判定する第２の判定手段と、を備え、
前記表示制御手段は、
前記第１の判定手段により前記対象間距離が前記ある距離以下になっていると判定されているときに、前記第１の対象及び前記第２の対象を、ある位置関係に前記第１の対象と前記第２の対象との互いの位置関係がなるように前記画面に表示させる位置関係表示制御の実行に対する前記対象者の許可を確認するための確認動作を実行し、
前記確認動作の実行中、前記第２の判定手段により前記対象者による前記許可入力があったと判定されたときに、前記位置関係表示制御を実行する、
表示制御システム。

【0096】

（付記１１）
コンピュータに、
画面に表示されている対象を、対象者による連続的な操作に応じて連続的に移動させる処理と、
前記対象としての第１の対象及び第２の対象が、互いの間に間隔を存した状態で前記画面に表示されている場合において、前記第１の対象が前記第２の対象に近づけられることによって、前記第１の対象と前記第２の対象との間の距離である対象間距離が、ある距離以下になっているか否かを判定する処理と、
前記対象者による許可入力の有無を判定する処理と、
前記対象間距離が前記ある距離以下になっていると判定されているときに、前記第１の対象及び前記第２の対象を、ある位置関係に前記第１の対象と前記第２の対象との互いの位置関係がなるように前記画面に表示させる位置関係表示制御の実行に対する前記対象者の許可を確認するための確認動作を実行する処理と、
前記確認動作の実行中、前記対象者による前記許可入力があったと判定されたときに、前記位置関係表示制御を実行する処理と、
を実行させるためのプログラム。

【符号の説明】

【0097】

１…表示制御システム、１０…端末装置、１１，２１…ＣＰＵ、１２，２２…ＲＯＭ、１３，２３…ＲＡＭ、１４，２４…記憶部、１５…入力部、１６…表示部、１７…タッチパネル、１８，２５…通信部、１９，２６…システムバス、２０…サーバ装置、３０…ネットワーク、３１，３８…制御部、３２…演算指示部、３３…距離判定部、３４…許可入力判定部、３５…表示制御部、３６…確認表示制御部、３７…位置関係表示制御部、３９…演算部、４０…図形表示エリア、４１，５１，５２，６１，７３，８３…直線、４２，５３，６２，７１，７２，９１，９２，９３…円、７５，７６，８５，８６，９４，９５…接線、７４，８４…直交線、８１，８２…矩形、ｃ，ｄ，ｇ，ｈ…重心、ｅ，ｆ，ｉ，ｊ…交点

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】

【図11】

【図12】

【図13】

【図14】

【図15】

【図16】