KR20240147331A - Method, computer device, and computer program to provide background linked with message scrolling in chatroom - Google Patents

Abstract

A method, a computer device, and a computer program for providing a background screen that is linked to a message scroll in a chat room are disclosed. The background screen providing method may include a step of displaying an image set as a background screen together with a message on a chat room screen; and a step of playing an animation effect for the image according to the message scroll when performing a message scroll in the chat room screen according to a user input for message search.

Description

METHOD, COMPUTER DEVICE, AND COMPUTER PROGRAM TO PROVIDE BACKGROUND LINKED WITH MESSAGE SCROLLING IN CHATROOM

The description below is about the technology that provides a chat room background.

Instant messenger, a common communication tool, is a software that allows for the sending and receiving of messages or data in real time. Users can register conversation partners on the messenger and exchange messages in real time with those on the conversation partner list.

These messenger functions are becoming more widespread not only on PCs but also in mobile environments on mobile communication terminals.

For example, Korean Patent Publication No. 10-2002-0074304 (publication date September 30, 2002) discloses a mobile messenger service system and method for a mobile terminal using a wireless communication network that enables messenger service to be provided between mobile messengers installed on the mobile terminal.

The use of social platforms such as messengers is becoming more popular, and the functions provided through social platforms are becoming more diverse.

You can apply animation effects to the background based on the scrolling of messages in the chat room.

You can provide a vivid chat room background using parallax background technology.

The chat room entry location can be determined by the base offset from the background screen to provide natural images.

A method for providing a background screen executed on a computer device, wherein the computer device includes at least one processor configured to execute computer-readable instructions contained in a memory, and the method for providing a background screen includes the steps of: displaying, by the at least one processor, an image set as a background screen together with a message on a chat room screen; and playing, by the at least one processor, an animation effect for the image according to the message scroll when performing a message scroll within the chat room screen according to a user input for searching for messages.

According to one aspect, the step of playing back can play back the animation effect in a direction and speed corresponding to the message scroll.

According to another aspect, the reproducing step may reproduce a parallax effect of the image according to the scrolling of the message.

According to another aspect, the image may be separated into multiple layers and images may be used that are continuous top-bottom or top-bottom-left-right.

According to another aspect, the image may use an image separated into multiple layers, and multiple image views for each layer of the image may be expressed in a grid and displayed on the chat room screen.

According to another aspect, the playing step may include a step of synchronizing a scroll offset of the message and the image to link the scroll of the background screen with the scroll of the message.

According to another aspect, the image may use an image separated into a plurality of layers, and at least one layer among the plurality of layers may be given a parallax weight different from that of other layers.

According to another aspect, the step of indicating may include a step of determining a start position of the chat room screen as a chat room entry position as a base offset for the image.

According to another aspect, the step of playing may include a step of linking a scroll of the background with a scroll of the message and arranging a layer of the background based on the reference offset.

According to another aspect, the step of playing may play a video or graphic image set as the background screen in a direction and speed corresponding to the message scroll.

A computer program stored in a non-transitory computer-readable recording medium is provided to execute the above-described background screen providing method on the computer device.

In a computer device, a computer device is provided, comprising at least one processor configured to execute computer-readable instructions contained in a memory, wherein the at least one processor processes a process of displaying an image set as a background screen together with a message on a chat room screen; and a process of playing an animation effect for the image according to the message scroll when performing a message scroll within the chat room screen according to a user input for message search.

FIG. 1 is a diagram illustrating an example of a network environment according to one embodiment of the present invention.
FIG. 2 is a block diagram illustrating an example of a computer device according to one embodiment of the present invention.
FIG. 3 is a flowchart illustrating an example of a method that a computer device according to one embodiment of the present invention can perform.
Figures 4 to 6 illustrate examples of background images for implementing parallax scroll animation in one embodiment of the present invention.
FIGS. 7 to 9 are exemplary drawings for explaining a parallax scroll animation effect of a chat room background screen in one embodiment of the present invention.
FIGS. 10 and 11 are exemplary drawings for explaining the reference offset of a background image in one embodiment of the present invention.
FIG. 12 illustrates an example of a class diagram for linking a message scroll and a background scroll in one embodiment of the present invention.

Hereinafter, embodiments of the present invention will be described in detail with reference to the attached drawings.

Embodiments of the present invention relate to a technique for providing a chat room background screen.

Embodiments including those specifically disclosed herein can provide a more vivid background image by applying parallax scroll animation to the background image of a chat room.

The background screen providing system according to embodiments of the present invention can be implemented by at least one computer device, and the background screen providing method according to embodiments of the present invention can be performed by at least one computer device included in the background screen providing system. At this time, a computer program according to an embodiment of the present invention can be installed and run on the computer device, and the computer device can perform the background screen providing method according to embodiments of the present invention under the control of the run computer program. The above-described computer program can be stored in a computer-readable recording medium so as to be combined with the computer device and cause the computer to execute the background screen providing method.

FIG. 1 is a diagram illustrating an example of a network environment according to an embodiment of the present invention. The network environment of FIG. 1 represents an example including a plurality of electronic devices (110, 120, 130, 140), a plurality of servers (150, 160), and a network (170). FIG. 1 is an example for explaining the invention, and the number of electronic devices or servers is not limited to FIG. 1. In addition, the network environment of FIG. 1 merely describes one example of environments applicable to the present embodiments, and the environment applicable to the present embodiments is not limited to the network environment of FIG. 1.

The plurality of electronic devices (110, 120, 130, 140) may be fixed terminals or mobile terminals implemented as computer devices. Examples of the plurality of electronic devices (110, 120, 130, 140) include smart phones, mobile phones, navigation devices, computers, laptops, digital broadcasting terminals, PDAs (Personal Digital Assistants), PMPs (Portable Multimedia Players), tablet PCs, etc. For example, in FIG. 1, the shape of a smart phone is shown as an example of the electronic device (110), but in the embodiments of the present invention, the electronic device (110) may actually mean one of various physical computer devices that can communicate with other electronic devices (120, 130, 140) and/or servers (150, 160) via a network (170) using a wireless or wired communication method.

The communication method is not limited, and may include not only a communication method that utilizes a communication network (for example, a mobile communication network, a wired Internet, a wireless Internet, a broadcasting network) that the network (170) may include, but also a short-range wireless communication between devices. For example, the network (170) may include any one or more of a network such as a personal area network (PAN), a local area network (LAN), a campus area network (CAN), a metropolitan area network (MAN), a wide area network (WAN), a broadband network (BBN), and the Internet. In addition, the network (170) may include any one or more of a network topology including, but not limited to, a bus network, a star network, a ring network, a mesh network, a star-bus network, a tree, or a hierarchical network.

Each of the servers (150, 160) may be implemented as a computer device or multiple computer devices that communicate with multiple electronic devices (110, 120, 130, 140) through a network (170) to provide commands, codes, files, contents, services, etc. For example, the server (150) may be a system that provides a service (e.g., a messenger service, etc.) to multiple electronic devices (110, 120, 130, 140) connected through a network (170).

FIG. 2 is a block diagram illustrating an example of a computer device according to an embodiment of the present invention. Each of the plurality of electronic devices (110, 120, 130, 140) or each of the servers (150, 160) described above can be implemented by the computer device (200) illustrated in FIG. 2.

The computer device (200) may include a memory (210), a processor (220), a communication interface (230), and an input/output interface (240), as illustrated in FIG. 2. The memory (210) may be a computer-readable storage medium, and may include a random access memory (RAM), a read only memory (ROM), and a permanent mass storage device such as a disk drive. Here, the permanent mass storage devices such as the ROM and the disk drive may be included in the computer device (200) as a separate permanent storage device distinct from the memory (210). In addition, the memory (210) may store an operating system and at least one program code. These software components may be loaded into the memory (210) from a computer-readable storage medium separate from the memory (210). The separate computer-readable storage medium may include a computer-readable storage medium such as a floppy drive, a disk, a tape, a DVD/CD-ROM drive, a memory card, etc. In another embodiment, the software components may be loaded into the memory (210) via a communication interface (230) other than a computer-readable recording medium. For example, the software components may be loaded into the memory (210) of the computer device (200) based on a computer program that is installed by files received over a network (170).

The processor (220) may be configured to process instructions of a computer program by performing basic arithmetic, logic, and input/output operations. The instructions may be provided to the processor (220) by the memory (210) or the communication interface (230). For example, the processor (220) may be configured to execute instructions received according to program code stored in a storage device such as the memory (210).

The communication interface (230) may provide a function for the computer device (200) to communicate with other devices (for example, the storage devices described above) via the network (170). For example, requests, commands, data, files, etc. generated by the processor (220) of the computer device (200) according to program codes stored in a recording device such as the memory (210) may be transmitted to other devices via the network (170) under the control of the communication interface (230). Conversely, signals, commands, data, files, etc. from other devices may be received by the computer device (200) via the communication interface (230) of the computer device (200) via the network (170). Signals, commands, data, etc. received via the communication interface (230) may be transmitted to the processor (220) or the memory (210), and files, etc. may be stored in a storage medium (the permanent storage device described above) that the computer device (200) may further include.

The input/output interface (240) may be a means for interfacing with an input/output device (250). For example, the input device may include a device such as a microphone, a keyboard, or a mouse, and the output device may include a device such as a display or a speaker. As another example, the input/output interface (240) may be a means for interfacing with a device that integrates input and output functions, such as a touch screen. The input/output device (250) may be configured as a single device with the computer device (200).

Also, in other embodiments, the computer device (200) may include fewer or more components than the components of FIG. 2. However, it is not necessary to explicitly illustrate most of the conventional components. For example, the computer device (200) may be implemented to include at least some of the input/output devices (250) described above, or may further include other components such as a transceiver, a database, etc.

Below, specific embodiments of a method and device for providing a background screen that is linked to a message scroll in a chat room are described.

These embodiments can be applied to a social platform, where the social platform can mean a service platform that provides various services that utilize resources such as profile information and friend relationships of users within a social network service, as well as social network services.

In the following examples, messenger will be used as a representative example of a social platform.

Messenger provides a feature that allows you to select various types of images as the background image for the chat room. You can set the background image for the chat room by taking a picture yourself or selecting an image from your album, as well as the background image provided by the messenger server.

In this embodiment, an animation effect can be applied to the chat room background, and in particular, a more vivid background can be provided to the user through a parallax effect according to message scrolling.

The computer device (200) according to the present embodiment can provide a messenger service to a client through a dedicated application installed on the client or access to a web/mobile site related to the computer device (200). The computer device (200) can be configured with a computer-implemented background screen provision system. For example, the background screen provision system can be implemented in the form of an independently operating program, or can be configured in the form of an in-app of a specific application and implemented so as to be operable on the specific application.

The processor (220) of the computer device (200) may be implemented as a component for performing the following background screen providing method. Depending on the embodiment, the components of the processor (220) may be selectively included in or excluded from the processor (220). In addition, depending on the embodiment, the components of the processor (220) may be separated or merged to express the function of the processor (220).

These processors (220) and components of the processor (220) can control the computer device (200) to perform the steps included in the following background screen providing method. For example, the processor (220) and components of the processor (220) can be implemented to execute instructions according to the code of the operating system included in the memory (210) and the code of at least one program.

Here, the components of the processor (220) may be representations of different functions performed by the processor (220) according to instructions provided by the program code stored in the computer device (200).

The processor (220) can read necessary commands from the memory (210) loaded with commands related to the control of the computer device (200). In this case, the read commands may include commands for controlling the processor (220) to execute steps to be described later.

The steps included in the method for providing a background screen to be described hereinafter may be performed in a different order than the illustrated order, and some of the steps may be omitted or additional processes may be included.

The steps included in the method for providing a background screen may be performed on the client, and in some embodiments, at least some of the steps may also be performed on the server (150).

FIG. 3 is a flowchart illustrating an example of a method that a computer device can perform according to an embodiment of the present invention.

Referring to FIG. 3, in step (S310), when the processor (220) enters a chat room selected by the user among chat rooms in the messenger, the processor (220) can display recently exchanged messages on the chat room screen. The chat room entry location where messages are displayed on the chat room screen can be determined based on the most recent message, and depending on the embodiment, can be determined based on an unread message. For example, when entering a chat room, the oldest unread message can be displayed on the chat room screen based on the message reception time. At this time, the processor (220) can display an image preset as the background screen of the chat room (hereinafter referred to as a 'background image') when entering the chat room, and can align and display messages on the background image. In the present embodiment, the background image can utilize an image composed of multiple layers to implement an animation effect, a video, a graphic image (e.g., GIF, etc.), etc.

In step (S320), the processor (220) may perform message scrolling within the chat room screen according to a user input (e.g., touch swipe, etc.) for searching messages within the chat room, and at this time, may play an animation effect for a background image according to the message scroll. The processor (220) may play the animation effect in a direction and at a speed corresponding to the message scroll. For example, the processor (220) may apply an animation effect to the background screen according to the message scroll using a parallax background technique. In other words, the processor (220) may play the animation effect of the background screen through the parallax effect of the background image according to the message scroll. As another example, the processor (220) may apply an animation effect to the background screen by linking the playback of a video (or a graphic image such as a GIF) set as the background screen with the message scroll. The processor (220) may play the video set as the background screen in a direction and at a speed corresponding to the message scroll for the animation effect of the background screen.

Figures 4 to 6 illustrate examples of background images for implementing parallax scroll animation in one embodiment of the present invention.

Referring to Fig. 4, in order to implement a parallax scroll animation for a background screen, a background image (400) separated into multiple layers (410) can be used. Each layer (410) constituting the background image (400) can be expressed as a structure (struct) in the form of a scrollable layer.

For a natural parallax scroll animation, an image with continuous up, down, left, and right directions can be used as a background image (400).

Referring to FIG. 5, for each layer (410) that constitutes the background image (400), four ImageViews (widgets used when displaying images on the screen) can be expressed in a grid and displayed on the chat room screen (500).

The position of each layer (410) can be calculated as a position that can cover the chat room screen (500).

In order to support up, down, left, and right scrolling, four image views in the up, down, left, and right directions can be used for each layer (410) that constitutes the background image (400), and in some embodiments, when only up and down scrolling is supported, two image views in the up and down directions can be used.

The processor (220) can be applied as a chat room background image by stacking all layers (410) constituting the background image (400) as shown in FIG. 6.

FIGS. 7 to 9 are exemplary drawings for explaining a parallax scroll animation effect of a chat room background screen in one embodiment of the present invention.

Referring to FIG. 7, the processor (220) can set a background image (400) composed of multiple layers (410) as a background image (700) on the chat room screen (500).

The processor (220) can synchronize the position of each layer (410) constituting the background image (400) with the scroll offset of the message view (ChatMessagesView) (a widget used when displaying messages (710) on the chat room screen (500). In other words, the processor (220) can link the message scroll and the background scroll to implement a parallax scroll animation.

The processor (220) can assign parallax weights to each layer (410) to provide perspective to the layers (410) constituting the background image (400).

As illustrated in FIG. 8, the processor (220) can assign different parallax weights to each layer (410) so that each layer (410) of the background image (400) set as the background image (700) scrolls at different parallaxes when the background image (700) is scrolled according to a user input for scrolling a message.

Referring to FIG. 9, the processor (220) can perform scrolling of a message (710) according to a user input for searching messages in a chat room screen (500), and at this time, the background screen (700) can be scrolled together with the scrolling of the message (710) to implement an animation effect on the background screen (700).

In this embodiment, by linking the message scroll and background scroll within the chat room screen (500), a parallax scroll animation can be applied to the background screen (700) of the chat room screen (500).

FIGS. 10 and 11 are exemplary drawings for explaining the reference offset of a background image in one embodiment of the present invention.

When scrolling through messages to find previous messages from the chat room entry location, previous messages are fetched and displayed, so if the scrollable area (i.e. content size) changes, visually awkward sections such as video popping may occur during the background scroll process.

To correct such image problems, referring to FIG. 10, the processor (220) may apply a reference offset (1000) to the background image (700) of the chat room screen (500). For example, the processor (220) may determine the chat room entry location as the reference offset (1000) to the background image (700). The reference offset may indicate information on where to draw the background image (400) set as the background image (700) within the scrollable area (1010).

The processor (220) may draw a background screen (700) according to the reference offset (1000) as the starting position of the chat room screen (500) as the chat room entry position. When drawing a background image (400) within the content size, which is a scrollable area, the background image (400) may be drawn from the first area according to the reference offset (1000).

For convenience of explanation, it is assumed that one layer constituting the background image (400) includes six consecutive areas (01 to 06) in the vertical direction as illustrated in Fig. 11. The starting position of the chat room screen (500) upon entering the chat room is set as the reference offset (1000) for the background screen (700), and the consecutive next areas (02, 03, 04, ?) from the first area (01) of the background image (400) can be arranged in sequence within the scrollable area (1010).

In the message scroll process for previous message navigation, the scrollable area (1010) is changed so that consecutive previous areas (06, 05, 04, ?) can be sequentially arranged based on the first area (01) of the background image (400) within the changed scrollable area (1010).

Therefore, in this embodiment, in order to naturally produce a background scroll linked to a message scroll, the chat room entry position can be used as a reference offset for the background screen (700) and the layers of the background screen (700) can be arranged based on the reference offset.

FIG. 12 illustrates an example of a class diagram for linking a message scroll and a background scroll in one embodiment of the present invention.

Figure 12 shows a class diagram based on the chat room.

Referring to FIG. 12, a view controller (1210) representing a chat room screen (500) may include a message view (1220) for displaying a message (710) on the chat room screen (500) and a background view (1230) for displaying a background image (700) on the chat room screen (500). At this time, the background view (1230) may include a layer (1231) of a background image (400) set as the background image (700) and an image view (1232) for displaying an image (1232) of each layer (1231).

Through the above class diagram, message scroll and background scroll on the chat room screen (500) can be linked.

The above describes a background scroll of an animation effect using a parallax background technique, but it is not limited thereto, and depending on the embodiment, an animation effect can be implemented on the chat room background by playing a video in accordance with the message scroll. In addition, it is also possible to utilize a technique for playing an animation effect in a mobile environment based on an animation script, etc.

According to embodiments of the present invention, when applying animation effects to a chat room background screen, a more vivid background screen can be provided to the user through a parallax effect according to message scrolling.

The devices described above may be implemented as hardware components, software components, and/or a combination of hardware components and software components. For example, the devices and components described in the embodiments may be implemented using one or more general-purpose computers or special-purpose computers, such as a processor, a controller, an arithmetic logic unit (ALU), a digital signal processor, a microcomputer, a field programmable gate array (FPGA), a programmable logic unit (PLU), a microprocessor, or any other device capable of executing instructions and responding to them. The processing device may execute an operating system (OS) and one or more software applications running on the operating system. In addition, the processing device may access, store, manipulate, process, and generate data in response to the execution of the software. For ease of understanding, the processing device is sometimes described as being used alone, but those skilled in the art will appreciate that the processing device may include multiple processing elements and/or multiple types of processing elements. For example, the processing unit may include multiple processors, or a processor and a controller. Other processing configurations, such as parallel processors, are also possible.

The software may include a computer program, code, instructions, or a combination of one or more of these, which may configure a processing device to perform a desired operation or may independently or collectively command the processing device. The software and/or data may be embodied in any type of machine, component, physical device, computer storage medium, or device for interpretation by the processing device or for providing instructions or data to the processing device. The software may be distributed over network-connected computer systems and stored or executed in a distributed manner. The software and data may be stored on one or more computer-readable recording media.

The method according to the embodiment may be implemented in the form of program commands that can be executed through various computer means and recorded on a computer-readable medium. At this time, the medium may be one that continuously stores a program executable by a computer, or one that temporarily stores it for execution or downloading. In addition, the medium may be various recording means or storage means in the form of a single or multiple hardware combinations, and is not limited to a medium directly connected to a computer system, and may be distributed on a network. Examples of the medium may include magnetic media such as hard disks, floppy disks, and magnetic tapes, optical recording media such as CD-ROMs and DVDs, magneto-optical media such as floptical disks, and ROMs, RAMs, flash memories, etc., configured to store program commands. In addition, examples of other media may include recording media or storage media managed by app stores that distribute applications, sites that supply or distribute various software, servers, etc.

Although the embodiments have been described above by way of limited examples and drawings, those skilled in the art may make various modifications and variations from the above description. For example, appropriate results may be achieved even if the described techniques are performed in a different order than the described method, and/or components of the described system, structure, device, circuit, etc. are combined or combined in a different form than the described method, or are replaced or substituted by other components or equivalents.

Therefore, other implementations, other embodiments, and equivalents to the claims are also included in the scope of the claims described below.

Claims (20)

A method for providing a wallpaper running on a computer device,
The computer device comprises at least one processor configured to execute computer-readable instructions contained in a memory,
The method of providing the above background screen is:
A step of displaying an image set as a background screen together with a message on the chat room screen by at least one processor; and
A step of playing an animation effect for the image according to the message scroll in performing message scrolling within the chat room screen according to a user input for message navigation by the at least one processor.
A method of providing a background screen including: In the first paragraph,
The above playing steps are:
Playing the above animation effect in a direction and speed corresponding to the above message scroll
A method of providing a wallpaper characterized by: In the first paragraph,
The above playing steps are:
Playing the parallax effect of the image according to the scroll of the above message
A method of providing a wallpaper characterized by: In the third paragraph,
The above image is separated into multiple layers and uses images that are continuous from top to bottom or top to bottom, left to right.
A method of providing a wallpaper characterized by: In the third paragraph,
The above image uses an image that is separated into multiple layers,
For each layer of the above image, multiple image views are expressed as a grid and displayed on the chat room screen.
A method of providing a wallpaper characterized by: In the third paragraph,
The above playing steps are:
A step of synchronizing the scroll offset of the message and the image to link the scroll of the background screen with the scroll of the message.
A method of providing a background screen including: In Article 6,
The above image uses an image that is separated into multiple layers,
Assigning a parallax weight different from that of other layers to at least one layer among the above multiple layers.
A method of providing a wallpaper characterized by: In the first paragraph,
The steps indicated above are:
A step for determining the starting position of the chat room screen as the chat room entry position as the base offset for the image.
A method of providing a background screen including: In Article 8,
The above playing steps are:
A step of linking the scroll of the above background screen with the scroll of the above message and arranging the layer of the above background screen based on the above reference offset.
A method of providing a background screen including: In the first paragraph,
The above playing steps are:
Playing a video or graphic image set as the background image in a direction and speed corresponding to the scroll of the message above
A method of providing a wallpaper characterized by: A computer program stored in a non-transitory computer-readable recording medium for executing the method for providing a background screen according to any one of claims 1 to 10 on the computer device. In computer devices,
At least one processor configured to execute computer-readable instructions contained in memory
Including,
At least one processor of the above,
The process of displaying an image set as the background screen together with a message on the chat room screen; and
A process of playing an animation effect for the image according to the message scroll when performing message scrolling within the chat room screen according to user input for message navigation.
A computer device that processes data. In Article 12,
At least one processor of the above,
Playing the above animation effect in a direction and speed corresponding to the above message scroll
A computer device characterized by: In Article 12,
At least one processor of the above,
Playing the parallax effect of the image as the above message scrolls
A computer device characterized by: In Article 14,
The above image is separated into multiple layers and uses images that are continuous from top to bottom or top to bottom, left to right.
A computer device characterized by: In Article 14,
The above image uses an image that is separated into multiple layers,
For each layer of the above image, multiple image views are expressed as a grid and displayed on the chat room screen.
A computer device characterized by: In Article 14,
At least one processor of the above,
Synchronizing the scroll offset of the above message and the above image to link the scroll of the above background with the scroll of the above message.
A computer device characterized by: In Article 17,
The above image uses an image that is separated into multiple layers,
Assigning different parallax weights to at least one layer among the above multiple layers from other layers.
A computer device characterized by: In Article 12,
At least one processor of the above,
Determining the starting position of the above chat room screen as the chat room entry position as the reference offset for the above image
A computer device characterized by: In Article 19,
At least one processor of the above,
Linking the scroll of the above background with the scroll of the above message and arranging the layers of the above background based on the above reference offset
A computer device characterized by:

Images