JP6031363B2

JP6031363B2 - Terminal device and display program

Info

Publication number: JP6031363B2
Application number: JP2013010496A
Authority: JP
Inventors: 勇吾中村
Original assignee: THA LTD.; KDDI Corp
Current assignee: THA LTD.; KDDI Corp
Priority date: 2013-01-23
Filing date: 2013-01-23
Publication date: 2016-11-24
Anticipated expiration: 2033-01-23
Also published as: JP2014142793A

Description

本発明は、端末装置及び表示プログラムに関する。 The present invention relates to a terminal device and a display program.

表示画面に定められた領域毎にアイコン画像を表示する電子装置（端末装置）が、特許文献１に開示されている。 An electronic device (terminal device) that displays an icon image for each region defined on a display screen is disclosed in Patent Document 1.

特開２０１２−１２８６１９号公報JP 2012-128619 A

しかしながら、端末装置は、表示画面に格子状に定められた領域毎に表示された画像を、表示画面のスクロール操作に応じて移動させる場合、その移動の速さをユーザに容易に認識させることができないという問題がある。 However, when the terminal device moves an image displayed for each region defined in a grid pattern on the display screen according to the scroll operation of the display screen, the terminal device can easily recognize the speed of the movement. There is a problem that you can not.

本発明は、前記の点に鑑みてなされたものであり、表示画面に格子状に定められた領域毎に表示された画像を、表示画面のスクロール操作に応じて移動させる場合、その移動の速さをユーザに容易に認識させることができる端末装置及び表示プログラムを提供することを目的とする。 The present invention has been made in view of the above points, and in the case where an image displayed for each region defined in a lattice shape on the display screen is moved according to a scroll operation of the display screen, the speed of the movement is increased. It is an object of the present invention to provide a terminal device and a display program that allow a user to easily recognize this.

本発明の一態様は、表示画面に格子状に定められた領域を表示する表示部と、前記領域を前記表示画面上で移動させるための操作を検出する検出部と、前記操作が検出された場合、前記領域に含まれる基準位置からの距離を、前記領域の輪郭の部分毎に算出し、前記基準位置から遠い前記部分ほど移動開始が遅く前記基準位置の移動方向に移動するよう、前記領域を前記表示画面上で移動させる制御部と、を備えることを特徴とする端末装置である。 According to one aspect of the present invention, a display unit that displays a region defined in a grid pattern on a display screen, a detection unit that detects an operation for moving the region on the display screen, and the operation is detected In this case, the distance from the reference position included in the region is calculated for each portion of the contour of the region, and the region farther from the reference position has a slower start of movement and moves in the moving direction of the reference position. And a control unit that moves the display device on the display screen.

また、本発明の一態様は、前記制御部が、前記基準位置としての前記領域の中心からの距離を、前記部分毎に算出することを特徴とする端末装置である。 One embodiment of the present invention is the terminal device, wherein the control unit calculates a distance from the center of the region as the reference position for each portion.

また、本発明の一態様は、前記制御部が、前記部分毎に算出された前記距離が閾値以上とならないように、前記輪郭を変形させることを特徴とする端末装置である。 One embodiment of the present invention is the terminal device, wherein the control unit deforms the contour so that the distance calculated for each portion does not exceed a threshold value.

また、本発明の一態様は、コンピュータに、表示画面に格子状に定められた領域を表示する手順と、前記領域を前記表示画面上で移動させるための操作を検出する手順と、前記操作が検出された場合、前記領域に含まれる基準位置からの距離を、前記領域の輪郭の部分毎に算出し、前記基準位置から遠い前記部分ほど移動開始が遅く前記基準位置の移動方向に移動するよう、前記領域を前記表示画面上で移動させる手順と、を実行させるための表示プログラムである。 Further, according to one embodiment of the present invention, a procedure for displaying an area defined in a grid pattern on a display screen, a procedure for detecting an operation for moving the area on the display screen, and When detected, the distance from the reference position included in the region is calculated for each contour part of the region, and the portion that is farther from the reference position starts moving slowly and moves in the moving direction of the reference position. And a procedure for moving the area on the display screen.

本発明によれば、制御部は、操作が検出された場合、領域に含まれる基準位置からの距離を、領域の輪郭の部分毎に算出し、基準位置から遠い部分ほど移動開始が遅く基準位置の移動方向に移動するよう、領域を表示画面上で移動させる。これにより、端末装置及び表示プログラムは、表示画面に格子状に定められた領域毎に表示された画像を、表示画面のスクロール操作に応じて移動させる場合、その移動の速さをユーザに容易に認識させることができる。 According to the present invention, when an operation is detected, the control unit calculates the distance from the reference position included in the region for each contour part of the region, and the movement start is slower in the portion farther from the reference position. The area is moved on the display screen so as to move in the moving direction. As a result, when the terminal device and the display program move the image displayed for each region defined in a grid pattern on the display screen according to the scroll operation of the display screen, the user can easily determine the speed of the movement. Can be recognized.

本発明の一実施形態における、端末装置の構成例を示すブロック図である。It is a block diagram which shows the structural example of the terminal device in one Embodiment of this invention. 本発明の一実施形態における、第１領域の形状の例を示す図である。It is a figure which shows the example of the shape of 1st area | region in one Embodiment of this invention. 本発明の一実施形態における、第２領域の形状の例を示す図である。It is a figure which shows the example of the shape of a 2nd area | region in one Embodiment of this invention. 本発明の一実施形態における、各領域の表示例を示す図である。It is a figure which shows the example of a display of each area | region in one Embodiment of this invention. 本発明の一実施形態における、変形された第１領域の第１例を示す図である。It is a figure which shows the 1st example of the deform | transformed 1st area | region in one Embodiment of this invention. 本発明の一実施形態における、変形された第２領域の第１例を示す図である。It is a figure which shows the 1st example of the deformed 2nd area | region in one Embodiment of this invention. 本発明の一実施形態における、第１例に示すように変形された各領域の表示例を示す図である。It is a figure which shows the example of a display of each area | region transformed as shown in the 1st example in one Embodiment of this invention. 本発明の一実施形態における、変形された第１領域の第２例を示す図である。It is a figure which shows the 2nd example of the deform | transformed 1st area | region in one Embodiment of this invention. 本発明の一実施形態における、変形された第２領域の第２例を示す図である。It is a figure which shows the 2nd example of the deformed 2nd area | region in one Embodiment of this invention. 本発明の一実施形態における、第２例に示すように変形された各領域の表示例を示す図である。It is a figure which shows the example of a display of each area | region transformed as shown in the 2nd example in one Embodiment of this invention. 本発明の一実施形態における、端末装置の動作手順例を示すフローチャートである。It is a flowchart which shows the example of an operation | movement procedure of a terminal device in one Embodiment of this invention.

本発明の一実施形態について図面を参照して詳細に説明する。端末装置は、表示画面に対するスクロール操作が検出された場合、表示画面に格子状に定められた領域に含まれる基準位置からの距離を、領域の輪郭の部分毎に算出し、基準位置から遠い部分ほど移動開始が遅く基準位置の移動方向に移動するよう、領域を表示画面上で移動させる。 An embodiment of the present invention will be described in detail with reference to the drawings. When a scroll operation on the display screen is detected, the terminal device calculates a distance from a reference position included in an area defined in a lattice shape on the display screen for each portion of the outline of the area, and a part far from the reference position The area is moved on the display screen so that the movement start is later and moves in the moving direction of the reference position.

これにより、端末装置及び表示プログラムは、表示画面に格子状に定められた領域毎に表示された画像を、表示画面のスクロール操作に応じて移動させる場合、その移動の速さをユーザに容易に認識させることができる。 As a result, when the terminal device and the display program move the image displayed for each region defined in a grid pattern on the display screen according to the scroll operation of the display screen, the user can easily determine the speed of the movement. Can be recognized.

図１には、端末装置の構成例が、ブロック図により示されている。端末装置１００は、検出部１１０と、記憶部１２０と、制御部１３０と、画像処理部１４０と、表示部１５０とを備える。 FIG. 1 is a block diagram illustrating a configuration example of a terminal device. The terminal device 100 includes a detection unit 110, a storage unit 120, a control unit 130, an image processing unit 140, and a display unit 150.

検出部１１０は、表示部１５０の表示画面を透明な部材で覆うように備えられる。検出部１１０は、表示画面に対する操作、例えば、表示画面に格子状に定められた領域（パネル）に対する操作を検出する。検出部１１０は、領域に対する操作を、例えば、ユーザの指と表示画面との接触に基づいて検出する。検出部１１０は、操作に応じた信号を、制御部１３０に出力する。領域に対する操作には、例えば、領域を表示画面上で移動（スクロール）させるための操作（以下、「スクロール操作」という。）がある。 The detection unit 110 is provided to cover the display screen of the display unit 150 with a transparent member. The detection unit 110 detects an operation on the display screen, for example, an operation on an area (panel) defined in a lattice shape on the display screen. The detection unit 110 detects an operation on the region based on, for example, contact between the user's finger and the display screen. The detection unit 110 outputs a signal corresponding to the operation to the control unit 130. The operation for the area includes, for example, an operation for moving (scrolling) the area on the display screen (hereinafter referred to as “scroll operation”).

記憶部１２０は、制御部１３０を動作させるためのプログラムを記憶する。また、記憶部１２０は、表示画面に格子状に定められた領域に表示される画像（例えば、写真画像）を示す情報を記憶する。 The storage unit 120 stores a program for operating the control unit 130. In addition, the storage unit 120 stores information indicating an image (for example, a photographic image) displayed in an area defined in a grid pattern on the display screen.

制御部１３０は、例えば、中央演算処理装置（ＣｅｎｔｒａｌＰｒｏｃｅｓｓｉｎｇＵｎｉｔ：ＣＰＵ）である。制御部１３０は、記憶部１２０に記憶されたプログラムに基づいて動作してもよい。制御部１３０には、操作に応じた信号が、検出部１１０から入力される。以下では、操作に応じた信号は、一例として、スクロール操作に応じた信号であるものとして説明を続ける。 The control unit 130 is, for example, a central processing unit (CPU). The control unit 130 may operate based on a program stored in the storage unit 120. A signal corresponding to the operation is input from the detection unit 110 to the control unit 130. In the following, description will be continued assuming that the signal corresponding to the operation is a signal corresponding to the scroll operation as an example.

制御部１３０は、操作に応じた信号が入力された場合、表示画面に格子状に定められた領域に含まれる基準位置からの距離を、その領域の輪郭の部分毎に算出する。以下、基準位置は、領域の輪郭が変形していない状態では、その領域の中心に定められているものとして説明を続ける。制御部１３０は、基準位置から遠い輪郭の部分ほど移動開始が遅く基準位置の移動方向に移動するよう、その領域を表示画面上で移動させるように、画像処理部１４０を制御する。 When a signal corresponding to an operation is input, the control unit 130 calculates a distance from a reference position included in a region defined in a lattice shape on the display screen for each contour portion of the region. Hereinafter, the description will be continued assuming that the reference position is set at the center of the region when the contour of the region is not deformed. The control unit 130 controls the image processing unit 140 to move the region on the display screen so that the contour portion farther from the reference position starts moving more slowly and moves in the moving direction of the reference position.

制御部１３０は、領域の輪郭の部分毎に算出された基準位置からの距離が所定閾値（上限値）以上とならないように、領域の輪郭を変形させる。領域の輪郭が変形された結果、その領域と他の領域とは、一部が重なってもよい。変形の詳細については、図５、図６、図８及び図９を用いて後述する。 The control unit 130 deforms the contour of the region so that the distance from the reference position calculated for each portion of the contour of the region does not exceed a predetermined threshold value (upper limit value). As a result of the transformation of the outline of the area, the area may overlap with another area. Details of the deformation will be described later with reference to FIGS. 5, 6, 8, and 9.

画像処理部１４０は、表示画面に格子状に定められた領域を表す画像と、各種の画像（例えば、時刻を示す画像、文字列を示す画像、写真画像）とを、制御部１３０による制御に基づいて生成する。また、画像処理部１４０は、アイコン画像を、制御部１３０による制御に基づいて生成してもよい。画像処理部１４０は、表示画面に格子状に定められた領域を表す画像を示す情報を、表示部１５０に出力する。また、画像処理部１４０は、生成した画像を示す情報を、表示画面に格子状に定められた領域毎に、表示部１５０に出力する。 The image processing unit 140 controls an image representing an area defined in a grid pattern on the display screen and various images (for example, an image indicating a time, an image indicating a character string, and a photographic image) by the control unit 130. Generate based on. Further, the image processing unit 140 may generate an icon image based on control by the control unit 130. The image processing unit 140 outputs information indicating an image representing an area defined in a lattice shape on the display screen to the display unit 150. In addition, the image processing unit 140 outputs information indicating the generated image to the display unit 150 for each area defined in a grid pattern on the display screen.

表示部１５０は、画像処理部１４０により生成された領域を表す画像を、表示画面に表示する。また、表示部１５０は、画像処理部１４０により生成された各種の画像を、その領域毎に表示画面に表示する。 The display unit 150 displays an image representing the area generated by the image processing unit 140 on the display screen. The display unit 150 displays various images generated by the image processing unit 140 on the display screen for each region.

次に、領域の輪郭の変形例について説明する。領域の輪郭については、例えば、輪郭の数百箇所の部分毎に、当該部分と基準位置との距離が算出されてもよい。以下では、説明を簡便にするために、領域の輪郭は、輪郭の１６箇所の部分毎に、当該部分と基準位置との距離が算出されるものとして説明を続ける。なお、各図において、基準位置を示す黒丸印と、領域の輪郭の部分を示す白丸印と、距離を示す矢印とは、いずれも説明のため図に描かれた印であり、表示部１５０の表示画面には表示されないものとする。 Next, a modified example of the outline of the region will be described. For the outline of the region, for example, the distance between the part and the reference position may be calculated for every several hundred parts of the outline. Hereinafter, in order to simplify the description, the description of the contour of the region will be continued assuming that the distance between the portion and the reference position is calculated for every 16 portions of the contour. In each figure, a black circle indicating the reference position, a white circle indicating the outline of the region, and an arrow indicating the distance are all drawn in the drawings for explanation, and are displayed on the display unit 150. It is not displayed on the display screen.

図２には、第１領域の形状の例が示されている。第１領域２００の輪郭は、部分２２０−１〜２２０−１６の位置により定まるものとする。第１領域２００が表示画面上を移動していない初期状態では、第１基準位置２１０は、第１領域２００の中心に定められている。第１基準位置２１０からの距離は、当該部分毎に、制御部１３０により算出される。 FIG. 2 shows an example of the shape of the first region. The contour of the first region 200 is determined by the positions of the portions 220-1 to 220-16. In the initial state where the first area 200 is not moving on the display screen, the first reference position 210 is set at the center of the first area 200. The distance from the first reference position 210 is calculated by the control unit 130 for each portion.

図３には、第２領域の形状の例が示されている。第２領域３００の輪郭は、部分３２０−１〜３２０−１６の位置により定まるものとする。第２領域３００が表示画面上を移動していない初期状態では、第２基準位置３１０は、第２領域３００の中心に定められている。第２基準位置３１０からの距離は、当該部分毎に、制御部１３０により算出される。 FIG. 3 shows an example of the shape of the second region. The outline of the second region 300 is determined by the positions of the portions 320-1 to 320-16. In the initial state where the second area 300 is not moving on the display screen, the second reference position 310 is set at the center of the second area 300. The distance from the second reference position 310 is calculated by the control unit 130 for each portion.

図４には、各領域の表示例が示されている。表示部１５０の表示画面には、複数の領域が、格子状に表示される。これら複数の領域には、各種の画像が、それぞれ表示されていてもよい。これら複数の領域の一つとして、第１領域２００は、表示部１５０の表示画面に表示される。同様に、第２領域３００は、表示部１５０の表示画面に表示される。スクロール操作が検出された場合、各領域は、輪郭を変形させながら、表示画面上を同じ方向に移動（スクロール）する。 FIG. 4 shows a display example of each area. A plurality of areas are displayed in a grid pattern on the display screen of the display unit 150. Various images may be displayed in the plurality of regions. As one of the plurality of areas, the first area 200 is displayed on the display screen of the display unit 150. Similarly, the second area 300 is displayed on the display screen of the display unit 150. When a scroll operation is detected, each region moves (scrolls) on the display screen in the same direction while deforming the outline.

図５には、変形された第１領域の第１例が示されている。第１基準位置２１０は、操作に応じた信号に基づく移動方向に、操作に応じた信号に基づく移動速度で、初期状態での表示画面上の位置（図４を参照）から移動したとする。図５では、部分２２０−４〜２２０−１４から離れる方向に第１基準位置２１０が移動したため、部分２２０−４〜２２０−１４は、第１基準位置２１０の移動方向に、未だ移動していない。一方、部分２２０−１〜２２０−３、２２０−１５及び２２０−１６に近づく方向に第１基準位置２１０が移動したため、部分２２０−１〜２２０−３、２２０−１５及び２２０−１６は、第１基準位置２１０の移動方向に移動している。この結果、第１領域２００は、変形される。ここで、第１基準位置２１０からの距離が遠い部分ほど、移動開始が遅く移動している。 FIG. 5 shows a first example of the modified first region. It is assumed that the first reference position 210 has moved from the position on the display screen in the initial state (see FIG. 4) in the moving direction based on the signal according to the operation at the moving speed based on the signal according to the operation. In FIG. 5, since the first reference position 210 has moved in a direction away from the portions 220-4 to 220-14, the portions 220-4 to 220-14 have not yet moved in the movement direction of the first reference position 210. . On the other hand, since the first reference position 210 is moved in a direction approaching the portions 220-1 to 220-3, 220-15, and 220-16, the portions 220-1 to 220-3, 220-15, and 220-16 are The first reference position 210 is moving in the moving direction. As a result, the first region 200 is deformed. Here, as the distance from the first reference position 210 is longer, the movement start is slower.

図６には、変形された第２領域の第１例が示されている。第２基準位置３１０は、操作に応じた信号に基づく移動方向に、操作に応じた信号に基づく移動速度で、初期状態での表示画面上の位置（図４を参照）から移動したとする。図６では、部分３２０−４〜３２０−１４から離れる方向に第２基準位置３１０が移動したため、部分３２０−４〜３２０−１４は、第２基準位置３１０の移動方向に、未だ移動していない。一方、部分３２０−１〜３２０−３、３２０−１５及び３２０−１６に近づく方向に第２基準位置３１０が移動したため、部分３２０−１〜３２０−３、３２０−１５及び３２０−１６は、第２基準位置３１０の移動方向に移動している。この結果、第２領域３００は、変形される。ここで、第２基準位置３１０からの距離が遠い部分ほど、移動開始が遅く移動している。 FIG. 6 shows a first example of the deformed second region. It is assumed that the second reference position 310 has moved from the position on the display screen in the initial state (see FIG. 4) in the moving direction based on the signal according to the operation at the moving speed based on the signal according to the operation. In FIG. 6, since the second reference position 310 has moved in a direction away from the portions 320-4 to 320-14, the portions 320-4 to 320-14 have not yet moved in the moving direction of the second reference position 310. . On the other hand, since the second reference position 310 has moved in the direction approaching the portions 320-1 to 320-3, 320-15 and 320-16, the portions 320-1 to 320-3, 320-15 and 320-16 are 2 The reference position 310 is moving in the moving direction. As a result, the second region 300 is deformed. Here, as the distance from the second reference position 310 is farther, the movement start is slower.

図７には、第１例（図５及び図６を参照）に示すように変形された各領域の表示例が示されている。図４に示された各領域の表示例に対して、図７では、各領域は、輪郭を変形させながら、表示画面上を同じ方向に移動（スクロール）している。第１例（図５を参照）に示すように変形された第１領域２００は、第１基準位置２１０（図５を参照）の移動方向に移動した状態で、表示部１５０の表示画面に表示される。同様に、第１例（図６を参照）に示すように変形された第２領域３００は、第２基準位置３１０（図６を参照）の移動方向に移動した状態で、表示部１５０の表示画面に表示される。 FIG. 7 shows a display example of each region modified as shown in the first example (see FIGS. 5 and 6). In contrast to the display example of each area shown in FIG. 4, in FIG. 7, each area moves (scrolls) on the display screen in the same direction while deforming the outline. The first region 200 deformed as shown in the first example (see FIG. 5) is displayed on the display screen of the display unit 150 in a state of moving in the moving direction of the first reference position 210 (see FIG. 5). Is done. Similarly, the second region 300 deformed as shown in the first example (see FIG. 6) is moved in the moving direction of the second reference position 310 (see FIG. 6) and displayed on the display unit 150. Displayed on the screen.

図８には、変形された第１領域の第２例が示されている。第１基準位置２１０は、操作に応じた信号に基づく移動方向に、操作に応じた信号に基づく移動速度で、変形された第１領域２００の第１例での表示画面上の位置（図７を参照）から移動したとする。図８では、部分２２０−４〜２２０−１４から離れる方向に第１基準位置２１０が移動し、部分２２０−４〜２２０−１４も、第１基準位置２１０の移動方向に移動している。一方、部分２２０−１〜２２０−３、２２０−１５及び２２０−１６に近づく方向に第１基準位置２１０が移動し、部分２２０−１〜２２０−３、２２０−１５及び２２０−１６も、第１基準位置２１０の移動方向に移動している。ここで、第１基準位置２１０からの距離が遠い部分ほど、移動開始が遅く移動している。この結果、第１領域２００は、当該部分毎に算出された距離が閾値以上とならない範囲で、更に変形される。 FIG. 8 shows a second example of the deformed first region. The first reference position 210 is a position on the display screen in the first example of the deformed first region 200 in the moving direction based on the signal according to the operation and at the moving speed based on the signal according to the operation (FIG. 7). )). In FIG. 8, the first reference position 210 moves in a direction away from the portions 220-4 to 220-14, and the portions 220-4 to 220-14 also move in the moving direction of the first reference position 210. On the other hand, the first reference position 210 moves in a direction approaching the portions 220-1 to 220-3, 220-15, and 220-16, and the portions 220-1 to 220-3, 220-15, and 220-16 are The first reference position 210 is moving in the moving direction. Here, as the distance from the first reference position 210 is longer, the movement start is slower. As a result, the first region 200 is further deformed as long as the distance calculated for each portion does not exceed the threshold.

図９には、変形された第２領域の第２例が示されている。第２基準位置３１０は、操作に応じた信号に基づく移動方向に、操作に応じた信号に基づく移動速度で、変形された第２領域３００の第１例での表示画面上の位置（図７を参照）から移動したとする。図９では、部分３２０−４〜３２０−１４から離れる方向に第２基準位置３１０が移動し、部分３２０−４〜３２０−１４も、第２基準位置３１０の移動方向に移動している。一方、部分３２０−１〜３２０−３、３２０−１５及び３２０−１６に近づく方向に第２基準位置３１０が移動し、部分３２０−１〜３２０−３、３２０−１５及び３２０−１６も、第２基準位置３１０の移動方向に移動している。ここで、第２基準位置３１０からの距離が遠い部分ほど、移動開始が遅く移動している。この結果、第２領域３００は、当該部分毎に算出された距離が閾値以上とならない範囲で、更に変形される。 FIG. 9 shows a second example of the deformed second region. The second reference position 310 is a position on the display screen in the first example of the deformed second region 300 in the moving direction based on the signal according to the operation and at the moving speed based on the signal according to the operation (FIG. 7). )). In FIG. 9, the second reference position 310 moves in a direction away from the portions 320-4 to 320-14, and the portions 320-4 to 320-14 also move in the moving direction of the second reference position 310. On the other hand, the second reference position 310 moves in a direction approaching the portions 320-1 to 320-3, 320-15, and 320-16, and the portions 320-1 to 320-3, 320-15, and 320-16 are also the first. 2 The reference position 310 is moving in the moving direction. Here, as the distance from the second reference position 310 is farther, the movement start is slower. As a result, the second region 300 is further deformed as long as the distance calculated for each portion does not exceed the threshold.

図１０には、第２例（図８及び図９を参照）に示すように変形された各領域の表示例が示されている。図７に示された各領域の表示例に対して、図１０では、各領域は、輪郭を更に変形させながら、表示画面上を同じ方向に移動（スクロール）している。第２例（図８を参照）に示すように更に変形された第１領域２００は、第１基準位置２１０（図８を参照）の移動方向に更に移動した状態で、表示部１５０の表示画面に表示される。同様に、第２例（図９を参照）に示すように更に変形された第２領域３００は、第２基準位置３１０（図９を参照）の移動方向に更に移動した状態で、表示部１５０の表示画面に表示される。 FIG. 10 shows a display example of each region modified as shown in the second example (see FIGS. 8 and 9). In contrast to the display example of each area shown in FIG. 7, in FIG. 10, each area moves (scrolls) on the display screen in the same direction while further deforming the contour. The first region 200 further deformed as shown in the second example (see FIG. 8) is further moved in the moving direction of the first reference position 210 (see FIG. 8), and the display screen of the display unit 150 is displayed. Is displayed. Similarly, the second region 300 further deformed as shown in the second example (see FIG. 9) is further moved in the moving direction of the second reference position 310 (see FIG. 9), and the display unit 150 Displayed on the display screen.

次に、端末装置の動作手順例を説明する。
図１１は、端末装置の動作手順例を示すフローチャートである。この動作手順は、所定の周期で実行されてもよい。 Next, an example of the operation procedure of the terminal device will be described.
FIG. 11 is a flowchart illustrating an example of an operation procedure of the terminal device. This operation procedure may be executed in a predetermined cycle.

（ステップＳ１）制御部１３０（図１を参照）は、操作に応じた信号が入力されたか否か、すなわち、スクロール操作を検出部１１０が検出したか否かを判定する。操作に応じた信号が入力された場合（ステップＳ１：Ｙｅｓ）、制御部１３０は、ステップＳ２に処理を進める。一方、操作に応じた信号が入力されていない場合（ステップＳ１：Ｎｏ）、制御部１３０は、操作に応じた信号に基づく処理を終了する。 (Step S1) The control unit 130 (see FIG. 1) determines whether or not a signal corresponding to the operation has been input, that is, whether or not the detection unit 110 has detected a scroll operation. When the signal according to operation is input (step S1: Yes), the control part 130 advances a process to step S2. On the other hand, when the signal according to operation is not input (step S1: No), the control part 130 complete | finishes the process based on the signal according to operation.

（ステップＳ２）制御部１３０は、領域の輪郭の部分（例えば、図２に示す部分２２０−１〜２２０−１６の当該部分）毎に、基準位置（例えば、図２に示す第１基準位置２１０）からの距離を算出する。なお、算出された距離を示す情報は、記憶部１２０（図１を参照）に記憶されてもよい。 (Step S2) The control unit 130 sets a reference position (for example, the first reference position 210 illustrated in FIG. 2) for each contour portion of the region (for example, the portion 220-1 to 220-16 illustrated in FIG. 2). ) Is calculated. Note that the information indicating the calculated distance may be stored in the storage unit 120 (see FIG. 1).

（ステップＳ３）制御部１３０は、基準位置から遠い部分ほど移動開始が遅く当該基準位置の移動方向に移動するよう、領域を移動させるように、画像処理部１４０を制御する。そして、制御部１３０は、ステップＳ１に処理を戻す。 (Step S <b> 3) The control unit 130 controls the image processing unit 140 to move the region so that the portion farther from the reference position has a slower movement start and moves in the moving direction of the reference position. And the control part 130 returns a process to step S1.

以上のように、端末装置１００（図１を参照）は、表示画面に格子状に定められた領域を表示する表示部１５０と、前記領域を前記表示画面上で移動させるための操作を検出する検出部１１０と、前記操作が検出された場合、前記領域に含まれる基準位置からの距離を、前記領域の輪郭の部分毎に算出し、前記基準位置から遠い前記部分ほど移動開始が遅く前記基準位置の移動方向に移動するよう、前記領域を前記表示画面上で移動させる制御部１３０と、を備える。 As described above, the terminal device 100 (see FIG. 1) detects the display unit 150 that displays a grid-defined area on the display screen, and an operation for moving the area on the display screen. When the operation is detected with the detection unit 110, the distance from the reference position included in the region is calculated for each contour portion of the region, and the reference is moved more slowly as the portion is farther from the reference position. And a control unit 130 that moves the area on the display screen so as to move in the direction of movement of the position.

また、表示プログラムは、コンピュータに、表示画面に格子状に定められた領域を表示する手順と、前記領域を前記表示画面上で移動させるための操作を検出する手順と、前記操作が検出された場合、前記領域に含まれる基準位置からの距離を、前記領域の輪郭の部分毎に算出し、前記基準位置から遠い前記部分ほど移動開始が遅く前記基準位置の移動方向に移動するよう、前記領域を前記表示画面上で移動させる手順と、を実行させる。 Further, the display program has a procedure for displaying an area defined in a grid pattern on the display screen on the computer, a procedure for detecting an operation for moving the area on the display screen, and the operation is detected. In this case, the distance from the reference position included in the region is calculated for each portion of the contour of the region, and the region farther from the reference position has a slower start of movement and moves in the moving direction of the reference position. Moving on the display screen.

この構成により、制御部１３０は、前記操作が検出された場合、前記領域に含まれる基準位置からの距離を、前記領域の輪郭の部分毎に算出し、前記基準位置から遠い前記部分ほど移動開始が遅く前記基準位置の移動方向に移動するよう、前記領域を前記表示画面上で移動させる。これにより、端末装置及び表示プログラムは、表示画面に格子状に定められた領域毎に表示された画像を、表示画面のスクロール操作に応じて移動させる場合、その移動の速さをユーザに容易に認識させることができる。また、端末装置及び表示プログラムは、表示画面に格子状に定められた領域毎に表示された画像を、表示画面のスクロール操作に応じて移動させる場合、その移動の向きをユーザに容易に認識させることができる。 With this configuration, when the operation is detected, the control unit 130 calculates the distance from the reference position included in the region for each contour portion of the region, and starts moving toward the portion farther from the reference position. The region is moved on the display screen so as to move slowly in the moving direction of the reference position. As a result, when the terminal device and the display program move the image displayed for each region defined in a grid pattern on the display screen according to the scroll operation of the display screen, the user can easily determine the speed of the movement. Can be recognized. In addition, when the terminal device and the display program move an image displayed for each area defined in a grid pattern on the display screen in accordance with a scroll operation of the display screen, the user can easily recognize the direction of the movement. be able to.

また、制御部１３０は、前記基準位置（例えば、図２に示す第１基準位置２１０）としての前記領域の中心からの距離を、前記部分（例えば、図２に示す部分２２０−１〜２２０−１６の当該部分）毎に算出してもよい。
また、制御部１３０は、前記部分毎に算出された前記距離が閾値以上とならないように、領域の輪郭を変形させてもよい。 Further, the control unit 130 determines the distance from the center of the region as the reference position (for example, the first reference position 210 illustrated in FIG. 2) as the portion (for example, the portions 220-1 to 220- illustrated in FIG. 2). You may calculate for every 16 said part).
In addition, the control unit 130 may deform the contour of the region so that the distance calculated for each portion does not exceed a threshold value.

以上、この発明の実施形態について図面を参照して詳述してきたが、具体的な構成はこの実施形態に限られるものではなく、この発明の要旨を逸脱しない範囲の設計等も含まれる。 The embodiment of the present invention has been described in detail with reference to the drawings. However, the specific configuration is not limited to this embodiment, and includes designs and the like that do not depart from the gist of the present invention.

なお、上記に説明した端末装置を実現するためのプログラムをコンピュータ読み取り可能な記録媒体に記録して、この記録媒体に記録されたプログラムをコンピュータシステムに読み込ませ、実行することにより、実行処理を行ってもよい。なお、ここでいう「コンピュータシステム」とは、ＯＳや周辺機器等のハードウェアを含むものであってもよい。 The program for realizing the terminal device described above is recorded on a computer-readable recording medium, and the program recorded on the recording medium is read into the computer system and executed to execute the execution process. May be. Here, the “computer system” may include an OS and hardware such as peripheral devices.

また、「コンピュータシステム」は、ＷＷＷシステムを利用している場合であれば、ホームページ提供環境（あるいは表示環境）も含むものとする。また、「コンピュータ読み取り可能な記録媒体」とは、フレキシブルディスク、光磁気ディスク、ＲＯＭ、フラッシュメモリ等の書き込み可能な不揮発性メモリ、ＣＤ−ＲＯＭ等の可搬媒体、コンピュータシステムに内蔵されるハードディスク等の記憶装置のことをいう。 Further, the “computer system” includes a homepage providing environment (or display environment) if a WWW system is used. The “computer-readable recording medium” means a flexible disk, a magneto-optical disk, a ROM, a writable nonvolatile memory such as a flash memory, a portable medium such as a CD-ROM, a hard disk built in a computer system, etc. This is a storage device.

さらに「コンピュータ読み取り可能な記録媒体」とは、インターネット等のネットワークや電話回線等の通信回線を介してプログラムが送信された場合のサーバやクライアントとなるコンピュータシステム内部の揮発性メモリ（例えばＤＲＡＭ（ＤｙｎａｍｉｃＲａｎｄｏｍＡｃｃｅｓｓＭｅｍｏｒｙ））のように、一定時間プログラムを保持しているものも含むものとする。
また、上記プログラムは、このプログラムを記憶装置等に格納したコンピュータシステムから、伝送媒体を介して、あるいは、伝送媒体中の伝送波により他のコンピュータシステムに伝送されてもよい。ここで、プログラムを伝送する「伝送媒体」は、インターネット等のネットワーク（通信網）や電話回線等の通信回線（通信線）のように情報を伝送する機能を有する媒体のことをいう。
また、上記プログラムは、前述した機能の一部を実現するためのものであっても良い。
さらに、前述した機能をコンピュータシステムにすでに記録されているプログラムとの組み合わせで実現できるもの、いわゆる差分ファイル（差分プログラム）であっても良い。 Further, the “computer-readable recording medium” refers to a volatile memory (for example, DRAM (Dynamic) in a computer system serving as a server or a client when a program is transmitted via a network such as the Internet or a communication line such as a telephone line. Random Access Memory)) that holds a program for a certain period of time is also included.
The program may be transmitted from a computer system storing the program in a storage device or the like to another computer system via a transmission medium or by a transmission wave in the transmission medium. Here, the “transmission medium” for transmitting the program refers to a medium having a function of transmitting information, such as a network (communication network) such as the Internet or a communication line (communication line) such as a telephone line.
The program may be for realizing a part of the functions described above.
Furthermore, what can implement | achieve the function mentioned above in combination with the program already recorded on the computer system, and what is called a difference file (difference program) may be sufficient.

１００…端末装置１１０…検出部１２０…記憶部１３０…制御部１４０…画像処理部１５０…表示部２００…第１領域２１０…第１基準位置２２０−１〜２２０−１６…部分３００…第２領域３１０…第２基準位置３２０−１〜３２０−１６…部分 DESCRIPTION OF SYMBOLS 100 ... Terminal device 110 ... Detection part 120 ... Memory | storage part 130 ... Control part 140 ... Image processing part 150 ... Display part 200 ... 1st area | region 210 ... 1st reference position 220-1-220-16 ... Part 300 ... 2nd area | region 310 ... second reference position 320-1 to 320-16 ... part

Claims

A display unit for displaying a grid-defined area on the display screen;
A detection unit for detecting an operation for moving the area on the display screen;
When the operation is detected, the distance from the reference position included in the region is calculated for each contour portion of the region, and the portion that is farther from the reference position starts moving more slowly in the moving direction of the reference position. A control unit that moves the area on the display screen so as to move;
A terminal device comprising:

The terminal device according to claim 1, wherein the control unit calculates a distance from the center of the region as the reference position for each part.

The terminal device according to claim 1, wherein the control unit deforms the contour so that the distance calculated for each portion does not exceed a threshold value.

On the computer,
A procedure for displaying a grid-defined area on the display screen;
A procedure for detecting an operation for moving the area on the display screen;
When the operation is detected, the distance from the reference position included in the region is calculated for each contour portion of the region, and the portion that is farther from the reference position starts moving more slowly in the moving direction of the reference position. Moving the region on the display screen to move;
Display program to execute.