JP5669698B2 - GUI placement simulator and GUI placement setting support method - Google Patents

Description

  The present invention relates to an information processing technology that accepts a user's manual operation input using a touch panel.

  In recent years, small information devices such as portable game machines, mobile phones, PDAs (Personal Data Asistance), and tablets are assumed to be portable. Such small devices are also limited in input means due to size restrictions. As a result, input means and functions specialized for small devices have been developed independently. For example, by covering the display surface with a touch panel and enabling input with a finger or a touch pen, it is possible to give a feeling of directly operating an object or the like displayed on the display.

  On the other hand, using such a small device, an environment for performing information processing equivalent to a stationary game machine or a personal computer is being prepared. For example, a user operates a small device, and an installed device connected via a network performs actual information processing, so that advanced games can be enjoyed regardless of location. It has also become possible to run on small devices by emulating games for stationary devices.

  Thus, in recent years, there is a technical direction that enables information processing such as games to be performed regardless of the size of the device and the usage environment. However, when trying to carry out such advanced information processing using a small device, there is a problem that the operability is inferior due to the limitation of the input means as described above. In particular, for small devices, it is effective to display a GUI (Graphical User Interface) on the screen as an input means in order to ensure the screen size. However, for each content to be displayed and each screen size of the device. It was difficult to make detailed settings.

  The present invention has been made in view of such problems, and an object of the present invention is to provide a technique that can easily realize an input unit having a form suitable for the content to be displayed and the size of the screen.

  An aspect of the present invention relates to a GUI placement simulator. This GUI placement simulator supports setting of information related to the placement of a GUI (Graphical User Interface) that is displayed on-screen on a content image to be displayed as a result of information processing in an information processing apparatus including a display covered with a touch panel. A GUI placement simulator, a placement setting receiving unit that receives basic setting values of the position and size of a GUI, a screen size designation receiving unit that receives a size specification of a display of an assumed information processing device, and a display obtained from the basic setting values The position and size of the GUI is determined by performing an adjustment corresponding to the comparison result between the condition for the size of the display and the size of the specified display, and the rectangular area representing the virtual screen having the specified size is obeyed. A GUI image display unit for displaying a GUI by arrangement; A storage unit for storing the determined the basic setting value as the GUI layout information file, characterized in that it comprises a.

  Another aspect of the present invention relates to a GUI arrangement setting support method. This GUI layout setting support method sets information related to the layout of a GUI (Graphical User Interface) that is displayed on-screen on a content image to be displayed as a result of information processing in an information processing apparatus having a display covered with a touch panel. A GUI placement setting support method performed by a supporting GUI placement simulator, the step of receiving a basic setting value of a GUI position and size, the step of receiving a size specification of a display of a virtual information processing apparatus, and a basic setting value A step of determining the position and size of the GUI by making an adjustment corresponding to the comparison result between the condition for the required display size and the specified display size, and a rectangle representing a virtual screen having the specified size Place GUI in the area according to the decision And displaying the image on the display has, characterized in that it comprises the steps of storing in a storage device the determined the basic setting value as the GUI layout information file, a.

  It should be noted that any combination of the above-described constituent elements and a representation of the present invention converted between a method, an apparatus, a system, a computer program, etc. are also effective as an aspect of the present invention.

  According to the present invention, it is possible to easily realize input means suitable for the content to be displayed and the screen size.

It is a figure which shows the example of an external appearance of the information processing apparatus of this Embodiment. It is a figure for demonstrating the graphics displayed as joystick GUI in this Embodiment, and its operation method. It is a figure which shows the structure of the information processing apparatus in this Embodiment in detail. It is a figure which shows the structural example of the data recorded on the GUI arrangement | positioning information file in this Embodiment. FIG. 5 is a diagram for explaining an example of setting the position and size of each GUI set in the GUI arrangement information table shown in FIG. 4. It is a figure for demonstrating the principle in which the GUI arrangement | positioning part in this Embodiment determines the position and size of GUI. It is a figure which shows the example of a change of the GUI image with respect to the change of the screen size in this Embodiment. It is a figure which shows the example of the acceptance screen for a user to adjust the position and size of GUI in this Embodiment. It is a figure which shows the example of a screen in which the GUI of adjustment object is moving in the reception screen for adjusting the position and size of GUI of this Embodiment. It is a flowchart which shows the procedure in which the information processing apparatus in this Embodiment performs the process which concerns on a GUI image display. It is a figure which shows the structure of the GUI arrangement | positioning simulator which supports preparation of a GUI arrangement | positioning information file in this Embodiment. It is a figure which shows the example of a screen displayed by the GUI arrangement | positioning simulator in this Embodiment. It is a flowchart which shows the process sequence which the GUI arrangement | positioning simulator in this Embodiment supports creation of a GUI arrangement | positioning information file. It is a figure for demonstrating the aspect which matches several GUI arrangement | positioning information file with one content execution file in this Embodiment.

  FIG. 1 shows an example of the appearance of the information processing apparatus according to the present embodiment. The information processing apparatus 10 is a small apparatus that can be carried by the user, and may be any of a mobile phone, a PDA, a portable game machine, a tablet, and the like. Moreover, you may have the function which combined them. Therefore, the information processing apparatus 10 may include various processing mechanisms according to functions, but since these can use general techniques, description thereof will be omitted as appropriate.

  The information processing apparatus 10 has a configuration in which the display 14 is disposed on the front surface of the main body and the start switch 40 is disposed on the side surface. On the back surface of the display 14, mechanisms necessary for various information processing such as a CPU, a graphic processor unit, a sound processor, and a memory are incorporated (not shown). The display 14 may be a general display such as a liquid crystal display, an EL (Electronic Luminescence) display, or a plasma display. The upper surface of the display 14 is covered with the touch panel 12. The touch panel 12 is realized by any one of the practically used systems such as a resistive film system, an optical system, and a capacitive coupling system.

  In addition, the information processing apparatus 10 may include a speaker that outputs sound, an earphone connection terminal, an infrared port that communicates with other apparatuses, a wireless LAN mechanism, a battery box, and the like, but the illustration is omitted here. .

  The display 14 displays a menu screen, a screen necessary for user operation input such as an icon, a game screen as a result of information processing, a moving image playback screen, a text display screen, a photo display screen, and the like according to functions. Further, a GUI for allowing the user to input an operation while viewing it is displayed on the screen.

  The user performs operation input to the information processing apparatus 10 by touching the touch panel 12 with a finger or sliding the finger so as to operate the GUI. In FIG. 1, a direction key GUI 42 displaying graphics of direction keys, a four-button GUI 44 displaying graphics of four types of operation buttons such as a circle button, a x button, a square button, and a triangle button, all-direction compatible. Joystick GUIs 46a and 46b displaying graphics for instructing the direction, L button GUI 48 displaying the graphics of the “L” button, R button GUI 50 displaying the graphics of the “R” button, “SELECT” button, and “ A SELECT / START button GUI 52 displaying graphics of the “START” button is equipped as a GUI.

  Hereinafter, the GUI shown in the figure will be described as an example, but these are merely examples, and are not intended to limit the design and role. These GUIs are introduced, for example, to realize input means having operability equivalent to a controller of a stationary game machine. The direction key GUI 42 is configured to be able to be keyed in four directions including up, down, left, and right directions, or eight directions including an intermediate direction thereof, and is used for moving a cursor on the screen, scrolling the screen, and the like. Further, it may be used to change the moving direction of characters appearing in the game on the game screen.

  Different functions are assigned to the four types of buttons GUI 44 depending on the processing contents to be executed. For example, when selecting a desired item on the menu screen, the highlight target of the item names and icons displayed in the list is moved by touching a key in any direction of the direction key GUI 42 and the four-type button GUI 44 is selected. ○ Confirm by touching the button. Also, in an interactive game, an affirmative or negative intention may be displayed by touching the ○ button or the x button of the four-type button GUI 44.

  The L button GUI 48 and the R button GUI 50 are used, for example, to add different movements by changing the direction of the line of sight in the game or operating simultaneously with other buttons. The “SELECT” button of the SELECT / START button GUI 52 is used to select, for example, an item displayed as a menu, and the “START” button is used to start playing a moving image, music, or the like.

  Between the “SELECT” button and the “START” button, as shown in the figure, a graphic representing a button for switching display / non-display of the SELECT / START button GUI 52 may be further displayed. When the figure is touched in this state, the SELECT / START button GUI 52 is not displayed and only the figure remains. When the figure is operated in this state, a SELECT / START button GUI 52 appears. In addition, by touching the graphic, all GUIs other than the graphic can be hidden, and it can be used for the purpose of temporarily improving the visibility of the content or easily touching the content. In this case as well, the GUI once hidden is displayed again by touching the graphic again. Various functions may be assigned to the L button GUI 48, the R button GUI 50, and the SELECT / START button GUI 52 depending on the processing content to be executed.

  The left and right joystick GUIs 46a and 46b are GUIs that simulate a joystick that can be tilted in an arbitrary direction used for a game controller or the like as an image. The joystick GUIs 46a and 46b are configured by at least one circle, and are configured to input the direction and size based on the direction and distance from the center of the circle to the contact point by the user.

  Since this GUI allows an arbitrary direction and an arbitrary amount to be input, it can be used for controlling the moving direction and moving speed of characters and objects appearing in the game, turning the field of view, and the like. FIG. 2 is a diagram for explaining graphics displayed as the joystick GUI 46a and an operation method thereof. The same applies to the joystick GUI 46b.

  The operation on the joystick GUI 46a is valid during a period in which the user touches the area in the circle 72 displayed as graphics of the joystick GUI 46a and then slides his / her finger on the touch panel without releasing it. Then, as shown on the left side of the figure, the direction and magnitude of the direction vector 71a from the center 74 of the circle 72 to the contact point of the user's finger 76a are continuously acquired, and the tilt direction when the actual joystick is operated and The input direction and input value correspond to the tilt angle.

  At this time, a sign 70 such as a circle is displayed at a position touched by the finger 76a, and is moved in accordance with the movement of the contact point. The sign 70 preferably has a size and shape that is not hidden by the finger. Furthermore, it is easier to visually recognize the image by processing it around the image that is shining, shifting the position slightly so as to track the movement of the contact point, and displaying the movement trace faintly. .

  During the period when the operation to the joystick GUI 46a is effective, that is, the period when the contact starting from the area in the circle 72 is continued, as shown on the right side of FIG. To do. For example, the entire area of the touch panel 12 may be the detection area. At this time, by disabling the other GUI displayed on the display 14, the joystick GUI 46a can be operated more freely using a large area.

  When the contact point of the finger 76b is outside the circle 72, only the direction from the center 74 of the circle is acquired as the input direction, and the input value is the circle 72 or a predetermined radius regardless of the distance from the center 74 to the contact point. It is saturated with the value of the radius of the concentric circle (concentric circle 77 in the figure). At this time, the marker 70 is displayed so as to move in accordance with the direction of the contact point while being inscribed in the circumference of the circle 72.

  The content of the operation that can be realized by providing such a GUI can be variously changed by button assignment according to the function realized by the information processing apparatus. In this embodiment, as described above, by reproducing the input means in a stationary game machine or personal computer in the form of a touch panel, the variation of operation input in a small information device can be made equivalent to that of a stationary game machine. . In addition, games that are familiar with stationary game machines can be played with the same operability without any discomfort even with small devices.

  On the other hand, the environment in which the input means is provided in the screen as described above is to improve operability by increasing the types of input means and increasing the size, and to make it easy to see the original image as a processing result such as a content image. This creates a trade-off relationship. The optimal balance between the two changes depending on various factors such as the contents of information processing, the image to be displayed, the type and frequency of use of the input means, and the screen size. In the present embodiment, a GUI display mechanism that can cope with such a change in factors is realized.

  FIG. 3 shows the configuration of the information processing apparatus 10 in detail. In addition to the touch panel 12 and the display 14 described above, the information processing apparatus 10 includes a content storage unit 16 that stores a program for displaying content and various data, and a GUI image storage unit 18 that stores data of material images prepared as a GUI. , Input / output control unit 20 that controls input signal reception from touch panel 12 and output of image data to display 14, GUI arrangement adjustment acceptance unit 21 that accepts adjustments by the user of the size and arrangement of each GUI, and input signals from the touch panel Includes an operation information conversion unit 22 that converts information into operation content information, a GUI arrangement unit 26 that arranges images of each GUI in the coordinate system of the screen, and a GUI image buffer 28 that temporarily stores the GUI image after arrangement.

  The information processing apparatus 10 further temporarily stores the content processing unit 24 that performs information processing related to content display according to the operation content on the GUI, the content image generation unit 30 that generates the content image, and the generated content image. The content image buffer 32 includes an image composition unit 34 that generates an image obtained by on-screen displaying a GUI image on the content image.

  Here, the type of “content” is not limited as long as it is a target that can be electronically processed and displayed on a computer game, a movie, a sentence, a photograph, a picture, or the like. In addition to general “content”, this embodiment can also be applied to general information processing such as web page browsing, schedule management, address book display, document creation, and spreadsheet. In the following description, performing information processing with such image display is collectively referred to as “execution of content”.

  An image composed of GUIs arranged by the GUI arrangement unit 26 in the coordinate system of the screen is hereinafter referred to as “GUI image”. That is, an image obtained by on-screen displaying a “GUI image” on a “content image” that is a result of information processing is displayed on the display 14 as a final image.

  In FIG. 3 and FIG. 11 described later, each element described as a functional block for performing various processes can be configured with a CPU, a memory, and other LSIs in terms of hardware, and content in terms of software. This is realized by a program or the like for processing the image or image processing. Therefore, it is understood by those skilled in the art that these functional blocks can be realized in various forms by hardware only, software only, or a combination thereof, and is not limited to any one.

  The input / output control unit 20 is connected to the touch panel 12 and the display 14 by an existing method, and controls data input / output. The input signal received from the touch panel 12 includes the coordinates of the contact point touched by the user on the touch panel 12, the movement path of the coordinates when the contact point continuously moves, and the like. The touch point detection method on the touch panel 12 is not described here because it differs depending on the method. The input / output control unit 20 also outputs a video signal of a display image to the display 14.

  In addition to the content execution file 38 in which various data such as programs and image data necessary for content processing are recorded, the content storage unit 16 is set in association with the content, and includes basic information regarding the position and size of each GUI. Are stored, and a user setting information file 37 that records the result of the user adjusting the position and size of the GUI is stored. The GUI arrangement information file 36 is created by a content creator or the like, and is provided in association with the content execution file 38. The GUI arrangement adjustment receiving unit 21 adjusts the information recorded in the GUI arrangement information file 36 thus provided, that is, the position and size of each GUI according to the user's preference, and sets the user setting information file 37. It is an interface for creating.

  For example, if the content is a game, the content execution file 38 records the program, information about the player, information such as the level reached at the previous play. If the content is a movie or music, video data and audio data that have been compression-encoded and a program for decoding and reproducing the data are recorded. The content storage unit 16 may be a hard disk drive, or may be realized by a combination of a removable recording medium such as a memory card, a ROM disk, an optical disk, a magneto-optical disk, and a reading device corresponding thereto.

  The GUI image storage unit 18 is a storage device such as a hard disk drive that stores image data serving as a GUI image material, such as direction keys and four types of buttons. The operation information conversion unit 22 acquires an input signal from the touch panel 12 from the input / output control unit 20, and converts the coordinates of the contact point included in the signal into information on the operation content. Specifically, in addition to the interpretation of the operation to the GUI shown in FIG. 1, the item selected based on the contact point is specified for the icon arrangement displayed on the initial screen and the selection input from the menu screen.

  Therefore, information indicating a correspondence relationship between the area where the operation target graphics such as an icon, a menu item, and a GUI are displayed and the operation content when the area is touched is recorded in the content execution file 38. The operation information conversion unit 22 reads it. Further, the information related to the GUI area shown in FIG. 1 is acquired by notification from the GUI arrangement unit 26 when the GUI arrangement unit 26 generates a GUI image.

  Then, based on the association between the GUI identification information set in the content execution file 38 and the operation content, the region is associated with the operation content. During actual operation, if the coordinates of the contact point acquired from the input / output control unit 20 are within the detection area of each GUI currently displayed, the operation content associated with the GUI is specified.

  Of the operation content information, information related to content processing is notified to the content processing unit 24, and information related to GUI display is notified to the GUI placement unit 26, respectively. The GUI arrangement unit 26 is set in the user setting information file 37 or the GUI arrangement information file 36 read from the content storage unit 16 when a content selection operation is performed or when an operation to change the GUI display is performed. Based on the obtained information, each GUI image read from the GUI image storage unit 18 is appropriately scaled up and arranged in the coordinate system of the screen. When the GUI arrangement information file 36 is read, the GUI arrangement unit 26 compares the screen size of the display 14 of its own device with the information set in the GUI arrangement information file 36, and fits the screen size while complying with the setting. Thus, the position and size of the GUI are determined.

  The GUI image generated as a result of the arrangement is stored in the GUI image buffer 28. Further, the information on the determined position and size of the GUI is also given to the operation information conversion unit 22. By configuring the GUI arrangement unit 26 and the operation information conversion unit 22 so that bidirectional information transmission is possible, another GUI is newly displayed according to the operation on the currently displayed GUI, and the arrangement and size are displayed. , You can change the design. For example, in the state where the operation on the joystick GUI 46a shown in FIG. 2 is enabled, other GUI images that are disabled may be hidden. The display of the sign 70 can be performed by a similar mechanism.

  The content processing unit 24 refers to the content execution file 38 stored in the content storage unit 16 and processes the content according to the user's operation details. The actual processing procedure is as generally performed according to the content. The content image generation unit 30 generates content image data to be output as a result of the processing by the content processing unit 24 and stores it in the content image buffer 32.

  The image composition unit 34 performs image processing using the GUI image data stored in the GUI image buffer 28 and the content image data stored in the content image buffer 32, thereby turning on the GUI image on the content image. Generates a screen-displayed image and stores it in the internal frame buffer. A video signal corresponding to the image stored in the frame buffer is transmitted to the display 14 under the control of the input / output control unit 20, whereby an image including a GUI is displayed on the display 14.

  FIG. 4 shows an example of the structure of data recorded in the GUI arrangement information file 36. In the present embodiment, as described above, one GUI arrangement information file 36 for each content is created in common as a standard setting regardless of the screen size, and the GUI arrangement unit 26 of each information processing apparatus creates the file. Each GUI is arranged at a position and size suitable for the screen size of its own device while referring to it.

  The GUI arrangement information table 100 recorded in the GUI arrangement information file 36 includes a GUI identification information column 102, a display switching column 104, a position column 106, a size column 108, and a left / right link column 110. The GUI identification information column 102 shows GUI identification information that can be displayed. In the same figure, “L button”, “R button”, “left joystick”, “right joystick”, “direction key”, “four buttons”, “SELECT / START button (horizontal)”, “SELECT / START button Eight GUI names “(Vertical)” are shown.

  The seven GUIs other than the “SELECT / START button (vertical)” are the L button GUI 48, the R button GUI 50, the joystick GUIs 46a and 46b, the direction key GUI 42, the four types of buttons GUI 44, and the SELECT / START button GUI 52 shown in FIG. It corresponds. The “SELECT / START button (vertical)” is a GUI obtained by modifying the “SELECT / START button (horizontal)”.

  In the figure, the GUI name is shown in the GUI identification information column 102, but an identification code, an identification number, or the like may be used. Such GUI identification information is the GUI that is used to identify the image data of each GUI stored in the GUI image storage unit 18 and that the operation information conversion unit 22 refers to when converting contact point information into operation content. It is also used in common for information associating operation details.

  In the display switching field 104, whether or not to display each GUI shown in the GUI identification information field 102 is set. In the figure, all GUIs are set to “ON”, that is, displayed. By setting this setting to “OFF”, that is, non-display, the GUI is excluded from the display target. As a result, unnecessary GUI can be hidden and the concealed area of the content image can be reduced. Note that a GUI composed of a plurality of buttons such as a direction key GUI, a four-type button GUI, and a SELECT / START button GUI may be set to display / non-display for each one.

  In the position column 106, the position on the screen of each GUI shown in the GUI identification information column 102 is set. More specifically, the position of the reference point such as the upper left or the center of the material image of each GUI is set by the X coordinate (horizontal direction) and Y coordinate (vertical direction) of the screen. At this time, the Y coordinate is expressed as a ratio from the edge of the screen to the vertical length of the screen. In the figure, the ratio from the upper end is represented by 100 minutes. On the other hand, the X coordinate is represented by the length from the screen end. In the figure, the left GUI represents the distance from the left end of the screen, and the right GUI represents the distance from the right end of the screen in inches. In the coordinate system of the screen for setting the position in this way, the origin and unit need not be common to all the GUIs.

  In this way, even if the screen size changes in the vertical direction, the GUI can be arranged at a position close to the hand holding the apparatus, such as near the center. On the other hand, with respect to the horizontal direction, the GUI can be arranged in a state where it is in contact with the left and right edges of the screen or within a predetermined distance near the edges, regardless of changes in the screen size. Further, unnatural unevenness can be prevented from occurring in the vertical arrangement of the GUI.

  In the size column 108, the width “W” and the height “H” of the image of each GUI indicated in the GUI identification information column 102 are set. In the figure, it is expressed in inches. Since the GUI size suitable for operation is mainly determined by the size of the finger and the movable range, it is basically fixed regardless of the screen size. However, as will be described later, the GUI placement unit 26 adjusts the size depending on the screen size.

  In the left and right link column 110, it is set whether or not to always display the GUI arranged on the left side of the screen and the GUI arranged on the right side at the same height regardless of the screen size. The setting to display at the same height, that is, at the same position in the vertical direction is called “link”. In the figure, “L button” and “R button”, “Left joystick” and “Right joystick”, “Cross button” and “Four kinds of buttons” are respectively paired, basically the same height on the left and right Is assumed to be displayed.

  Therefore, for each pair, the Y coordinate in the position column 106 is set to “5%”, “20%”, and “45%”. However, as will be described later, depending on the GUI to be displayed and the screen size, the GUI placement unit 26 may determine placement other than the setting of the Y coordinate. At this time, if the setting for linking in the left and right link column 110 is made, priority is given to this so that the height of the left and right pairs is not shifted and an unnatural arrangement is not caused. In the figure, all pairs are set to “ON”, that is, linked. If there is no need for a link, “OFF” is set.

  FIG. 5 is a diagram for explaining a setting example of the position and size of each GUI set in the GUI arrangement information table 100 shown in FIG. As shown in the figure, in the screen 120, an L button GUI 48, a left joystick GUI 46a, a direction key GUI 42 are arranged on the left side, an R button GUI 50, a right joystick GUI 46b, a four-type button GUI 44, and a SELECT / START button GUI 53 are arranged on the right side. Is assumed. Here, except for the SELECT / START button GUI 53, it corresponds to each GUI shown in FIG.

  The SELECT / START button GUI 53 is in a state in which the SELECT button and the START button graphic arranged in the horizontal direction by the SELECT / START button GUI 52 shown in FIG. 1 are arranged in the vertical direction. This GUI is the GUI of the “SELECT / START button (vertical)” shown in the last row in the GUI arrangement information table 100 of FIG. 4, and the “SELECT / START button (horizontal) corresponding to the SELECT / START button GUI 52 of FIG. ) ”. Switching between the “SELECT / START button (vertical)” and the “SELECT / START button (horizontal)” will be described later.

  For each of these seven types of GUIs, the position and size on the screen are set in the position column 106 and the size column 108. In the case of the arrangement shown in the figure, (X1, Y1), (X3, Y3), (X5, Y5) are set in the position column 106 in the order of the L button GUI 48, the left joystick GUI 46a, and the direction key GUI 42. In the size column 108, (W1, H1), (W3, H3), and (W5, H5) are set. However, X1, X3, and X5 are numerical values representing the coordinates of the center of gravity of each GUI with respect to an axis in which the left end of the screen is 0 and the right direction is positive, and Y1, Y3, and Y5 are 0, The coordinates of the center of gravity of each GUI with respect to the axis whose lower end is 100.

  Similarly, in the order of the R button GUI 50, the right joystick GUI 46b, the four types of buttons GUI 44, and the SELECT / START button GUI 53, the position column 106 includes (X2, Y2), (X4, Y4), (X6, Y6), (X7 , Y7) and (W2, H2), (W4, H4), (W6, H6), (W7, H7) are set in the size column 108. At this time, X2, X4, X6, and X7 are numerical values representing the coordinates of the center of gravity of each GUI with respect to an axis in which the right end of the screen is 0 and the right direction is positive. Y2, Y4, Y6, and Y7 are the same as described above.

  FIG. 6 is a diagram for explaining the principle by which the GUI placement unit 26 determines the position and size of the GUI based on the screen size of the device itself and the settings in the GUI placement information file 36. In the figure, the dotted line indicates the distance D between the centroids of two GUIs adjacent in the vertical direction, and the solid line indicates the change in the sum Wsum of the widths of the two GUI images between the centroids with respect to the screen size.

For example, in the setting shown in FIG. 5, taking the left joystick GUI 46a and the direction key GUI 42 as an example,
D = (Y5−Y3) × V
Wsum = (H3 + H5) / 2
It is. Here, the height of the screen is V (inch).

  That is, according to the setting, the distance D between the centroids is a variable proportional to the height V of the screen, and the sum Wsum of GUI widths is a constant. Therefore, as the screen size decreases, both become equal. In this figure, the height of the screen at that time is “Vth1”. As shown in the figure, when the height V is Vth or more, the distance D between the centroids is larger than the sum Wsum of the GUI widths, so that the GUIs do not overlap each other. Therefore, under this condition, the GUI placement unit 26 determines the position and size of each GUI according to the settings of the GUI placement information file 36.

  On the other hand, when the screen height V is smaller than Vth1, according to the setting, the distance D between the centroids becomes smaller than the sum Wsum of the GUI widths, and the GUIs overlap each other. At this time, the GUI arrangement unit 26 invalidates the setting of the vertical position of the two GUIs in the setting of the GUI arrangement information file 36. Then, as shown in FIG. 6, the positions of the two GUIs are determined so that the distance D between the centroids is equal to the sum Wsum of the GUI widths, that is, the GUIs are in contact with each other. Since Vth is determined for each pair of two GUIs that are adjacent in the vertical direction, a comparison with the screen height V is performed for each pair to determine whether the set value is valid / invalid.

  When the screen size is further reduced, all the GUIs included in the vertical array are in contact with each other, and the sum of their GUI heights exceeds the screen height V according to the setting. It becomes like this. In the figure, the height of the screen at that time is “Vth2”. At this time, the GUI arrangement unit 26 invalidates the setting of the size in addition to the setting of the vertical position of the GUI among the settings of the GUI arrangement information file 36. Then, as shown in FIG. 6, the size of the GUI is reduced to V / Vth2 times in the two vertical and horizontal directions. At this time, the position is determined so that the GUIs are in contact with each other.

  In this way, the GUI arrangement unit 26 calculates the values of Vth1 and Vth2 from the setting values of the GUI arrangement information file 36, and compares the height V and the size of the screen of the own device, thereby displaying the GUI according to the setting. In any of the three modes, the setting of at least one GUI position is invalidated and displayed, and the position and size settings of all GUIs belonging to the vertical array are invalidated and reduced and displayed. Branch processing. In this way, even if the screen sizes are different, the GUI can be displayed in a state where the setting intention in the GUI arrangement information file 36 is drawn as much as possible.

  FIG. 7 shows a change example of the GUI image with respect to the change of the screen size. First, on a screen of screen size A having a height of V> Vth1, each GUI is displayed at a position and size according to the setting of the GUI arrangement information file 36 (screen 134). On the other hand, in the case of a screen of screen size C having a height of V <Vth2, the size of each GUI is reduced in accordance with the screen size, and the GUI is displayed in a state of being vertically packed (screen 138).

  Also, in the case of a screen having a screen size B having a height of Vth2 <V <Vth1, the GUI is displayed with the position in the vertical direction adjusted as described above (screen 136). In the example shown in the figure, the direction key GUI 42 and the four-type button GUI 44 are located somewhat below the screen 134 so as not to overlap with the joysticks 46a and 46b located immediately above.

  On the screen 136, the design and arrangement of the SELECT / START button GUI are switched. That is, the lower end of the screen of the SELECT / START button GUI 52 in which the button graphic is arranged in the horizontal direction from the SELECT / START button GUI 53 in which the button graphic is arranged in the vertical direction, which is displayed on the right side of the screen 134 at the size A. The display has been switched to the center. Such switching may be performed with a predetermined screen size as a boundary, or may be performed when the original setting overlaps with another GUI.

  The SELECT / START button GUI 53 on the screen 134 and the SELECT / START button GUI 52 on the screen 136 are “SELECT / START button (vertical)” and “SELECT / START button (horizontal)” shown in the GUI arrangement information table 100 of FIG. It corresponds to. In the GUI arrangement information file 36, a plurality of GUIs whose shape and position are to be switched according to the screen size from the viewpoint of design, or GUIs whose screen height V <Vth2 is not preferable for reduction, are described above. Set the pattern.

  Such switching is not limited to the SELECT / START button GUI. For example, four buttons may be arranged horizontally and displayed at the center of the lower end of the screen, or one of the GUIs is simply separated from the left and right GUI arrays. It may be arranged in another area. In any case, it is possible to reflect the intention of the setter that it is desirable to change the position rather than reducing the size in view of the usage frequency and operability of the GUI. When the screen height V is smaller than Vth1, the GUI placement unit 26 adopts another GUI pattern that is set in the GUI placement information file 36, and if not set, As described above, the position and size are determined according to the relationship with other GUIs.

  As shown in the screen 138, when the GUI is displayed in the vertical direction, if the left joystick 46a is not displayed, for example, the lower direction key GUI 42 is further pulled up, which is essentially the same height. It is conceivable that it will deviate from the four-type button GUI 44 designed for display on the screen. In order to avoid such a situation, when a link is set in the GUI arrangement information table 100 of FIG. 4, the position is determined so that it is given priority. As a result, regardless of the distance between the upper and lower GUIs, GUI pairs that should be displayed at the same height are always displayed without deviation.

  FIG. 8 shows an example of a reception screen displayed on the display 14 by the GUI arrangement adjustment receiving unit 21 for the user to adjust the position and size of the GUI. This adjustment screen can be called at any time by touching a predetermined button on the GUI before the start of the content execution process and during the process. Alternatively, the menu screen may be called and then called by selecting from the menu screen.

  The GUI arrangement adjustment screen 140a displays a message 142 for prompting adjustment and a rectangle 144 surrounding each GUI on the GUI image immediately before the start of adjustment. In this example, of the GUIs surrounded by the rectangle 144, once the GUI to be adjusted is touched, the GUI is set as an adjustment target. At this time, a graphic 146 for accepting the size adjustment of the GUI is displayed in the vicinity of the GUI. The user adjusts the size by moving it in the enlargement and reduction directions. Further, the position is adjusted by touching the GUI to be adjusted and moving (dragging) while maintaining the contact.

  FIG. 9 shows an example of a screen in which the GUI to be adjusted is moving as described above. In the GUI arrangement adjustment screen 140b, when the user touches and drags in the area of the four-type button GUI 44, the position of the GUI is moved to the upper left. However, when the position is overlapped with another GUI such as the joystick GUI 46b, the color or shape of the rectangle 148 surrounding the GUI is changed from the original rectangle 144 to indicate that the position cannot be moved to that position.

  When the position or size of the GUI to be adjusted is changed on the adjustment screen as described above, a determination button GUI 150 for determining the change and an initial setting button for returning to the original setting are used instead of the message 142 in FIG. The GUI 152 is displayed. When the determination button GUI 150 is touched, the GUI arrangement adjustment receiving unit 21 creates or updates the user setting information file 37 that represents the positions and arrangements of all the GUIs at that time in absolute values, and stores them in the content storage unit 16. When the user setting information file is stored in the content storage unit 16, the GUI placement unit 26 places each GUI by giving priority to the information in the user setting information file 37 over the GUI placement information file 36. When the initial setting button GUI 152 is touched, the GUI arrangement adjustment receiving unit 21 discards the user setting information file 37.

  Next, the operation of the information processing apparatus 10 that can be realized by the configuration described so far will be described. FIG. 10 is a flowchart illustrating a procedure of processing related to GUI image display performed by the information processing apparatus 10. The flowchart is started when the information processing apparatus 10 is activated by turning on the activation switch 40 or when a content to be executed is selected. In parallel with the processing shown in the figure, it is assumed that the content processing unit 24 and the content image generation unit 30 of the information processing apparatus 10 appropriately perform information processing related to content based on the content execution file 38.

  First, when the user calls the GUI arrangement adjustment screen (Y in S10), the GUI arrangement adjustment reception unit 21 displays the GUI arrangement adjustment screen illustrated in FIG. 8 (S12). When the user drags the GUI to be adjusted or operates the enlargement / reduction graphic to adjust the position and size (S14), the GUI arrangement adjustment accepting unit 21 indicates the adjusted GUI arrangement as an absolute value. The user setting information file 37 is created and stored in the content storage unit 16 (S16). If the previously created user setting information file 37 exists, it is updated. Then, a GUI image is created based on the user setting information file 37, and the final image is displayed by on-screen display on the content image (S30).

  When the user does not adjust the GUI arrangement (N in S10), the GUI arrangement unit 26 acquires the identification information of the selected content from the operation information conversion unit 22, and refers to the content storage unit 16 for the content. The presence or absence of the user setting information file 37 associated with is confirmed (S17). If the file exists (N in S17), a GUI image is created based on the file, and the final image is displayed by displaying the content image on-screen (S30).

  When there is no user setting information file 37 (Y in S17), the GUI arrangement information file 36 associated with the content is read from the content storage unit 16 (S18). Then, for the GUI to be displayed in the file, the screen height Vth1 at which the adjacent GUIs overlap each other is compared with the screen height V of the device itself (S20). As described above, Vth1 is calculated for each pair of adjacent GUIs.

  If Vth1 ≦ V for all the GUI pairs (Y in S20), the GUI placement unit 26 stores the GUI position and size set in the GUI placement information file 36 in the GUI image storage unit 18. A GUI image is generated by arranging the GUI image (S24). On the other hand, when there is a GUI pair satisfying V <Vth1 (N in S20), a height Vth2 at which the vertical arrangement of GUI does not fit on the screen even if only the position is adjusted, and the screen height of the device itself V are compared (S22).

  If Vth2 ≦ V (Y in S22), the vertical position of at least one of the GUI pairs satisfying V <Vth1 is adjusted from the set value, and they are displayed at the positions where they touch each other without overlapping. (S26). For example, without adjusting the position of the upper GUI, the position of the lower GUI is adjusted so as to be in contact therewith. When the setting for changing the arrangement or the design is made in the GUI arrangement information file 36 as in the above-described SELECT / START button GUI, the setting is prioritized.

  If V <Vth2 (N in S22), all GUIs included in the array are reduced to V / Vth2 times and displayed at the positions where they touch (S28). However, priority is given to a pair of left and right GUIs for which a link is set in the GUI arrangement information file 36. The final image is displayed by displaying the GUI image generated in S24, S26, or S28 on the content image on-screen (S30).

  As described above, the GUI placement unit 26 may change the GUI image at any time by performing the processing from S18 to S30 according to the operation content for the GUI being displayed. When the user calls the GUI arrangement adjustment screen, the GUI arrangement adjustment receiving unit 21 may update the user setting information file 37 at any time by performing the processing from S12 to S16.

  So far, the aspect of generating a suitable GUI image according to the size of the screen of the own apparatus has been described in the apparatus that executes the content. Next, an apparatus for supporting creation of a GUI arrangement information file provided together with a content execution file will be described. For example, this apparatus is used by a content creator or a production company to create a GUI arrangement information file having an optimal setting in consideration of creation of content and an image displayed by the content and necessary input means.

  In the present embodiment, as described above, by creating one GUI arrangement information file, the information processing apparatus itself can follow the setting intention of the information processing apparatus of any screen size as much as possible. Autonomously adjusts the size and placement of the GUI. However, in such a case, in the content creation stage, in order to check how the setting of the GUI arrangement information file is reflected in the actual GUI image, actual machines having various screen sizes are required. .

  In the present embodiment, the content creator does not hold the actual machine, so that the GUI size and arrangement are unexpected and it is difficult to operate and the content image is difficult to see. A GUI image can be simulated by a virtual screen. FIG. 11 shows the configuration of a GUI placement simulator that supports the creation of a GUI placement information file.

  The GUI placement simulator 160 includes a placement setting receiving unit 162 that receives setting values in the GUI placement information file, a screen size designation receiving unit 164 that receives virtual screen size designation, and a GUI image that displays a GUI image on a virtual screen. The display unit 166 includes a GUI arrangement information file storage unit 168 that stores a GUI arrangement information file, and a GUI image storage unit 170 that stores data of material images prepared as a GUI. As shown in the figure, the GUI placement simulator 160 is configured to receive signals from general input means such as a keyboard and a mouse, and output image data to be displayed to the display.

  The arrangement setting reception unit 162 displays a GUI arrangement information table representing a list of items that can be set in the GUI arrangement information file 36 as shown in FIG. Each item is configured to allow manual input of data by an input means. While viewing the displayed GUI arrangement information table, the setter switches display / non-display of each GUI, sets the position and size of each GUI, and sets a link.

  The screen size designation accepting unit 164 displays a screen for accepting designation of a virtual screen size on the display. The setter specifies the virtual screen size and aspect ratio while viewing the displayed reception screen. The GUI image display unit 166 is the same as the GUI arrangement unit 26 of the information processing apparatus 10 based on the setting related to the GUI arrangement for the arrangement setting reception unit 162 and the size of the virtual screen specified by the screen size designation reception unit 164. The scheme determines the size and location of the GUI. Then, after reading the image data of each GUI from the GUI image storage unit 170, a GUI image corresponding to the virtual screen size is generated and displayed on the display.

  The setting person confirms the GUI image displayed by the GUI image display unit 166 while changing the screen size in the screen size designation receiving unit 164, and arranges and sets so that a good GUI image can be obtained at any screen size. The setting in the receiving unit 162 is corrected. When the final setting value is confirmed, the arrangement setting receiving unit 162 stores the GUI arrangement information file including the setting value in the GUI arrangement information file storage unit 168. Note that a standard GUI arrangement information file may be stored in the GUI arrangement information file storage unit 168 in advance, and a new GUI arrangement information file may be stored as the setting person modifies it.

  FIG. 12 shows an example of a screen displayed by the GUI placement simulator 160. The GUI layout simulation screen 180 includes a screen size designation window 182 for accepting designation of a virtual screen size, and a GUI image display window 184 for displaying a GUI image corresponding to the designated virtual screen size. In the same screen, the setting screen is not displayed on the assumption that the setting for the GUI arrangement information file is performed separately. However, the setting screen may be displayed simultaneously on the same screen.

  The screen size designation window 182 is displayed by the screen size designation receiving unit 164 and includes an aspect ratio selection box 186 and a screen size change bar 188. The setter can select a virtual screen size by selecting one aspect ratio from the aspect ratio selection box 186 and moving the bar left and right in the screen size change bar 188. The aspect ratio and size thus selected are reflected in the aspect ratio and size of the GUI image display window 184.

  By these operations, a device having a standard aspect ratio can be emulated relatively easily. Further, the GUI image display window 184 may be changed by dragging the window boundary with a general window system changing method, for example, a mouse or the like. This makes it possible to easily emulate a screen configuration with a more free aspect ratio, and to easily detect a failure that occurs at a specific screen ratio or screen size.

  The GUI image display unit 166 displays each GUI in the GUI image display window 184 having such a size in an arrangement according to the setting of the GUI arrangement information file being created. The processing at this time is the same as the processing performed by the GUI placement unit 26 of the information processing apparatus 10, but the GUI image display unit 166 is linked to the screen size designation window 182 whenever it is designated. The GUI image displayed on the GUI image display window 184 is updated.

  Next, the operation of the GUI placement simulator having the above configuration will be described. FIG. 13 is a flowchart showing a processing procedure in which the GUI placement simulator 160 supports creation of a GUI placement information file. This process is started when the setting person activates the GUI placement simulator 160. First, when the setter calls the arrangement setting screen (S40), the arrangement setting receiving unit 162 receives the setting of arrangement information by displaying the GUI arrangement information table in a state where each item can be input (S42).

  Next, each time the screen size designation receiving unit 164 displays the screen size designation window 182 and the GUI image display unit 166 displays the GUI image display window 184, the GUI image display window 184 is received every time the screen size designation window 182 is designated. The GUI image at is updated (S44, S46). The process of S46 corresponds to the process of S20 to S28 in FIG. The process of S42, S44, and S46 is repeated until an input for final setting of the GUI arrangement information file is made, such as closing the GUI image display window 184 (N in S48). Or only the process of S44 and S46 is repeated.

  When the final determination of the GUI arrangement information file is made (Y in S48), the GUI arrangement information file is stored in the GUI arrangement information file storage unit 168 (S50). This file can be recorded in a recording medium or the like in association with a separately created content execution file, or can be downloaded from a content providing server or the like so that it can be stored together in the content storage unit 16 of the information processing apparatus 10. To do.

  In the description so far, GUI arrangement suitable for content has been realized by using a common GUI arrangement information file even for screens of different sizes. On the other hand, in information processing apparatuses in which gripping positions and image display positions are greatly different, there is a case where priorities for GUIs and their positions and sizes are different. Therefore, the width of applicable information processing apparatuses may be further expanded by providing a plurality of GUI arrangement information files in association with one content execution file.

  FIG. 14 is a diagram for explaining such an aspect. In the example of the figure, in addition to the one-screen GUI arrangement information file 194 in which the settings for the one-screen information processing apparatus 10 described so far are recorded, the settings for the two-screen information processing apparatus 192 of the folding type and the sliding type are set. The recorded two-screen GUI arrangement information file 196 is associated with one content execution file 198.

  For example, when the content for one screen is executed by the information processing device 192 having two screens on the upper and lower sides, only the upper screen of the two installed screens may be used for displaying the content image. In this case, even if the GUI is displayed large on the lower screen, it does not affect the visibility of the content image. Further, since it is generally assumed that the lower screen side casing is gripped, it is desirable to display a GUI that requires frequent operations or quick operations on the lower screen.

  In view of such differences in characteristics, by generating a plurality of GUI arrangement information files and making a single content file together with the content execution file, it is possible to display the GUI in a form suitable for the content easily and at low cost. It can be realized by various information processing apparatuses. In addition, in the GUI arrangement information file 194 for one screen and the GUI arrangement information file 19 for two screens, information for identifying one screen and two screens is embedded as header information, and the GUI arrangement unit 26 of the apparatus that executes the contents Based on the number of screens of the device itself, one of them is read and the GUI is arranged.

  In the case of two screens, the GUI placement unit 26 and the GUI placement simulator 160 of the information processing apparatus 10 perform the above-described processing and simulation for adjusting the position and size of the GUI for each screen. The GUI arrangement information file for two screens is further provided with a column for setting whether to display the GUI on the first screen or the second screen in association with each GUI.

  According to the present embodiment described above, display / non-display of each GUI, display position, display size, and a pair of left and right GUI pairs are set in the GUI arrangement information file generated in association with the content execution file. Keep it. Then, the information processing apparatus that executes the content refers to the GUI arrangement information file, performs the adjustment according to the screen size of the own apparatus, and displays the display target GUI.

  In this way, regardless of the size of the screen of the information processing apparatus, the GUI can be displayed at a position and size suitable for the content. By associating only basic information related to GUI placement with a content execution file as a GUI placement information file, the information processing apparatus autonomously adjusts using a GUI material image held by itself, A GUI display mode suitable for both content and screen size can be realized easily and at low cost. By making the GUI arrangement information file independent of the content execution file, the user can easily adjust the GUI arrangement according to his / her preference.

  Further, at the stage of creating the GUI placement information file, the GUI placement simulator virtually generates screens of various sizes and displays how the position and size of the GUI change. Thereby, even if the setter does not have an information processing apparatus with various screen sizes, the setter can confirm in detail what GUI is actually displayed by the GUI arrangement information file being created. . As a result, it is possible to prevent the occurrence of problems such as an unexpected GUI layout depending on the screen size in advance.

  In addition, a GUI arrangement information file is generated individually for a device having a display mode and a priority of GUI position and size that are greatly different, such as a one-screen information processing device and a two-screen information processing device. Associate. At the time of content execution, a GUI image suitable for each screen form can be displayed by referring to the GUI arrangement information file corresponding to the screen form of the own apparatus. By preparing a plurality of GUI arrangement information files in this way, not only information processing devices with different numbers of screens but also various information processing devices such as horizontally long screens, vertically long screens, and remarkably different screen sizes can be used for this implementation. The form can be easily applied.

  The present invention has been described based on the embodiments. Those skilled in the art will understand that the above-described embodiment is an exemplification, and that various modifications can be made to combinations of the respective constituent elements and processing processes, and such modifications are also within the scope of the present invention. is there.

DESCRIPTION OF SYMBOLS 10 Information processing apparatus, 12 Touch panel, 14 Display, 16 Content memory | storage part, 18 GUI image memory | storage part, 20 Input / output control part, 21 GUI arrangement | positioning adjustment reception part, 22 Operation information conversion part, 24 Content processing part, 26 GUI arrangement | positioning part , 28 GUI image buffer, 30 content image generation unit, 32 content image buffer, 34 image composition unit, 36 GUI layout information file, 38 content execution file, 160 GUI layout simulator, 162 layout setting reception unit, 164 screen size designation reception unit 166 GUI image display unit, 168 GUI arrangement information file storage unit, 170 GUI image storage unit.

Claims (6)

A GUI placement simulator that supports setting of information related to placement of a GUI (Graphical User Interface) that is displayed on-screen on a content image to be displayed as a result of information processing in an information processing apparatus including a display covered with a touch panel. ,
An arrangement setting receiving unit that receives basic setting values of the position and size of the GUI;
A screen size designation accepting unit that accepts a display size designation of the assumed information processing apparatus;
A virtual screen having the designated size is determined by determining the position and size of the GUI by performing an adjustment corresponding to the comparison result between the display size condition obtained from the basic setting value and the designated display size. A GUI image display unit that displays a GUI in a rectangular area representing
A storage unit for storing the determined basic setting value as a GUI arrangement information file;
With
The arrangement setting accepting unit accepts the setting of the position of the GUI in a predetermined direction in a unit of ratio to the width of the direction of the display, and the setting of the size of the GUI in a unit of length.
In accordance with the basic setting value, the GUI image display unit displays the two GUIs when the specified display size is smaller than a display size boundary value when two GUIs adjacent to each other in the direction overlap. GUI arrangement simulator and disable the setting position of the at least one GUI, characterized you to view the state where the GUI are in contact with each other as the position of the GUI of the. The arrangement setting reception unit receives a basic setting value assuming an information processing device of a two-screen display,
2. The GUI image display unit displays a GUI layout determined based on a basic setting value assuming the two-screen display for each screen in a rectangular area representing the virtual screen. GUI placement simulator described in 1. The GUI image display unit, even if the GUI position setting is invalidated, when the size of the specified display is smaller than the boundary value of the size when the GUI array length exceeds the display size, the GUI image display unit 3. The GUI placement simulator according to claim 1, wherein the size setting is invalidated, and the GUI is reduced and displayed according to a designated display size. 4. GUI executed by a GUI placement simulator that supports the setting of information related to the placement of a GUI (Graphical User Interface) that is displayed on-screen on a content image to be displayed as a result of information processing in an information processing apparatus including a display covered with a touch panel An arrangement setting support method,
Receiving basic setting values of the position and size of the GUI;
Receiving a display size specification of the virtual information processing apparatus;
Determining the position and size of the GUI by performing an adjustment corresponding to the comparison result between the condition for the display size obtained from the basic setting value and the specified display size;
Displaying, on a display, an image in which a GUI is arranged in an arrangement according to the decision in a rectangular area representing a virtual screen having a specified size;
Storing the determined basic setting value in a storage device as a GUI arrangement information file;
Including
The step of receiving the basic setting value includes receiving a setting of a position in a predetermined direction of the GUI in a unit of a ratio to a width in the direction of the display, and setting of a size of the GUI in a unit of length.
The step of determining the position and size may be performed when the specified display size is smaller than a boundary value of the display size when two GUIs adjacent to each other in the direction overlap according to the basic setting value. A GUI layout setting support method characterized in that setting of a position of at least one GUI of two GUIs is invalidated and a state where the GUIs are in contact with each other is set as the position of the GUI. A function that supports setting of information related to the placement of a GUI (Graphical User Interface) that is displayed on-screen on a content image to be displayed as a result of information processing in an information processing apparatus having a display covered with a touch panel on a computer is realized. A computer program,
A function of accepting basic setting values of the position and size of the GUI;
A function for accepting a display size specification of a virtual information processing apparatus;
A function for determining the position and size of the GUI by performing an adjustment corresponding to the comparison result between the condition for the display size obtained from the basic setting value and the specified display size;
A function for displaying an image in which a GUI is arranged in a rectangular area representing a virtual screen having a specified size in an arrangement according to the determination;
A function of storing the determined basic setting value in a storage device as a GUI arrangement information file;
To the computer ,
The function of accepting the basic setting value accepts the setting of the position of the GUI in a predetermined direction in units of a ratio to the width of the direction of the display, and the setting of the size of the GUI in units of length.
The function of determining the position and size is such that, when the display size specified is smaller than the boundary value of the display size when two GUIs adjacent to each other in the direction overlap according to the basic setting value, at least one setting of the position of the GUI of the two GUI is invalid and the state where the GUI are in contact with each other computer program characterized to Rukoto and position of the GUI. A function that supports setting of information related to the placement of a GUI (Graphical User Interface) that is displayed on-screen on a content image to be displayed as a result of information processing in an information processing apparatus having a display covered with a touch panel on a computer is realized. A recording medium on which a computer program to be recorded is recorded,
A function of accepting basic setting values of the position and size of the GUI;
A function for accepting a display size specification of a virtual information processing apparatus;
A function for determining the position and size of the GUI by performing an adjustment corresponding to the comparison result between the condition for the display size obtained from the basic setting value and the specified display size;
A function for displaying an image in which a GUI is arranged in a rectangular area representing a virtual screen having a specified size in an arrangement according to the determination;
A function of storing the determined basic setting value in a storage device as a GUI arrangement information file;
To the computer ,
The function of accepting the basic setting value accepts the setting of the position of the GUI in a predetermined direction in units of a ratio to the width of the direction of the display, and the setting of the size of the GUI in units of length.
The function of determining the position and size is such that, when the display size specified is smaller than the boundary value of the display size when two GUIs adjacent to each other in the direction overlap according to the basic setting value, at least one and disable the setting position of the GUI, readable recording medium a state in which the GUI are in contact with each other by a computer, characterized by recording a computer program that the position of the GUI of the two GUI.

Images