JP5842076B2 - Display control method, computer, display control program, and storage medium - Google Patents

Description

  The present invention relates to a display control method, a computer, a display control program, and a storage medium.

  2. Description of the Related Art Conventionally, for example, two methods are known as methods for acquiring information related to desired content from a plurality of contents.

  As shown in Non-Patent Document 1, the first method uses, for example, html (HyperText Markup Language), css (cascading style sheet) 3 and JavaScript (registered trademark). According to the first method, a plurality of contents themselves are arranged in a vertical direction or a horizontal direction, the contents are moved according to a flick operation on these contents, and a desired content is designated. Information can be acquired.

  As a second method, as shown in Non-Patent Document 2, a tab provided for each content is designated to switch the content, and then a desired content is designated. There is a method for acquiring information of the designated content.

[online], [Search April 5, 2013], http: //pxgrid.github.co./js-flipsnap/demo.html [online], [Search April 5, 2013], http: //m.yahoo.co.jp/

  However, in the conventional method, when acquiring information related to a desired content from among a plurality of contents, the user is requested to perform two operations such as content movement (or switching) and content designation. For this reason, in the conventional method, the operation becomes complicated, and there is a concern that the UX (User Experience: user experience and satisfaction) when the user operates the mobile terminal may be impaired.

  The present invention has been made in consideration of the above circumstances, and can simplify the operation when acquiring information related to desired content from a plurality of contents, and can improve the UX when the user operates the mobile terminal It is an object to provide a control method, a computer, a display control program, and a storage medium.

  One aspect of the present invention includes a communication unit that communicates with a mobile terminal operated by a user, information indicating a list display area including a plurality of item information, and information corresponding to each of the plurality of item information, A display control method executed by a computer, which is a server device including a storage unit that stores information, wherein display data for displaying the list display area on the portable terminal in a scrollable manner is transmitted from the communication unit to the portable terminal And one item information of a plurality of items displayed in the list display area when the scroll movement of the list display area according to the user's operation of the portable terminal is completed is a predetermined selection method. The information corresponding to the selected item is read from the storage unit, and the information display area is set in the portable terminal based on the read information. A data for Shimesuru, a step of creating the data to be transmitted to said mobile terminal from said communication unit, a display control method comprising a.

  As described above, according to the present invention, an operation for acquiring information related to a desired content from a plurality of content is simplified, and a UX when a user operates a mobile terminal can be improved. .

It is a schematic diagram for demonstrating the outline | summary of this invention. It is a mimetic diagram showing an example of a schematic structure of a game system to which a game control method concerning one embodiment of the present invention is applied. It is a schematic diagram which shows an example of the functional block structure of the web server apparatus in the embodiment. It is a schematic diagram which shows an example of the functional block structure of the portable terminal in the embodiment. It is a schematic diagram for demonstrating an example of the operating method of the portable terminal in the embodiment. It is a schematic diagram which shows the concept of the connection architecture between the web server apparatus and portable terminal in the embodiment. It is a flowchart which shows an example of operation | movement of the game system in the embodiment. It is a schematic diagram for demonstrating the pull-back behavior of the list in the same embodiment.

  Hereinafter, an embodiment of the present invention will be described with reference to the drawings. Before that, an outline of the present invention will be described with reference to FIG.

  The outline of the present invention relates to an item selection function and an information transmission function used in a social game that can display a screen having a list display area r1 and an information display area r2 on a mobile terminal, as shown in FIG. However, the item selection function and the information transmission function in the outline of the present invention are not limited to social games, and are appropriately used for a web application that can display a screen having a list display area r1 and an information display area r2 on a mobile terminal. Shall be able to.

  The list display area r1 is an area that can display a list (list) including a plurality of items (contents) that can determine an action in a desired social game, and accepts an input from a user operating a mobile terminal This is a possible area. The information display area r2 is an area that can display information corresponding to each of a plurality of items included in the list displayed in the list display area r1, and cannot accept input from a user who operates the mobile terminal. This is an important area.

  Note that there are a plurality of lists that can be displayed in the list display area r1. Specifically, a list corresponding to each of “My Page”, “Quest”, “Summon”, “Composite Strengthening”, and “Menu” located at the bottom of the screen shown in FIG. Is displayed in the list display area r1 when the user operating the mobile terminal designates each icon drawn as “My Page”, “Quest”, “Summon”, “Strengthening Synthesis”, and “Menu”. .

  Here, the item selection function and the information transmission function in the outline of the present invention will be briefly described.

  The item selection function is a function that can automatically select one of a plurality of items included in the list displayed in the list display area r1 in accordance with the operation of the user who operates the mobile terminal. Specifically, the movement amount of the list corresponding to the user's flick (swipe) operation on the list displayed in the list display area r1 is calculated, the list is moved by the movement amount, and the list is displayed when the movement is completed. This is a function for selecting the item located at the top. In the example of FIG. 1, in the list corresponding to “Quest” including a plurality of items such as “Vast Desert Area”, “Vast Hot Spring Area”, “Desert Area”, “Mineland Area”, and “Safe Area”, This shows a case where an item such as “Vast Desert” located at the top of the list is selected.

  Note that the method of selecting one of the plurality of items included in the list displayed in the list display area r1 is not limited to the above method, and the user operating the mobile terminal can select a desired item. It is also possible to select a tapped item in response to tapping (designation). In this case, the item selection function moves the list so that the tapped item is positioned at the top of the list.

  The information transmission function is a function of transmitting the information to the mobile terminal in order to display information corresponding to the item selected by the item selection function in the information display area r2. In the example of FIG. 1, information corresponding to “a vast desert area” selected by the item selection function (for example, a name of a vast desert area, a background image representing a vast desert area, and an item of a vast desert area) The name of the list including the image of the item that can be acquired in the vast desert area, etc.) is transmitted to the mobile terminal, and the “name of vast desert area” is displayed in the area a included in the information display area r2, and the In this example, a “background image expressing a desert area” is displayed, “name of quest” is displayed in area c, and “image of items that can be acquired in a vast desert area” is displayed in area d.

  With these functions, the user who operates the mobile terminal can select a desired item from the list with one operation, and can grasp (summary) information corresponding to the selected item. When it is desired to grasp more detailed information corresponding to the selected item, the user operating the mobile terminal can grasp more detailed information by tapping the selected item again.

  In the item selection function and the information transmission function as described above, the operation when acquiring information corresponding to a desired item from a plurality of items is simplified, and the UX when the user operates the mobile terminal is improved. be able to. In addition, since (summary) information can be grasped without switching pages, a large amount of information can be provided to the user in a short time.

  The above is the outline of the present invention. Next, details of one embodiment of the present invention will be described.

  FIG. 2 is a schematic diagram showing a configuration example of a game system to which a game control method according to an embodiment of the present invention is applied. A web server device 2 is connected to a network 1 including the Internet, and a plurality of, for example, three mobile terminals 4A to 4C serving as client devices used by the user in this system are connected to a wireless LAN (Local Area Network). ) Access point (AP) 5 or base station 6.

  The web server device 2 is a computer that provides the mobile terminals 4A to 4C with a game control program and event information for realizing a so-called social game. The web server device 2 is installed by a company operating an SNS (Social Networking System), for example, to provide an online game service as part of the service, and is connected to the network 1.

  On the other hand, the client-side mobile terminals 4A to 4C each include a smartphone, a feature phone, and the like, and may be, for example, a mobile phone that operates on an OS (Operating System) such as Android (registered trademark) or iOS. Furthermore, it may be a notebook personal computer, a mobile computer or the like. In the following embodiments, in order to simplify the description, the mobile terminals 4A to 4C will be described as being smartphones each having a touch panel that senses contact according to an operation of a user who plays a game.

  The mobile terminals 4A to 4C give priority to Wi-Fi (registered trademark), for example, a wireless LAN of IEEE802.11a / b / g / n standard, in addition to the connection with the network 1 via the base station 6. It is assumed that the access point 5 can be interconnected.

  In addition, the mobile terminals 4A to 4C can be wirelessly connected to each other by, for example, Bluetooth (registered trademark) technology that is a short-range wireless communication standard.

  The mobile terminals 4A to 4C have a variety of hardware configurations specific to the model, an OS that is used, installed applications, and the like, and the web server device 2 has various application programs corresponding to the various mobile terminals. Can be delivered to each.

  The functional block configurations of the web server device 2 and the mobile terminals 4A to 4C will be described with reference to FIGS.

  As shown in FIG. 3, the web server device 2 includes a memory 21, a storage device 22, a processor 23, and a communication unit 24.

  The memory 21 is used as a work area required when executing the game control program p_s3 and the like stored in the storage device 22 described later. Further, the memory 21 stores information indicating various lists described later and information corresponding to a plurality of items included in these various lists.

  The storage device 22 stores a game control program p_s3 and the like for realizing a social game, and is a large-capacity storage device such as a hard disk drive (HDD), an optical disk drive, a DVD, or an MO. This storage device stores an OS p_s0, a server-side JS execution environment program p_s1, a company A framework program p_s2, and a game control program p_s3.

  The OS p_s0 is a program for realizing the basic functions of the web server device 2.

  The server-side JS execution environment program p_s1 is executed by the processor 23, and is a program for realizing a server-side JS execution environment S1 described later.

  The company A framework program p_s2 is executed by the processor 23 and is a program for realizing the company A framework S2 described later.

  The game control program p_s3 is a program that is executed by the processor 23 to realize a social game, and includes, for example, a program that causes the processor 23 to realize the following functions (f1) to (f3).

  (f1) The list is moved according to the user's operation on the list displayed on the screens of the mobile terminals 4A to 4C, and when the movement of the list is completed, the list includes a plurality of items included in the list. Item selection function to select one.

  (f2) An information transmission function for transmitting information related to the item selected by the item selection function of (f1) to the mobile terminals 4A to 4C in order to display the information on the screens of the mobile terminals 4A to 4C.

  (f3) A moving time setting function for setting a time during which the list can be moved based on an operation speed described later.

  The item selection function (f1) further includes the following functions (f1-1) and (f1-2).

  (f1-1) A movement amount calculation function for calculating a movement amount of the list according to a user operation on the list.

  (f1-2) The list is moved based on the movement amount calculated by the movement amount calculation function of (f1-1) above, and the item located at the top of the list is moved when the movement of the list is completed. Function to select.

  The movement amount calculation function (f1-1) further includes the following functions (f1-1-1) to (f1-1-4).

  (f1-1-1) In response to the user's flick operation on the list, the touch panel provided on the mobile terminals 4A to 4C is the position where the touch panel starts to sense contact, and the start position information indicating the start point, and the touch is detected. A function of acquiring start point time information indicating the start time from the portable terminals 4A to 4C.

  (f1-1-2) The mobile terminal displays end point position information indicating the end point, and end point time information indicating the end point of the contact detection, at the position where the contact according to the user's flick operation on the list has been detected Function acquired from 4A to 4C.

  (f1-1-3) Start point position information and start point time information acquired by the function (f1-1-1) above, and end point position information and end point time acquired by the function (f1-1-2) above An operation speed calculation function that calculates an operation speed indicating the speed of the user's flick operation based on the information.

  (f1-1-4) A function for calculating the movement amount of the list based on the distance from the start point to the end point and the operation speed calculated by the operation speed calculation function of (f1-1-3) above.

  Furthermore, the operation speed calculation function (f1-1-3) further includes the following functions (f1-1-3-1) to (f1-1-3-3).

  (f1-1-3-1) From the position indicated by the end point position information acquired by the function (f1-1-2) above, indicated by the start point position information acquired by the function (f1-1-1) above. Function to calculate the distance from the start point to the end point by subtracting the position.

  (f1-1-3-2) From the time indicated by the end point time information acquired by the function (f1-1-2) above, indicated by the start point time information acquired by the function (f1-1-1) above. A function that calculates the time during which contact was sensed by subtracting the time that is detected.

  (f1-1-3-3) By dividing the distance calculated by the function (f1-1-3-1) above by the time calculated by the function (f1-1-3-2) above, A function that calculates the operation speed.

  The processor 23 performs a social game in cooperation with the game control program p_s3 stored in the storage device 22, and controls the entire web server device 2.

  The communication unit 24 controls communication with external devices such as the mobile terminals 4 </ b> A to 4 </ b> C via the network 1.

  Since the functional block configurations of the mobile terminals 4A to 4C are the same as each other, the functional block configuration of the mobile terminal 4A will be described as a representative example here.

  As shown in FIG. 4, the portable terminal 4A includes a memory 41A, a storage device 42A, a processor 43A, a communication unit 44A, an electronic compass 45A, a camera 46A, a display unit 47A, and a touch panel 48A. The description of each part 41A-48A can be read as explanation of each part 41B-48B of other portable terminal 4B or explanation of each part 41C-48C of other portable terminal 4C by replacing the end A of the code with B or C. It has become.

  The memory 41A is used as a work area or the like required when executing a client-side game control program p_c4 described later.

  The storage device 42A stores a client-side game control program p_c4 for realizing a social game, and is a large-capacity storage device such as a flash memory, for example. The storage device 42A stores an OS (operating system) p_c0, an application execution environment program p_c1, an A company DB connection kit program p_c2, an A company framework program p_c3, and a game control program p_c4.

  The OS p_c0 is a program for realizing the basic functions of the mobile terminal 4A.

  The application execution environment program p_c1 is executed by the processor 43A and is a program for realizing an application execution environment C1 described later.

  The A company DB connection kit program p_c2 is executed by the processor 43A, and is a program for realizing the A company DB connection kit C2 described later.

  The company A framework program p_c3 is executed by the processor 43A, and is a program for realizing the company A framework C3 described later.

  The game control program p_c4 is a program that is executed by the processor 43A and controls processing on the client side of the social game.

  The processor 43A, in cooperation with the game control program p_c4 stored in the storage device 42A, plays a social game and controls the entire mobile terminal 4A.

  The communication unit 44A controls communication with an external device such as the web server device 2 via the network 1. The communication unit 44A also has a wireless communication function such as a wireless LAN, Bluetooth, and Wi-Fi.

  The electronic compass 45A has a geomagnetic sensor and measures the direction.

  The camera 46A has an imaging function and stores the captured image in the storage device 42A.

  The display unit 47A is a display device to which a touch panel 48A is attached.

  The touch panel 48A has a function of inputting operation data in accordance with a user operation. Specifically, the touch panel 48A, for example, in response to the user's flick operation on the list as shown in FIG. It has a function of inputting start point time information indicating time as operation data. Similarly, the touch panel 48A indicates, for example, end point position information indicating the end point of the position corresponding to the user's flick operation on the list as illustrated in FIG. 5 and indicating the end point, and the time when the touch is detected. It has a function of inputting end point time information as operation data. These operation data are data that can be appropriately transmitted to the web server device 2 in response to a request from the web server device 2.

  The hardware configuration itself of the electronic circuit corresponding to the functional block configuration of each of the web server device 2 and the mobile terminals 4A to 4C is assumed to be very general and well-known, and the description and description thereof will be omitted.

  FIG. 6 is a schematic diagram illustrating a concept of a connection architecture between the web server device 2 and the mobile terminals 4A to 4C according to the present embodiment. As shown in the figure, when executing an online game program or application program provided by Company A, the mobile terminal 4A to 4C includes the game program or application program described in, for example, AIR (registered trademark). An application execution environment C1 is installed, and a company A database connection kit C2 for connecting to the database of company A and performing accounting processing and the like is incorporated.

  At the same time, the (software) client-side framework C3 developed by Company A is installed for the part where the mobile terminals 4A to 4C communicate with the web server device 2.

  One web server device 2 is provided with a server-side JavaScript (registered trademark) execution environment S1 described in, for example, Node.js (registered trademark) for executing online games and applications, and mobile terminals 4A to 4C. In the part that communicates with the above, a framework S2 on the company A (software) server side corresponding to the framework C3 is provided.

  Between the framework C3 of the portable terminals 4A to 4C and the framework S2 of the web server device 2, item information and the like are transmitted and received based on the web socket (WebSocket) which is a standard related to HTML5.

  According to WebSocket, once handshake is performed between server clients using HTTP (hyper text transfer protocol), and connection is established between server clients, without using HTTP (request and response method), Bidirectional communication is performed using a protocol dedicated to web sockets. The bi-directional communication by the web socket is premised on a long-time connection, and is continuously executed until disconnected by the server or the client. Further, the communication by the web socket has an advantage that the header information and the processing load (overhead) are smaller than the HTTP communication. Further, the communication by the web socket has an advantage that all devices in the connected state can transmit and receive the same data in real time and share them. Further, in the web socket, transmission can be performed from either the client side or the server side. For example, data can be push-distributed from the server side to the client side.

  Thus, according to the web socket, real-time communication with a small processing load can be realized, and unlike the conventional case, a plurality of client devices can be connected to the server device without limiting the number of client devices, and various games can be obtained. Can be realized.

  The frameworks C3 and S2 are described using, for example, JavaScript as a script language independent of the OS. Therefore, the same connection environment can be constructed regardless of whether the OS of the mobile terminals 4A to 4C is any OS such as Android and iOS.

  Next, an example of the operation of the game system configured as described above will be described with reference to the flowchart of FIG. In the following description, it is assumed that the programs p_s1 to p_s3 illustrated in FIG. 3 are installed in the web server device 2 in advance. Similarly, it is assumed that the programs p_c1 to p_c4 shown in FIG. 4 are installed in the portable terminal 4A when the service is first received from the company A. Further, in the following description, from the viewpoint of simplifying the description, a description that a communication unit is interposed in transmission and reception is omitted. However, in the present embodiment, it is assumed that the property of -webkit-transform: translated3d (x, y, z) of css3 is used to execute the various processes described below.

  First, in the web server device 2, the processor 23 transmits data for causing the portable terminal to display a screen having the list display area r1 and the information display area r2 in accordance with a user's operation ( Step ST1). Further, in the web server device 2, the processor 23 displays the latest list in the list display area r 1, and information corresponding to the item located at the top of the list among the plurality of items included in the list is information. Data to be displayed in the display area r2 is transmitted to the portable terminal (step ST2).

  Subsequently, in the web server device 2, the processor 23 starts position information indicating a start point (touch 1) at which the touch panel provided on the portable terminal starts to sense contact in response to a user flick operation on the list. And the starting point time information which shows the time (time1) which started detecting a contact is acquired from a portable terminal (step ST3).

  Next, in the web server device 2, the processor 23 detects the contact according to the user's flick operation on the list, the end position information indicating the end point (touch 2), and the time when the contact has been detected. End point time information indicating (time2) is acquired from the portable terminal (step ST4).

  Note that the position (eg, coordinates, etc.) indicated by the start point position information and the end point position information acquired by the processing of step ST3 and step ST4 is based on the upper left of the screen of the mobile terminal (ie (x, y, z) = (0, 0, 0)).

  Subsequently, in the web server device 2, the processor 23 subtracts the position indicated by the start point position information from the position indicated by the end point position information, and calculates a distance (distance1 = touch2-touch1) from the start point to the end point (step 1). ST5). Here, as described above, the position indicated by the start point position information and the end point position information is based on the upper left of the screen of the mobile terminal. Therefore, when the user performs a flick operation from the top to the bottom, distance 1 is correct. When the user performs a flick operation from the bottom to the top, distance1 indicates a negative value.

  Next, in the web server device 2, the processor 23 subtracts the time indicated by the start point time information from the time indicated by the end point time information, and obtains the time (time3 = time2-time1) when the mobile terminal sensed the contact. Calculate (step ST6).

  Subsequently, in the web server device 2, the processor 23 divides the distance calculated by the process of step ST5 by the time calculated by the process of step ST6, so that the speed of the user operating the mobile terminal (speed1 = speed1 = distance1 / time3) (hereinafter referred to as operation speed) is calculated (step ST7). Here, it is assumed that the unit of the operation speed is [px / second]. In addition, since it may impair the UX when a user operates a portable terminal when it exceeds a predetermined operation speed, the upper limit value of the operation speed is set in advance, and the upper limit value of the operation speed is, for example, For example, 440 [px / sec] is set.

  Next, in the web server device 2, the processor 23 sets a time during which the list can be moved based on the operation speed calculated by the process of step ST7 (step ST8). Here, the processor 23 sets the time during which the list can be moved (for example, 0.4 seconds) by setting the operation speed calculated by the process of step ST7 as the Time value of webkitTransitionDuration.

  Subsequently, in the web server device 2, the processor 23 calculates the movement amount (movePoint) of the list based on the distance from the start point to the end point calculated by the process of step ST5 and the operation speed calculated by the process of step ST7. (Step ST9). Here, the processor 23 calculates the movement amount of the list by calculating “movePoint = distance1 × (speed1 / 56)”. It should be noted that the movement amount of the list is not necessarily calculated by calculating the above formula, but may be calculated based on distance1 and speed1.

  Subsequently, in the web server device 2, the processor 23 moves the list by the movement amount calculated by the process of step ST9 (step ST10). Here, the processor 23 moves the list itself by setting the movement amount calculated by the process of step ST9 as the y coordinate of webkitTransform = translated3d (x, y, z). The initial value of webkitTransform = translated3d (x, y, z) is (0, 0, 0), and indicates the upper left position of the list displayed on the screen of the mobile terminal. In other words, if a positive value is set for the y-coordinate of webkitTransform = translated3d (x, y, z), the list itself will be down from the top by y based on the top left of the list displayed on the mobile device screen. Will be moved to. Similarly, if a negative value is set for the y-coordinate of webkitTransform = translated3d (x, y, z), the list itself will start from the bottom by y based on the upper left of the list displayed on the mobile device screen. Will move up.

  In this operation example, the description has been made assuming that the list moves in the vertical direction (y direction), but the present invention is not limited to this, and the list may move in the horizontal direction (x direction). In this case, in the process of step ST10, the movement amount calculated by the process of step ST9 is set as the x coordinate of webkitTransform = translated3d (x, y, z), so that the list itself can be moved in the horizontal direction. it can.

  Thereafter, in the web server device 2, the processor 23 selects the item located at the top of the list at the time when the movement by the process of step ST10 is completed, and displays information corresponding to the selected item in the information display area r2. Data to be displayed on the mobile terminal is transmitted to the portable terminal (step ST11), and the operation in the web server device 2 is terminated.

  Specifically, when the time set by the process of step ST8 has elapsed, the processor 23 determines where the top of the list displayed on the screen of the portable terminal is located, that is, the current position. Identify. Thereafter, the processor 23 identifies an item located at the top of the list, selects the identified item, and displays data corresponding to the selected item in the information display area r2 on the mobile terminal. Send. As an example of the method for specifying the item positioned at the top of the list, for example, “Math.round (Math.abs (current position / {height of the entire list + margin-bottom}))” is input to the processor 23. The method of calculating is mentioned.

  In addition, after the process of step ST11, the mobile terminal receives an input of data transmitted from the web server device 2, and displays the received data on the screen via a DOM (Document Object Model). As described above, since the mobile terminal generally displays data on the screen via the DOM, it is possible to switch the display of the screen using only normal html.

  Further, it is assumed that webkitTransformTimingFunction “ease-out” is set in advance in the web server device 2 in order to smoothly move the list in the list display area r1.

  Here, additional functions of the web server device 2 will be supplementarily described.

  The processor 23 of the web server device 2 uses the number of a plurality of items included in the list, the height of the entire list including items not displayed on the screen of the mobile terminal, and the margin-bottom as a margin. It is also possible to calculate a distance that can be moved (hereinafter referred to as a movable distance). Specifically, the processor 23 of the web server device 2 can calculate the movable distance by calculating “number of items × (height of the entire list + margin−bottom)”.

  By calculating the movable distance, the processor 23 of the web server device 2 can set “retraction behavior” as shown in FIG. 8, for example. Specifically, the processor 23 of the web server device 2 sets a value obtained by multiplying the movement amount by 0.9 (movePoint * 0.9) when the movement amount calculated by the process of step ST9 is larger than the movable distance. It is set as the amount of movement that actually moves the list (hereinafter referred to as the actual movement amount). Thereby, for example, it is possible to realize a “retraction behavior” in which the actual movement amount is reduced by 0.9 times until the distance is less than the movable distance. The pullback behavior may be either a continuously pulled back behavior or an intermittent pullback behavior. Here, the value obtained by multiplying the movement amount calculated by the process of step ST9 by 0.9 is the actual movement amount. However, the value multiplied by the movement amount is an administrator who manages the web server device 2. Is a value that can be appropriately changed.

  Further, as a further function of the web server device 2, the processor 23 of the web server device 2 can also hide desired information by setting display: none of css3 to desired information. is there.

  According to the present embodiment described above, the operation when acquiring information related to desired content from a plurality of contents (items) is simplified, and the UX when the user operates the mobile terminal can be improved. it can.

  Further, according to the present embodiment, the amount of movement of a list including a plurality of contents is calculated, the list is moved based on the calculated amount of movement, and when the movement of the list is completed, Since the content located at the top can be automatically selected, the user only needs to perform a flick operation to move the list, and the UX when the user operates the mobile terminal can be improved.

  Furthermore, according to the present embodiment, the time during which the list can be moved can be set, so that the waiting time of the user until the content included in the list is selected can be reduced.

  Note that the method described in the above embodiment includes a magnetic disk (floppy (registered trademark) disk, hard disk, etc.), an optical disk (CD-ROM, DVD, etc.), a magneto-optical disk (MO) as programs that can be executed by a computer. ), And can be stored and distributed in a computer-readable storage medium such as a semiconductor memory.

  Note that the present invention is not limited to the above-described embodiment as it is, and can be embodied by modifying the constituent elements without departing from the scope of the invention in the implementation stage. Moreover, various inventions can be formed by appropriately combining a plurality of constituent elements disclosed in the embodiment. For example, some components may be deleted from all the components shown in the embodiment. Furthermore, constituent elements over different embodiments may be appropriately combined.

  The invention described in the scope of the original claims of the original application of the present application will be appended below.

  [1] A mobile terminal that includes a touch panel that senses contact according to an operation of a user who plays a game, and that can display a list of a plurality of items that can determine actions in the game on the screen during game play. A server control method connected to be communicable is a game control method executed to display information on any of a plurality of items included in the list on the screen of the mobile terminal, the screen being displayed on the screen of the mobile terminal An item selection step of moving the list according to the user's operation on the list displayed on the screen, and selecting one of the plurality of items included in the list when the movement of the list is completed; An information transmission step of transmitting the information to the mobile terminal in order to display information on the selected item on the screen of the mobile terminal. Uncontrolled way.

  [2] In the game control method according to [1], the item selection step includes a movement amount calculation step of calculating a movement amount of the list according to an operation of the user with respect to the list, and the calculated movement. And a step of selecting the item located at the top of the list when the list is moved based on the amount.

  [3] In the game control method according to [2], the movement amount calculating step is a start point indicating a start point that is a position where the touch panel starts to sense contact in response to the user's flick operation on the list. A step of acquiring position information and start point time information indicating a time at which the contact is started from the portable terminal, and a position at which the contact according to the flick operation of the user with respect to the list has been detected; End point position information indicating an end point and end point time information indicating the time when sensing of the contact is completed from the mobile terminal; the start point position information; the start point time information; the end point position information; and the end point time. An operation speed calculation step of calculating an operation speed indicating the speed of the user's flick operation based on the information; a distance from the start point to the end point; and the calculated operation Based on the degree, the game control method characterized by comprising the step of calculating a movement amount of the list.

  [4] In the game control method according to [3], the operation speed calculation step subtracts a position indicated by the acquired start point position information from a position indicated by the acquired end point position information, The step of calculating the distance from the start point to the end point, and detecting the contact by subtracting the time indicated by the acquired start point time information from the time indicated by the acquired end point time information. A game control method comprising: a step of calculating time; and a step of calculating the operation speed by dividing the calculated distance by the calculated time.

  [5] The game control method according to [3] or [4], further comprising a moving time setting step for setting a time during which the list can move based on the calculated operation speed. Game control method to play.

  [6] A mobile terminal that includes a touch panel that senses contact according to an operation of a user who plays a game, and that can display a list of a plurality of items on the screen that can determine actions during the game. A server device that is communicably connected, and moves the list according to the user's operation on the list displayed on the screen of the mobile terminal, and the list is moved to when the list is moved. Item selection means for selecting one of a plurality of items included, and information transmission means for transmitting the information related to the selected item to the mobile terminal in order to display information on the screen of the mobile terminal And a server device.

  [7] A mobile terminal that includes a touch panel that senses contact according to an operation of a user who plays a game, and that can display a list of a plurality of items on the screen that can determine actions during the game A game control program used for a server device connected to be communicable, wherein the server device moves the list according to the user's operation on the list displayed on the screen of the mobile terminal, and Item selection means for selecting one of a plurality of items included in the list when the movement of the list is completed, in order to display information on the selected item on the screen of the portable terminal, the information Is a game control program for functioning as information transmission means for transmitting the message to the portable terminal.

  [8] A computer-readable storage medium storing the game control program according to [7].

  DESCRIPTION OF SYMBOLS 1 ... Network, 2 ... Web server apparatus, 4A, 4B, 4C ... Portable terminal, 5 ... Access point, 6 ... Base station, 21, 41A ... Memory, 22, 42A ... Memory | storage device, 23, 43A ... Processor, 24, 44A ... Communication unit, 45A ... Electronic compass, 46A ... Camera, 47A ... Display unit, 48A ... Touch panel, p_s0, p_c0 ... OS, p_s1 ... Server side JS execution environment program, p_s2, p_c3 ... A company framework program, p_s3 p_c4: Game control program, p_c1: Application execution environment program, p_c2: Company A DB connection kit program, C1: Application execution environment, C2: Company A DB connection kit, C3, S2: Framework, S1: Server side JS execution environment , R1 ... list display area, r2 ... information display Pass.

Claims (7)

A server including a communication unit that performs communication with a mobile terminal operated by a user, a storage unit that stores information indicating a list display area including a plurality of item information, and information corresponding to each of the plurality of item information A display control method in a computer as a device,
Transmitting screen display data for displaying the screen having the list display area on the mobile terminal from the communication unit to the mobile terminal;
Transmitting display data for displaying the list display area on the mobile terminal in a scrollable manner from the communication unit to the mobile terminal;
One item information out of a plurality of item information displayed in the list display area at the time when the scroll movement of the list display area according to the operation of the portable terminal by the user is completed according to a predetermined selection method. When selected, the outline information of the information corresponding to the selected item information is read from the storage unit, and the information display area is made the same screen as the screen having the list display area based on the read outline information. And a step of creating the data to be displayed and transmitted from the communication unit to the portable terminal. The display control method according to claim 1,
The scroll control of the list display area is a change in display contents of the list display area.   The display control method according to claim 1 or 2,
  The step of creating the data is a step of automatically selecting the one item information at the time when the scroll movement is completed.
  The display control method characterized by including. A computer that is a server device including a communication unit that performs communication with a mobile terminal operated by a user,
A storage unit for storing information indicating a list display area including a plurality of item information, and information corresponding to each of the plurality of item information;
Means for transmitting screen display data for displaying a screen having the list display area on the mobile terminal from the communication unit to the mobile terminal;
Means for transmitting display data for displaying the list display area on the mobile terminal in a scrollable manner from the communication unit to the mobile terminal;
One item information out of a plurality of item information displayed in the list display area at the time when the scroll movement of the list display area according to the operation of the portable terminal by the user is completed according to a predetermined selection method. When selected, the outline information of the information corresponding to the selected item information is read from the storage unit, and the information display area is made the same screen as the screen having the list display area based on the read outline information. A computer comprising: means for generating the data to be displayed and transmitted from the communication unit to the mobile terminal. A display control program used in a computer that is a server device including a communication unit and a storage unit that communicate with a mobile terminal operated by a user,
The computer,
Means for writing information indicating a list display area comprising a plurality of item information and information corresponding to each of the plurality of item information into the storage unit;
Means for transmitting screen display data for displaying a screen having the list display area on the mobile terminal from the communication unit to the mobile terminal;
Means for transmitting display data for displaying the list display area on the mobile terminal in a scrollable manner from the communication unit to the mobile terminal;
One item information out of a plurality of item information displayed in the list display area at the time when the scroll movement of the list display area according to the operation of the portable terminal by the user is completed according to a predetermined selection method. When selected, the outline information of the information corresponding to the selected item information is read from the storage unit, and the information display area is made the same screen as the screen having the list display area based on the read outline information. Means for creating the data to be displayed and transmitted from the communication unit to the mobile terminal;
Display control program to function as. A computer that is a server device including a communication unit and a storage unit that communicate with a mobile terminal operated by a user,
Means for writing information indicating a list display area comprising a plurality of item information and information corresponding to each of the plurality of item information into the storage unit;
Means for transmitting screen display data for displaying a screen having the list display area on the mobile terminal from the communication unit to the mobile terminal;
Means for transmitting display data for displaying the list display area on the mobile terminal in a scrollable manner from the communication unit to the mobile terminal;
One item information out of a plurality of item information displayed in the list display area at the time when the scroll movement of the list display area according to the operation of the portable terminal by the user is completed according to a predetermined selection method. When selected, the outline information of the information corresponding to the selected item information is read from the storage unit, and the information display area is made the same screen as the screen having the list display area based on the read outline information. Means for creating the data to be displayed and transmitted from the communication unit to the mobile terminal;
A computer-readable storage medium storing a display control program for functioning as a computer. Corresponding to each of the plurality of item information, a server device including a communication unit that communicates with a mobile terminal operated by a user, and a first storage unit that stores information indicating a list display area composed of a plurality of item information A display control method for the portable terminal including the second storage unit for storing the information,
The server device transmits screen display data for displaying a screen having the list display area on the mobile terminal from the communication unit to the mobile terminal;
The server device transmits display data for displaying the list display area on the portable terminal in a scrollable manner from the communication unit to the portable terminal;
When the mobile terminal finishes scrolling the list display area according to the operation of the mobile terminal by the user, one item information of the plurality of item information displayed in the list display area is predetermined. Once selected according to the selection method, summary information read from the second storage unit, the list display area information display area on the basis of the read summary information of the information corresponding to the selected item information A display control method comprising: a step of displaying on the same screen as the screen having