Computer program and computer device

By adjusting the opacity of UI images in response to changes in background image brightness, the computer program ensures the operability and visibility of UI images, thereby maintaining user immersion in the game.

JP7648910B2Active Publication Date: 2025-03-19CAPCOM CO LTD
View PDF 5 Cites 0 Cited by

Patent Information

Application Number
JP2022021378
Authority / Receiving Office
JP · JP
Patent Type
Patents
Current Assignee / Owner
Filing Date
2022-02-15
Publication Date
2025-03-19
Estimated Expiration
2042-02-15

AI Technical Summary

Technical Problem

Existing game technologies face challenges in maintaining the visibility and operability of user interface (UI) images when the brightness of the game screen changes frequently, potentially leading to reduced immersion and confusion for users.

Method used

A computer program that adjusts the opacity (α value) of UI images based on the brightness of the background image, ensuring that the UI images remain visible and operable while minimizing disruption to the gaming experience.

Benefits of technology

The solution effectively maintains the operability of UI images and prevents loss of immersion in the game, even when the background image brightness varies significantly.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure 0007648910000001
    Figure 0007648910000001
  • Figure 0007648910000002
    Figure 0007648910000002
  • Figure 0007648910000003
    Figure 0007648910000003
Patent Text Reader

Abstract

To provide a computer program capable of maintaining operability to a UI image while suppressing loss of a feeling of devotion to a game.SOLUTION: A computer program causes a computer to execute: a generation step for generating a game image to be displayed in a predetermined display part; a superimposing step for generating a UI image to be displayed in the display part in a state of being superimposed with at least a part of the game image; a specification step for specifying basic color data, which is the data on a color of the game image corresponding to the position where the UI image is superimposed; and an adjustment step for adjusting UI color data, which is the data on a color of the UI image, according to a result of the specification in the specification step.SELECTED DRAWING: Figure 3
Need to check novelty before this filing date? Find Prior Art

Description

[Technical field]

[0001] The present disclosure relates to a computer program and a computer device. [Background technology]

[0002] There is known a game in which a user progresses by manipulating objects on a screen via a touch panel that detects the contact position of a fingertip or the like (see Patent Document 1). In this game, a user interface image (hereinafter, referred to as a "UI image") is displayed on the screen as a guide so that the user can recognize the timing or method of manipulating an object on the touch panel.

[0003] In the technology of Patent Document 1, when the user is not operating the operation object, a UI image is displayed, and when the user continues to operate the operation object, the UI image is erased (the UI image is hidden).

[0004] The reason why the UI image is switched between being displayed and not displayed depending on whether the user continues to operate the operation object is to take into consideration the user's immersion in the game and operability. [Prior art documents] [Non-patent literature]

[0005] [Patent Document 1] Patent No. 6397462 DISCLOSURE OF THEINVENTION [Problem to be solved by the invention]

[0006] However, with the above specifications, when the brightness of the game screen (such as the background image other than the UI image) changes frequently, or when the UI image is bright even though the background image is dark, the visibility of the UI image decreases or the UI image stands out too much. In other words, when the brightness of the background image and the brightness of the UI image differ greatly, the sense of immersion in the game may be lost.

[0007] On the other hand, it is possible to improve the technology of Patent Document 1 to hide the UI image when the background image is too dark or too bright. However, in this case, there is a risk that users who are not familiar with games will be confused by the operation.

[0008] An object of the present disclosure is to provide a computer program capable of maintaining operability of UI images while preventing a loss of immersion in a game. [Means for solving the problem]

[0009] The first disclosure is: A computer program causing a computer to execute the following steps: In the generating step, a game image to be displayed on a predetermined display unit is generated; In the superimposing step, a UI image is generated to be displayed on the display unit in a state where the UI image is superimposed on at least a portion of the game image; In the identification step, basic color data is identified, which is data related to the color of the game image corresponding to the position where the UI image is superimposed; In the adjustment step, UI color data, which is data related to the color of the UI image, is adjusted in accordance with the result of the determination in the determination step. It is a computer program.

[0010] In addition, in the first disclosure, The UI color data is an α value that is additional information for color information of each pixel constituting the UI image. It is possible.

[0011] In addition, in the first disclosure, the α value is adjusted for each of the basic color data of a pixel constituting the game image corresponding to a position where the UI image is superimposed; It is possible.

[0012] In addition, in the first disclosure, In the specifying step, the basic color data of pixels constituting the game image that are present in a predetermined range of a position where the pixels constituting the UI image are superimposed is specified. It is possible.

[0013] In addition, in the first disclosure, In the specifying step, the basic color data for a predetermined period of the game image corresponding to a position where the UI image is superimposed is specified. It is possible.

[0014] In addition, in the first disclosure, The computer program further causes the computer to execute the steps of: In the setting step, whether or not to execute the adjustment step is set based on an operation of the user. It is possible.

[0015] The second disclosure relates to a computer program for performing a program for a computer system, comprising: A control unit that executes the computer program; Equipped with It is a computer device. Effect of the Invention

[0016] According to the present disclosure, it is possible to provide a computer program that can maintain operability of UI images while preventing a loss of immersion in a game. [Brief description of the drawings]

[0017] [Figure 1] FIG. 2 is a diagram illustrating a configuration of a user terminal device in the first embodiment. [Diagram 2] 3A to 3C are diagrams illustrating an example of a background image and a UI image in the first embodiment. [Diagram 3] 5 is a flowchart showing an α value change process in the first embodiment. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS

[0018] [First embodiment] A computer program according to an embodiment of the present disclosure will be described with reference to FIGS.

[0019] <Hardware Configuration of User Terminal Device 1> 1, the user terminal device 1 is a terminal device such as a smartphone that has a built-in speaker 130, a liquid crystal screen 140, and a touch pad 150. The game progresses based on the game program and data stored in this user terminal device 1.

[0020] A user terminal device 1 can communicate data with a server device 2 for downloading the game program and game data of the present disclosure via a communication network 3 such as the Internet or a LAN.

[0021] The user terminal device 1 includes a control unit 10 , a storage unit 11 , a network interface 12 , an audio processing unit 13 , a graphics processing unit 14 , and an operation unit 15 .

[0022] The storage unit 11 , the network interface 12 , the audio processing unit 13 , the graphic processing unit 14 , and the operation unit 15 are connected to the control unit 10 via a bus 19 .

[0023] The control unit 10 is composed of a CPU, a memory (RAM), various input / output interfaces, and the like, and controls the operation of the user terminal device 1.

[0024] The storage unit 11 is mainly composed of a HDD, RAM, ROM, SSD, etc. The storage unit 11 stores game programs and data for executing a game.

[0025] For example, the storage unit 11 stores data for generating a three-dimensional virtual space, model data for each character, and the like.

[0026] The storage unit 11 also stores a user ID used for user authentication in the server device.

[0027] The network interface 12 is connected to the communication network 3 in order to transmit and receive data between the user terminal device 1 and the server device 2. This allows the game program and game data of the present disclosure to be downloaded to the user terminal device 1.

[0028] The audio processing unit 13 plays and synthesizes digital game sounds according to instructions from the control unit 10. A speaker 130 is also connected to the audio processing unit 13. The game sounds are output from the speaker 130.

[0029] The graphics processing unit 14 renders game images including the virtual space and characters in a moving image format in accordance with instructions from the control unit 10. The game images rendered in a moving image format by the graphics processing unit 14 are displayed on the liquid crystal screen 140 as a game screen.

[0030] An operation signal from the user is input to the operation unit 15. In this embodiment, the operation signal from the user is input to the operation unit 15 via a touch pad 150, which is an input position detection device. The user touches the touch pad 150 to perform an operation such as using an item.

[0031] <Description of the Function of the Control Unit of the User Terminal Device> The control unit 10 executes a game program downloaded from the server device 2, for example, to function as each of the following means and execute each of the following steps.

[0032] <Explanation of execution steps> The control unit 10 executes the execution steps by functioning as an execution unit. The following describes the process executed by the control unit 10 as the execution unit.

[0033] The control unit 10 progresses the game based on the user's operation. Specifically, the control unit 10 receives an operation signal from the user and controls the movement of the player character and enemy character in the virtual space and the increase and decrease of the vitality values ​​of the player character and enemy character.

[0034] <Explanation of reading steps> The control unit 10 executes the read step by functioning as a read unit. The process executed by the control unit 10 as a read unit will be described below.

[0035] The control unit 10 reads out information for displaying a game screen (hereinafter, this means "background image 4" among all images displayed on the liquid crystal screen 340. The "background image 4" does not include a "UI image 5" described below) on the liquid crystal screen 140. The graphic processing unit 14 draws the background image 4 on the liquid crystal screen 140 according to this information.

[0036] The background image 4 includes, for example, a player character, an enemy character, and a game space (including objects representing forests, rivers, grasslands, etc.).

[0037] This background image 4 has RGBA values ​​(R (red), G (green), B (blue), and α (opacity)) each ranging from 0 to 255.

[0038] Furthermore, the control unit 10 reads out information for displaying a UI image 5 to be superimposed on the background image 4 on the liquid crystal screen 140, as shown in FIG.

[0039] This UI image 5 is an image for showing the user the action that the character will take when the user performs a certain operation, for example. Specifically, by referring to the UI image 5, the user can recognize that, for example, "the play character will attack" when the user performs a corresponding operation.

[0040] <Description of specific steps> The control unit 10 executes the specifying step by functioning as a specifying unit. The process executed by the control unit 10 as the specifying unit will be described below.

[0041] The control unit 10 identifies basic color data (hereinafter, the brightness of the pixels that make up the background image 4), which is data related to the colors of the pixels that make up the background image 4 corresponding to the positions where the pixels that make up the UI image 5 are superimposed.

[0042] Specifically, first, the control unit 10 executes monotone conversion for each pixel constituting the background image 4 that corresponds to the position where the pixel constituting the UI image 5 is superimposed. In this monotone conversion, the control unit 10 multiplies the R of the corresponding pixel by 0.298900008, the G by 0.586600006, and the B by 0.114500001, and then adds up all these values ​​to calculate one value (V).

[0043] Next, the control unit 10 performs a predetermined calculation on V, rounds the value to a range of 0 to 1 (V1), and then converts the value (V1) to a value (V2) of 0.4 to 1. Specifically, when V1 is 0, the control unit 10 sets V2 to 0.4, when V1 is 0.5, V2 to 0.7, and when V1 is 1, V2 to 1.

[0044] The control unit 10 specifies the value V1 as the brightness (B) of one pixel constituting the background image 4, which corresponds to the position where one pixel constituting the UI image 5 is superimposed, and specifies the value V2 as the opacity α value. In the following, as an example, a case where the opacity α value is 0.8 is described.

[0045] The control unit 10 executes the above-mentioned process for each pixel constituting the corresponding background image 4 for each frame.

[0046] <Description of adjustment steps> The control unit 10 executes the adjustment step by functioning as an adjustment unit. The process executed by the control unit 10 as the adjustment unit will be described below.

[0047] The control unit 10 adjusts the UI color data, which is data related to the color of the UI image 5, according to the identification result (brightness (B) of the background image 4) in the identification step.

[0048] For ease of explanation, the following description will be given assuming that the RGB values ​​of one pixel constituting the UI image 5 are all the same value (e.g., 200). The opacity α value of the UI image is the brightness (B) value of the corresponding pixel. The R value of the background image is 100.

[0049] Specifically, the control unit 10 multiplies the R value of the UI image 5 (as described above, both G and B have the same value as R) by an α value of 0.8, and sets the multiplied value as the adjusted R value of the pixels that make up the UI image 5. In the above example, R is 0.8×200+(1−0.8)×100=180.

[0050] In this way, the opacity α value of a pixel constituting the UI image 5 is adjusted based on the brightness (B) of a pixel constituting the background image 4 corresponding to the position where the pixel constituting the UI image 5 is superimposed.

[0051] Then, the control unit 10 performs display adjustments such as making the pixels of the UI image 5 appear darker or brighter by changing the opacity (α value) of the pixels of the UI image 5 based on the brightness of the pixels of the background image 4 at the corresponding position.

[0052] The control unit 10 executes this adjustment step for each frame.

[0053] <Display step explanation> The control unit 10 executes the display step by functioning as a display unit. The process executed by the control unit 10 as a display unit will be described below.

[0054] The control unit 10 displays the UI image 5 and the background image 4 based on the RGBA values ​​of the pixels that form the UI image 5, which are calculated in the above-mentioned adjustment step.

[0055] In the example of Figures 2(a) to (c), in addition to the background image 4, text data 51 of the katakana character "su" and text data 52 of the katakana character "te" positioned to the right of it are displayed on the LCD screen 340 as UI images 5.

[0056] In the example of FIG. 2(a), the color of the background image 4 is a relatively light (light) gray, so that the UI image 5 is displayed in a light (white) color accordingly.

[0057] On the other hand, in the example of FIG. 2(b), the color of the background image 4 is a relatively deep (dark) gray, so that the UI image 5 is also displayed in a dark (light gray) color accordingly.

[0058] 2(c), for example, even if the brightness of background image 4 differs between the left and right sides of the vertical center line, the opacity α value of the pixels of UI image 5 superimposed on background image 4 is adjusted according to the brightness of the pixels that make up background image 4. Specifically, in FIG. 2(c), character "su" 51 located on the left side is displayed bright in response to the brightness of background image 4, and character "te" 52 located on the right side is displayed dark in response to the brightness of background image 4.

[0059] <Communication step description> The control unit 10 executes communication steps by functioning as a communication unit. The following describes the process executed by the control unit 10 as a communication unit.

[0060] The control unit 10 receives information such as a game program and game data relating to the game from the server device 2, for example.

[0061] Furthermore, the control unit 10 transmits to the server device 2, for example, user identification information (user ID), download request information for new game data, and the like, based on an operation by the user.

[0062] <Explanation of alpha value change process> Hereinafter, the α value changing process of the present disclosure will be described with reference to FIG.

[0063] First, the control unit 10 of the user terminal device 1 reads out the background image 4 as a game image (step S1).

[0064] Next, the control unit 10 reads out the UI image 5 to be displayed superimposed on the background image 4 (step S2).

[0065] Next, the control unit 10 executes monotone conversion on the pixels constituting the background image 4 at the positions where the pixels constituting the UI image 5 are superimposed (step S3).

[0066] Next, the control unit 10 specifies the brightness (B) of the pixels that make up the monotone-converted background image 4 (step S4).

[0067] Next, the control unit 10 adjusts the opacity α value of the pixel of the UI image 5 at the corresponding position according to the brightness (B) of the pixel of the identified background image 4 (step S5).

[0068] Next, the control unit 10 displays the UI image 5, the display of which has been adjusted using the adjusted opacity α value, and the background image 4 (step S6). Through the above steps, the α value changing process of the present disclosure is executed.

[0069] In summary, the present disclosure: A computer program causing a computer to execute the following steps: In the generation step, a background image 4 to be displayed on the liquid crystal screen 340 is generated; In the superimposing step, information for displaying the UI image 5 to be superimposed on the background image 4 on the liquid crystal screen 140 is generated; In the identification step, a brightness of the background image 4 corresponding to a position where the UI image 5 is to be superimposed is identified; In the adjustment step, an opacity α value of the UI image is adjusted according to the brightness of the background image 4 identified in the identification step. It is a computer program.

[0070] <Effects> According to this embodiment, even if the brightness of the background image changes frequently, the brightness of the UI image changes in conjunction with the brightness of the background image, thereby preventing a decrease in visibility of the UI image.

[0071] Furthermore, even when the background image is too bright or too dark, the UI image can be displayed in an easily viewable manner without being too noticeable.

[0072] That is, it is possible to provide a computer program that can maintain operability of UI images while preventing loss of immersion in the game.

[0073] [Other embodiments] Without being limited to the above embodiment, the R value of the UI image may be multiplied by, for example, 0.2 (=1-0.8) instead of the above-mentioned 0.8. In this way, the method of calculating the α value can be changed as appropriate depending on whether it is desired to display the UI image brightly in relation to the darkness of the background image, or to display the UI image darkly in accordance with the darkness of the background image, etc.

[0074] In the above embodiment, for convenience of explanation, the RGB values ​​of the UI image are all the same value (e.g., 200), but the present disclosure is not limited to this. The RGB values ​​of the UI image may be different values, for example, (200, 100, 50).

[0075] In the above embodiment, the control unit performs a predetermined calculation on V, rounds the value to a range of 0 to 1 (V1), and then converts the value (V1) to a value (V2) of 0.4 to 1, but the present disclosure is not limited to this. For example, the control unit can also convert V1 to a range of 0.2 to 1.0 and set the value as V2.

[0076] Furthermore, without being limited to the above embodiment, the control unit may adjust, for example, the lightness of the hue, lightness, and saturation of the pixels that make up the UI image, instead of the α value of the pixels that make up the UI image.

[0077] Furthermore, without being limited to the above embodiment, the control unit can also determine the brightness of a pixel that constitutes the background image corresponding to the position where the pixels that constitute the UI image are superimposed, based on the RGB values ​​of the pixel that constitutes the background image.

[0078] Specifically, the R, G, and B of each pixel that constitutes the background image all take on a value between 0 and 255. The brightness of a pixel that constitutes the background image is expressed as the average value of the maximum and minimum values ​​of R, G, and B. The value (%) obtained by dividing this average value by 255 can be specified as the brightness (B1) of the pixel that constitutes the background image.

[0079] Next, based on the identified brightness (B1), the control unit adjusts the RGB values ​​of the UI image so that the brightness (B2) of the pixels constituting the UI image becomes the same value as the brightness (B1) of the pixels constituting the corresponding background image.

[0080] For example, when the brightness (B1) of a pixel constituting the background image is 75, and the RGB values ​​of a pixel constituting the UI image are (200, 50, 100), the brightness (B2) of the pixel constituting the UI image is 125, but the control unit changes the brightness (B2) to the same brightness (B1), 75. As a result, the RGB values ​​of the pixel constituting the UI image 5 are adjusted to (120, 30, 60).

[0081] In the above embodiment, the object adjusted by the basic color data of the background image is the UI color data of the UI image, but the present disclosure is not limited to this. For example, the object adjusted by the basic color data of the background image may be color information of an icon representing a button, a character's lines, text data such as "loading," etc.

[0082] Without being limited to the above embodiment, the control unit may specify the brightness of the pixels constituting the background image of 25 surrounding pixels (an example of a predetermined range) corresponding to the position where one pixel constituting the UI image is superimposed, which are subjected to monotone conversion (for example, the average value of the monotone converted value V for the 25 pixels). For example, the 25 pixels may be composed of 5 pixels x 5 pixels with the one pixel constituting the UI image at the center. Also, for example, the predetermined range may be 100 pixels (10 pixels x 10 pixels).

[0083] Furthermore, the control unit of the user terminal device can also identify basic color data for a predetermined period of pixels constituting the background image corresponding to the position where the UI image is superimposed.

[0084] In this case, even if the background image frequently becomes brighter or darker in a short period of time, it is possible to prevent the α value of the UI image from changing frequently. For example, 30 fps (frames per second), 60 fps, etc. can be used as the predetermined period.

[0085] Furthermore, the control unit of the user terminal device can also set whether or not to execute the adjustment step based on a setting operation by the user.

[0086] In this case, the user can set whether or not to execute the α value change process according to their preference. That is, the user can set, for example, on the menu screen, so that the α value of the UI image is not changed (the α value change process is not executed) even if the brightness (B) of the background image is changed.

[0087] Also, without being limited to the above embodiment, the user may be able to set the α value of the UI image so that the α value does not fall below a predetermined value even if the brightness (B) of the background image falls below a certain value. The user may set this on the menu screen (or at the time of initial setup), for example.

[0088] In addition, in the above embodiment, an example is described in which the computer program of the present disclosure is downloaded from a server device to a user terminal device, but the present disclosure is not limited to this. A user may install a computer program and data from a recording medium such as an optical disk into a user terminal device.

[0089] In the above embodiment, the game device is a terminal device such as a smartphone, but the present invention is not limited to this. The game device may be, for example, a stationary game device to which a display and a controller are externally connected, or a personal computer. [Explanation of symbols]

[0090] 1 User terminal device 2. Server equipment 3. Communication Network

Claims

1. A computer program causing a computer to execute the following steps: In the generating step, a game image to be displayed on a predetermined display unit is generated; In the superimposing step, a UI image is generated to be displayed on the display unit by being superimposed on at least a part of the game image; In the identification step, basic color data is identified, which is data related to the color of the game image corresponding to the position where the UI image is superimposed; In the adjustment step, UI color data related to the color of the UI image is adjusted according to the result of the determination step; In the specifying step, the basic color data for a predetermined period of the game image corresponding to a position where the UI image is superimposed is specified. Computer program.

2. The UI color data is an α value that is additional information for color information of each pixel constituting the UI image.

2. The computer program product of claim 1.

3. the α value is adjusted for each of the basic color data of a pixel constituting the game image corresponding to a position where the UI image is superimposed; 3. A computer program according to claim 2.

4. In the specifying step, the basic color data of pixels constituting the game image that are present in a predetermined range of a position where the pixels constituting the UI image are superimposed is specified. A computer program according to any one of claims 1 to 3.

5. The computer program further causes the computer to execute the steps of: In the setting step, whether or not to execute the adjustment step is set based on a user operation. A computer program according to any one of claims 1 to 4.

6. A storage unit that stores the computer program according to any one of claims 1 to 5; A control unit that executes the computer program; Equipped with Computer equipment.

Citation Information

Patent Citations

  • Boot installing structure of rack and pinion type steering device

    JP1988097462A

  • Image generation information, information storing medium and image generating device

    JP2003256863A

  • Program, information storage medium and stereoscopic image generation device

    JP2012178061A

  • Game program and game system

    JP2019017755A

  • Image processing device and image processing method

    WO2016039301A1