CN113936007A - Image processing method, device and electronic device in scene interface switching process - Google Patents
Image processing method, device and electronic device in scene interface switching process Download PDFInfo
- Publication number
- CN113936007A CN113936007A CN202111015356.9A CN202111015356A CN113936007A CN 113936007 A CN113936007 A CN 113936007A CN 202111015356 A CN202111015356 A CN 202111015356A CN 113936007 A CN113936007 A CN 113936007A
- Authority
- CN
- China
- Prior art keywords
- target
- image
- resource
- scene interface
- representative image
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Withdrawn
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/10—Segmentation; Edge detection
- G06T7/11—Region-based segmentation
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/20—3D [Three Dimensional] animation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Computer Vision & Pattern Recognition (AREA)
- User Interface Of Digital Computer (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请实施例公开了场景界面切换过程中的图像处理方法、装置及电子设备，所述方法包括：接收到对第一场景界面进行展示的请求后，确定待展示的目标资源的代表图像以及目标截取位置；根据所述目标截取位置从所述代表图像中截取出目标图像区域，并将所述目标图像区域展示到所述第一场景界面中；在切换到第二场景界面对所述目标资源进行展示的过程中，提供从所述目标截取位置处开始将所述代表图像展开到所述第二场景界面进行展示的动画效果。通过本申请实施例，能够在不同场景界面之间进行切换的过程中，实现对同一资源信息的更连贯的过渡。
The embodiment of the present application discloses an image processing method, an apparatus and an electronic device in a scene interface switching process. The method includes: after receiving a request for displaying a first scene interface, determining a representative image of a target resource to be displayed and a target interception position; intercept the target image area from the representative image according to the target interception position, and display the target image area in the first scene interface; switch to the second scene interface to the target resource In the process of displaying, an animation effect of expanding the representative image to the second scene interface for displaying from the target interception position is provided. Through the embodiments of the present application, a more coherent transition of the same resource information can be achieved in the process of switching between different scene interfaces.
Description
Technical Field
The present application relates to the field of scene switching technologies, and in particular, to an image processing method and apparatus in a scene interface switching process, and an electronic device.
Background
In an information system, there are often cases where the same resource is shown in pages of different scenes. For example, many information systems have resource distribution interfaces, in which multiple resource slots can be provided for aggregate presentation of links of multiple resources, and by clicking on a link of a resource, specific content of the resource can be presented. In practical applications, there may be an intermediate content hosting interface from the resource distribution interface to the specific content detail interface. That is, after clicking a link of a certain resource in the resource distribution interface, a content receiving interface related to the resource is entered first, and after performing some operations in the content receiving interface, a specific content detail interface is entered.
For example, a resource distribution interface is provided with a plurality of game resource positions, and each resource position is used for showing a link of a game; after a certain link is clicked, the game can enter a configuration interface of the game, and some basic configurations are completed in the configuration interface, for example, a plurality of parameters such as a scheduling mode (including edge scheduling, center scheduling, and the like), a region where the game is located, required image quality (high definition or common), and the like can be configured. After the configuration is completed, the game process is started by entering a specific game interface, and the like. The configuration interface belongs to a connection interface between the game resource distribution interface and the specific game interface. The resource distribution interface and the configuration interface are interfaces corresponding to different scenes.
In a specific implementation, when information of the same resource is displayed in interfaces of different scenes, a representative image (e.g., a media asset map) of the resource may need to be displayed. However, since the resource locations for displaying specific pictures are different in size and the like in the interfaces of different scenes, designers need to design two representative images for the same resource so as to be respectively used for displaying in the interfaces of different scenes in the prior art. However, in this method, a relatively strong scene split feeling occurs during switching between interfaces of different scenes, and logical continuity is difficult to be expressed.
Therefore, how to implement more coherent transition of the same resource information in the process of switching between different scene interfaces becomes a technical problem to be solved by the technical personnel in the field.
Disclosure of Invention
The application provides an image processing method and device in a scene interface switching process and electronic equipment, which can realize more coherent transition of the same resource information in the switching process of different scene interfaces.
The application provides the following scheme:
an image processing method in a scene interface switching process comprises the following steps:
after a request for displaying a first scene interface is received, determining a representative image of a target resource to be displayed and a target interception position;
intercepting a target image area from the representative image according to the target interception position, and displaying the target image area to the first scene interface;
and in the process of switching to a second scene interface to display the target resource, providing an animation effect of unfolding the representative image to the second scene interface from the target interception position for displaying.
Wherein, the determining the representative image of the target resource to be displayed and the target interception position comprises:
acquiring image material configuration information of a target resource, wherein the image material configuration information comprises a representative image of the target resource and information of a target position of a target image area in the representative image;
and determining the representative image and the target interception position according to the image material configuration information.
Wherein, the determining the representative image of the target resource to be displayed and the target interception position comprises:
acquiring image material configuration information of a target resource, wherein the image material configuration information comprises a representative image of the target resource;
determining the representative image according to the image material configuration information;
and identifying a target image area which accords with the target characteristics from the representative image by carrying out image detection on the representative image, and determining a target interception position of the target image area in the representative image.
Wherein said presenting the target image area into the first scene interface comprises:
and according to the size information of the image display container in the first scene interface, zooming the target image area and displaying the target image area in the corresponding image display container in the first scene interface.
The first scene interface comprises a resource entry interface, a plurality of resource bits and a plurality of display interfaces, wherein the resource entry interface comprises a plurality of resource bits which are respectively used for displaying information of different target resources;
the presenting the target image area into the first scene interface includes:
and displaying the target image area into a resource position corresponding to the target resource in the first scene interface.
The target positions are different for different target resources, and the target positions are determined according to the positions of the parts, which need to be displayed in the first scene interface, in the representative images.
Wherein the target image area is a rectangular area, and the target position information includes: and coordinate information of the upper left corner and the lower right corner of the rectangular area in the representative image.
A resource map pixel material configuration method comprises the following steps:
providing an operation interface for image material configuration of a target resource, wherein the operation interface comprises a first input control for inputting a representative image and a second input control for inputting intercepting position information;
storing the representative image received through the first input control and the interception position information received through the second input control as image material configuration information of the target resource, so that after the target resource is released to a target application system, when the target resource is switched and displayed through a first scene interface of the target application system, a target image area is determined from the representative image according to the interception position information and displayed in the first scene interface; and in the process of switching to a second scene interface to display the target resource, providing an animation effect of gradually expanding the representative image to the second scene interface from the target interception position to display.
Wherein, still include:
providing an operation control for carrying out partial region frame selection operation on the input representative image;
and determining the position information of the selected partial area in the representative image as the intercepted position information, and automatically inputting the intercepted position information into the second input control.
Wherein, still include:
and providing prompt information about the resource bit size in the first scene interface in the target application system in the process of executing the frame selection operation.
An image processing apparatus in a scene interface switching process, comprising:
the information determining unit is used for determining a representative image of the target resource to be displayed and a target intercepting position after receiving a request for displaying the first scene interface;
the image intercepting and displaying unit is used for intercepting a target image area from the representative image according to the target intercepting position and displaying the target image area to the first scene interface;
and the switching display unit is used for providing an animation effect of unfolding the representative image to the second scene interface for display from the target interception position in the process of displaying the target resource by switching to the second scene interface.
A resource map pixel material allocation apparatus, comprising:
the operation interface providing unit is used for providing an operation interface for image material configuration of a target resource, and the operation interface comprises a first input control for inputting a representative image and a second input control for inputting intercepting position information;
the configuration information storage unit is used for storing the representative image received through the first input control and the interception position information received through the second input control as the image material configuration information of the target resource, so that after the target resource is delivered to a target application system, when the target resource is switched and displayed through a first scene interface of the target application system, a target image area is determined from the representative image according to the interception position information and is displayed in the first scene interface; and in the process of switching to a second scene interface to display the target resource, providing an animation effect of gradually expanding the representative image to the second scene interface from the target interception position to display.
A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the steps of the method of any of the preceding claims.
An electronic device, comprising:
one or more processors; and
a memory associated with the one or more processors for storing program instructions that, when read and executed by the one or more processors, perform the steps of the method of any of the preceding claims.
According to the specific embodiments provided herein, the present application discloses the following technical effects:
by the embodiment of the application, aiming at the condition that the same resource needs to be switched and displayed between the first scene interface and the second scene interface, the design of the representative image can be carried out aiming at the second scene interface, and particularly when the image of the resource is displayed in the first scene interface, the target image area can be cut out from the representative image to be used for displaying in the first scene interface. Then, since the position information of the target image area in the representative image can be obtained, in the process of switching to the second scene interface, an animation effect of image expansion based on the position can be provided according to the position information of the target image area in the representative image, that is, a specific representative image can be expanded from the position of the target image area and displayed in the second scene interface. By the method, the scene interface switching process is more consistent, and the scene splitting feeling is reduced.
Of course, it is not necessary for any product to achieve all of the above-described advantages at the same time for the practice of the present application.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings needed to be used in the embodiments will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings without creative efforts.
FIG. 1 is a schematic diagram of a system architecture provided by an embodiment of the present application;
FIG. 2 is a flow chart of a first method provided by an embodiment of the present application;
3-1, 3-2 are schematic diagrams of configuration interfaces provided by embodiments of the present application;
4-1, 4-2 are schematic diagrams of image capture positions provided by embodiments of the present application;
5-1 and 5-2 are schematic diagrams illustrating comparison before and after scene interface switching provided by the embodiment of the application;
FIG. 6 is a flow chart of a second method provided by embodiments of the present application;
FIG. 7 is a schematic diagram of a first apparatus provided in an embodiment of the present application
FIG. 8 is a schematic diagram of a second apparatus provided in an embodiment of the present application
Fig. 9 is a schematic diagram of an electronic device provided in an embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. All other embodiments that can be derived from the embodiments given herein by a person of ordinary skill in the art are intended to be within the scope of the present disclosure.
In the embodiment of the application, in order to achieve consistency of the same resource in the switching process between different scene interfaces and reduce the scene split feeling, the same representative image may be displayed in two different scene interfaces, specifically, since the second scene interface often has an image display container with a larger size, a designer may design the representative image for the specific resource based on the second scene interface. When the picture of the resource is displayed in the first scene interface, a part of the image area can be cut out from the representative image and displayed. When the information of the resource needs to be displayed by switching to the second scene interface, the complete representative image can be displayed, and in the switching process, an animation effect can be provided. And gradually expanding the representative image to the second scene interface for presentation from the target position where the partial image area presented in the first scene interface is located. In this way, the image displayed in the first scene interface is a partial region of the complete image displayed in the second scene interface, and in the switching process, the dynamic effect that the partial region is gradually unfolded into the complete representative image can be provided, so that the logic continuity in the scene switching process can be improved, and the scene split feeling caused in the interface switching process can be reduced. In addition, since the designer only needs to design the representative image for the second scene interface, and does not need to design the representative images for the two scene interfaces, the designer can play a role in improving efficiency from the design point of view.
Specifically, from the perspective of system architecture, the embodiment of the application can be used in various information systems with the requirement of switching the same resource between different scene interfaces. In specific implementation, as shown in fig. 1, a material configuration platform may be provided for a designer user or an operation and maintenance person, and the user may configure image materials for specific resources through the platform. In the embodiment of the present application, if image materials of the same resource (for example, the same game resource, etc.) need to be displayed in two scene interfaces having a switching relationship, a user only needs to configure the same image material (which may be specifically referred to as a representative image of the resource) for the two scene interfaces. In addition, in an optional implementation, an operation control for configuring the position information of the target image area may be provided for the user, so that the user may directly specify the position information of the target image area in the representative image in the configuration process, for example, coordinates of an upper left corner and a lower right corner of the target image area in the representative image may be specifically used as specific position information, and the like. After the specific material configuration information is submitted, the specific material configuration information can be stored in the dimension of the specific resource in the resource issuing system, that is, each resource can correspond to the respective material configuration information. Then, according to a certain distribution strategy, a specific resource can be published to a specific application system, and associated resource configuration information is provided. Therefore, the specific application system comprises the specific first scene interface and the specific second scene interface, and when the resource information is displayed in the specific first scene interface, the corresponding target image area can be intercepted according to the representative image and the position information in the configuration information and displayed in the first scene interface. When a user triggers to display a resource in a second scene interface by clicking the resource in a first scene interface and the like, a specific complete representative image is displayed, and an animation effect of gradually expanding from a target image area to the complete representative image is displayed in a switching process.
Of course, in a specific implementation, regarding a specific target image region, it is also possible that the designer does not need to specify the specific target image region, but the application system automatically recognizes from the complete representative image, for example, a region containing a feature of the face image as the target image region by default, and so on.
The following describes in detail specific implementations provided in embodiments of the present application.
Example one
First, the embodiment provides an image processing method in a scene interface switching process from the perspective of a specific front-end application system, and referring to fig. 2, the method may specifically include:
s201: after a request for displaying the first scene interface is received, a representative image of a target resource to be displayed and a target position of a target image area in the representative image are determined.
The first scene interface may be a resource distribution entry interface provided in a specific application system, or may be other types of interfaces, and as long as a target resource therein is triggered, the target resource is switched to the second scene interface to be displayed, so that the first scene interface may become a specific first scene interface. In specific implementation, the first scene interface may include one or more resource bits, each resource bit may correspond to a specific target resource to be displayed, and each resource bit may include an image display container for displaying images such as a media asset map of the specific target resource. The specific resource map generally has a function of representing a specific resource, that is, a user can know which resource corresponds to the specific resource by seeing the specific resource map, and the like. For example, when a link of a game needs to be displayed in a first scene interface, a resource map of the game can be displayed, and for a game player user, as long as the specific resource map is seen, the corresponding game can be known, and the like.
Since information of a plurality of resources is generally required to be displayed in an aggregated manner in the first scene interface, the size of a specific image container in each resource position is generally relatively small, while the second scene interface is generally only used for displaying information of one resource, and the image container is relatively large. Therefore, in specific implementation, the designer user can design the representative image for the second scene interface, and does not need to design the representative image for the first scene interface separately.
In specific implementation, as described above, a back-end material configuration platform may be provided for designers or operation and maintenance personnel, so as to implement configuration of image materials of specific target resources, and thus, specific material configuration information may be provided for a specific application system.
In one mode, the material configuration information specifically submitted by the designer or the operation and maintenance staff may include a representative image and target location information corresponding to the specific resource, that is, when the representative image is designed for the second scene interface by the specific designer, and the specific designer specifies which region of the image to select when the image is displayed in the first scene interface. When configuring image material, a specific representative image and information such as coordinates of the designated area in the representative image can be submitted. For example, as shown in fig. 3-1, it is an interface for image material configuration of a specific resource, where a position shown by 31 may be used to input a specific representative image (specifically, a picture, or a moving image such as a moving picture, a short video, etc.); as shown in fig. 3-2, another portion of the interface for image material configuration of a particular asset, where the location shown at 32, may be used to input particular coordinate information. In a specific implementation, the image container in the first scene interface is usually rectangular, and therefore, the position of the specific target image area can be specified by coordinates of two points, namely, an upper left corner and a lower right corner. Of course, in a specific implementation, the image container in the first scene interface may have other shapes, and in this case, the position of the target image area may be specified in other manners, and so on.
For example, after a representative image is designed, a rectangular region may be selected in the representative image, and at this time, the coordinates of the upper left corner and the lower right corner of the rectangular region may be given in the design tool. Then, in an image material configuration interface of the resource, a specific representative image can be uploaded, and coordinates of the upper left corner and the lower right corner of the rectangular area are input.
In order to facilitate the designer to select the target image area, the material configuration platform provided in the embodiment of the present application may further provide a function of framing the target image area from the representative image. That is, after uploading a representative image of a resource to the material configuration platform, the designer may perform a frame selection operation on the target image area in the material configuration platform. Then, the material configuration platform may automatically fill the position information of the target image area selected by the frame into a specific configuration interface, for example, the position information may include coordinates of the upper left corner, that is, the lower right corner of the target image area, and the like, without manual filling operation by the designer user.
In addition, in order to obtain a better display effect in the first scene interface, size information of a specific resource bit in the first scene interface can be taken into consideration when the target image area is specifically selected. Therefore, in an optional mode, the designer can be provided with frame selection prompt information according to the size information of the resource positions in the first scene interface. For example, as shown in fig. 4-1, assuming that the designer selects point a in the representative image as the top left corner vertex of the target image region, the material deployment platform may display a rectangular box corresponding to the size information of the asset bits in the first scene interface, as shown, for example, at 41 in fig. 4-1, on top of the representative image. The designer can make the determination of the position of the vertex in the lower right corner based on the hint information, for example, can directly select point B in fig. 4-1, and so on. For another example, as shown in fig. 4-2, the designer user may also configure the image material of other resources in the material configuration platform, that is, after inputting a specific representative image, may select point a from the image material, at this time, the material configuration platform may provide prompt information according to the size information of the specific resource position, as shown at 42 in fig. 4-2. The designer may select a particular B-point as the lower right corner vertex of the target image area, and so on, based on the hint information. After the positions of the upper left corner and the lower right corner are determined, the coordinates of these two points can be automatically filled in the corresponding configuration information fields. By the method, a designer can directly finish the framing operation of the target image area in the material configuration platform, design and framing do not need to be carried out by means of other design tools, specific coordinate information does not need to be manually input, and the efficiency can be improved. In addition, because the resource bit size prompt information in the first scene interface can be provided, the final display effect in the first scene interface can be ensured.
In the above manner, since the specific representative image and the position information of the target image area are both in the material configuration information, the specific representative image and the specific interception position information can be directly determined from the material configuration information.
Alternatively, the designer or the operation and maintenance personnel may specify only the representative image for a specific resource, and do not need to specify which region is specifically intercepted. At this time, a specific representative image may be determined from the configuration information, and then, a target image area that meets the target feature and position information of the target image area in the representative image may be determined from the representative image through an image detection algorithm. For example, a portion of the representative image belonging to the subject image may be used as a target image region conforming to the target feature, and specifically, if the subject image in the representative image is a face image of a person (which may be a person in the virtual animation), the face image feature may be determined as the target feature, and so on.
That is, in this way, the representative image may be obtained from the configuration information of the specific resource, and then, the target image region and the position information of the target region in the representative image may be identified from the representative image by means of algorithm identification, and the position information may be used as a specific target interception position, and so on.
S202: and intercepting the target image area from the representative image according to the target interception position, and displaying the target image area to the first scene interface.
After the representative image and the target interception position of the specific resource are determined, the target image area can be intercepted from the representative image according to the specific target interception position. For example, assuming that the target capture position is represented by coordinates of the upper left corner and the lower right corner of a rectangle, the positions of the two points may be determined in the representative image, and then a rectangular region may be determined from the representative image according to the two points, and the rectangular region may be used as a target image region and displayed in the first scene interface.
It should be noted that, if the specific representative image is an image of a short video, because multiple frames of images exist in the short video, multiple frames of images may be clipped using the same target clipping position in order to avoid an excessive delay. Of course, when the computing resources of the terminal are sufficient, different target capturing positions may be configured for each frame image, so as to capture images at different positions from each frame image. Alternatively, the video canvas or the container may be cut out quickly, and the like.
It should be further noted that, as described above, in an application scenario, a specific first scenario interface may be a resource entry interface, and at this time, the first scenario interface may include a plurality of resource bits, which are respectively used for displaying information of different target resources. At this time, the target image region corresponding to the specific target resource may be displayed in the resource bit corresponding to the target resource. However, the specifically designated or identified target position may be different for different target resources, and specifically, the target position may be determined according to a position where a portion of the representative image that needs to be displayed in the first scene interface is located. That is, the specific designer may select the target image region without limitation according to specific design requirements. For example, as in the example shown in fig. 4-1, the area above in the representative image may be specifically used as the target image area, while as in the example shown in fig. 4-2, the area below the middle may be used as the target image area, and so on.
S203: and in the process of switching to a second scene interface to display the target resource, providing an animation effect of unfolding the representative image to the second scene interface from the target interception position for displaying.
After the information of the specific target resource is displayed in the first scene interface, the switching to the second scene interface can be triggered by clicking a link of the specific target resource in the first scene interface and the like. In the embodiment of the application, since the image of the specific resource in the first scene interface is obtained by capturing the representative image displayed in the second scene interface, and the application system can acquire the information of the specific capturing position, in the process of switching to the second scene interface for displaying, an animation effect of unfolding the representative image to the second scene interface for displaying from the target capturing position can be provided. When the method is specifically implemented, the process representing the gradual expansion of the image can be expressed through a specific animation effect, and the like. By the method, the scene switching process is more consistent, and the scene splitting feeling is reduced.
It should be noted that, in the embodiment of the present application, there may be a plurality of application systems, and the type of the resource required to be displayed may also be different according to the application systems. For example, a typical application scenario may be a scenario that demonstrates the performance of a cloud gaming system, or the like. Specifically, the game developer can deploy a specific game to the cloud server by using the cloud service provided by the cloud service provider, so that the player user can participate in the game without downloading the game package to the local. After deployment is specifically completed, the cloud service provider may need to show the support situation of the cloud service system for the specific game to the game developer. Therefore, in order to achieve the purpose of the display, a first scene interface, that is, a game distribution entry interface, may be provided first, where the first scene interface may include a plurality of resource slots, and the resource slots are respectively used for displaying links of a plurality of games, and image information of a specific game may be displayed in a specific link, so as to enhance recognition of the game. In addition, after clicking a link of a specific game in the first scene interface, the game may be switched to the second scene interface to display information of the game, for example, the specific second scene interface may be a configuration interface of the specific game, which is used to configure an area, image quality, and the like, and the second scene interface also needs to display an image related to the specific game.
In the above example, the designer may design the representative image of the specific game for the specific second scene interface, and specify the position information of the selectable target display area in the representative image when the game is displayed in the first scene interface, including the coordinates of the upper left corner and the lower right corner of the rectangular area.
After the configuration operation is completed, the information can be submitted, and the configuration information can be stored in units of resources. For example, each game resource may correspond to a piece of configuration information, and the specific configuration information may include a representative image corresponding to the specific game resource and the coordinate information. Thereafter, specific game resources may be placed into the aforementioned game distribution portal interface. Specifically, when the support condition of the system for the game needs to be displayed, the game distribution entry interface can be displayed first. At this time, material configuration information corresponding to a plurality of game resources may be determined, for example, the material configuration information may include a representative image and interception position information corresponding to a specific game resource, and then, according to the interception position information, a target image region may be intercepted from the representative image and displayed in a resource position corresponding to the specific game resource.
After clicking a link of a certain target game resource of the game distribution entry interface, switching to an interface for configuring the game resource, that is, a second scene interface. In the embodiment of the application, the representative image specified in the specific configuration information can be displayed in the configuration interface, and in the process of switching from the resource distribution entry interface to the configuration interface, a position-based animation display effect can be provided. That is, it is possible to provide a process of gradually expanding the representative image from the position and displaying the representative image to the image display container in the configuration scene according to the position information of the target image area displayed by the specific resource distribution portal interface in the representative image. For example, for the example shown in 4-1 above, the presentation effect of a specific target image area in the first scene interface may be shown at 51 in fig. 5-1(a), and the presentation effect in the second scene interface may be shown at 52 in fig. 5-1 (B); (ii) a For the example shown in fig. 4-2, the effect of displaying the specific target image area in the first scene interface can be shown at 53 in fig. 5-2 (a). The presentation effect in the second scene interface may be as shown at 54 in fig. 5-2 (B). By the method, the same game resource has good logic consistency in the process of being displayed in the process of switching from the resource distribution entry interface to the configuration interface.
In summary, according to the embodiment of the present application, for a situation that the same resource needs to be displayed in a switching manner between the first scene interface and the second scene interface, a representative image can be designed for the second scene interface, and specifically, when the image of the resource is displayed in the first scene interface, a target image area can be cut out from the representative image for displaying in the first scene interface. Then, since the position information of the target image area in the representative image can be obtained, in the process of switching to the second scene interface, an animation effect of image expansion based on the position can be provided according to the position information of the target image area in the representative image, that is, a specific representative image can be expanded from the position of the target image area and displayed in the second scene interface. By the method, the scene interface switching process is more consistent, and the scene splitting feeling is reduced.
Example two
The second embodiment provides a resource map pixel material configuration method from the perspective of a background material configuration platform, and referring to fig. 6, the method may include:
s601: providing an operation interface for image material configuration of a target resource, wherein the operation interface comprises a first input control for inputting a representative image and a second input control for inputting intercepting position information;
s602: storing the representative image received through the first input control and the interception position information received through the second input control as image material configuration information of the target resource, so that after the target resource is released to a target application system, when the target resource is switched and displayed through a first scene interface of the target application system, a target image area is determined from the representative image according to the interception position information and displayed in the first scene interface; and in the process of switching to a second scene interface to display the target resource, providing an animation effect of gradually expanding the representative image to the second scene interface from the target interception position to display.
During specific implementation, an operation control for performing partial region frame selection operation on the input representative image can be further provided; in this way, the position information of the partial region selected by the user, such as a designer, in the representative image may be determined as the cut position information and automatically input to the second input control.
In addition, in the process of executing the frame selection operation, prompt information about the resource bit size in the first scene interface in the target application system can be provided.
For the details of the second embodiment that are not described in detail, reference may be made to the descriptions of the first embodiment, and details are not repeated here.
It should be noted that, in the embodiments of the present application, the user data may be used, and in practical applications, the user-specific personal data may be used in the scheme described herein within the scope permitted by the applicable law, under the condition of meeting the requirements of the applicable law and regulations in the country (for example, the user explicitly agrees, the user is informed, etc.).
Corresponding to the first embodiment, an embodiment of the present application further provides an image processing apparatus in a scene interface switching process, and referring to fig. 7, the apparatus may include:
an information determining unit 701, configured to determine a representative image of a target resource to be displayed and a target interception position after receiving a request for displaying a first scene interface;
an image capturing and displaying unit 702, configured to capture a target image area from the representative image according to the target capturing position, and display the target image area in the first scene interface;
the switching and displaying unit 703 is configured to provide an animation effect of unfolding the representative image to the second scene interface for displaying from the target interception position in the process of displaying the target resource by switching to the second scene interface.
The information determining unit may specifically be configured to:
acquiring image material configuration information of a target resource, wherein the image material configuration information comprises a representative image of the target resource and information of a target position of a target image area in the representative image; and determining the representative image and the target interception position according to the image material configuration information.
Alternatively, the information determining unit may specifically be configured to:
acquiring image material configuration information of a target resource, wherein the image material configuration information comprises a representative image of the target resource;
determining the representative image according to the image material configuration information;
and identifying a target image area which accords with the target characteristics from the representative image by carrying out image detection on the representative image, and determining a target interception position of the target image area in the representative image.
In a specific implementation, the image capturing and displaying unit may specifically be configured to:
and according to the size information of the image display container in the first scene interface, zooming the target image area and displaying the target image area in the corresponding image display container in the first scene interface.
The first scene interface comprises a resource entry interface, a plurality of resource bits and a plurality of display interfaces, wherein the resource entry interface comprises a plurality of resource bits which are respectively used for displaying information of different target resources;
the image capturing and displaying unit may be specifically configured to:
and displaying the target image area into a resource position corresponding to the target resource in the first scene interface.
The target positions are different for different target resources, and the target positions are determined according to the positions of the parts, which need to be displayed in the first scene interface, in the representative images.
Wherein the target image area is a rectangular area, and the target position information includes: and coordinate information of the upper left corner and the lower right corner of the rectangular area in the representative image.
Corresponding to the second embodiment, an embodiment of the present application further provides a resource map pixel material configuration apparatus, referring to fig. 8, the apparatus may include:
an operation interface providing unit 801, configured to provide an operation interface for image material configuration on a target resource, where the operation interface includes a first input control for inputting a representative image and a second input control for inputting interception position information;
a configuration information saving unit 802, configured to save the representative image received through the first input control and the interception position information received through the second input control as image material configuration information of the target resource, so that after the target resource is delivered to a target application system, when the target resource is switched and displayed through a first scene interface of the target application system, a target image area is determined from the representative image according to the interception position information and is displayed in the first scene interface; and in the process of switching to a second scene interface to display the target resource, providing an animation effect of gradually expanding the representative image to the second scene interface from the target interception position to display.
In a specific implementation, the apparatus may further include:
an operation control providing unit, which is used for providing an operation control for carrying out partial region frame selection operation on the input representative image;
and the intercepting position determining unit is used for determining the position information of the partial area selected by the frame in the representative image as the intercepting position information and automatically inputting the intercepting position information into the second input control.
Furthermore, the apparatus may further include:
and the prompting unit is used for providing prompting information about the size of the resource bit in the first scene interface in the target application system in the process of executing the frame selection operation.
In addition, the present application also provides a computer readable storage medium, on which a computer program is stored, which when executed by a processor implements the steps of the method described in any of the preceding method embodiments.
And an electronic device comprising:
one or more processors; and
a memory associated with the one or more processors for storing program instructions that, when read and executed by the one or more processors, perform the steps of the method of any of the preceding method embodiments.
Where fig. 9 exemplarily illustrates the architecture of an electronic device, for example, the device 900 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, an aircraft, etc.
Referring to fig. 9, device 900 may include one or more of the following components: processing component 902, memory 904, power component 906, multimedia component 908, audio component 910, input/output (I/O) interface 912, sensor component 914, and communication component 916.
The processing component 902 generally controls the overall operation of the device 900, such as operations associated with display, telephone calls, data communications, camera operations, and recording operations. Processing element 902 may include one or more processors 920 to execute instructions to perform all or a portion of the steps of the methods provided by the disclosed solution. Further, processing component 902 can include one or more modules that facilitate interaction between processing component 902 and other components. For example, the processing component 902 can include a multimedia module to facilitate interaction between the multimedia component 908 and the processing component 902.
The memory 904 is configured to store various types of data to support operation at the device 900. Examples of such data include instructions for any application or method operating on device 900, contact data, phonebook data, messages, pictures, videos, and so forth. The memory 904 may be implemented by any type or combination of volatile or non-volatile memory devices such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disks.
The power component 906 provides power to the various components of the device 900. The power components 906 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for the device 900.
The multimedia components 908 include a screen that provides an output interface between the device 900 and a user. In some embodiments, the screen may include a Liquid Crystal Display (LCD) and a Touch Panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive an input signal from a user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundary of a touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 908 includes a front facing camera and/or a rear facing camera. The front-facing camera and/or the rear-facing camera may receive external multimedia data when the device 900 is in an operating mode, such as a shooting mode or a video mode. Each front camera and rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.
The audio component 910 is configured to output and/or input audio signals. For example, audio component 910 includes a Microphone (MIC) configured to receive external audio signals when device 900 is in an operational mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signals may further be stored in the memory 904 or transmitted via the communication component 916. In some embodiments, audio component 910 also includes a speaker for outputting audio signals.
I/O interface 912 provides an interface between processing component 902 and peripheral interface modules, which may be keyboards, click wheels, buttons, etc. These buttons may include, but are not limited to: a home button, a volume button, a start button, and a lock button.
The sensor component 914 includes one or more sensors for providing status assessment of various aspects of the device 900. For example, the sensor component 914 may detect an open/closed state of the device 900, the relative positioning of components, such as a display and keypad of the device 900, the sensor component 914 may also detect a change in the position of the device 900 or a component of the device 900, the presence or absence of user contact with the device 900, orientation or acceleration/deceleration of the device 900, and a change in the temperature of the device 900. The sensor assembly 914 may include a proximity sensor configured to detect the presence of a nearby object in the absence of any physical contact. The sensor assembly 914 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 914 may also include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.
The communication component 916 is configured to facilitate communications between the device 900 and other devices in a wired or wireless manner. The device 900 may access a wireless network based on a communication standard, such as WiFi, or a mobile communication network such as 2G, 3G, 4G/LTE, 5G, etc. In an exemplary embodiment, the communication component 916 receives a broadcast signal or broadcast associated information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communications component 916 further includes a Near Field Communication (NFC) module to facilitate short-range communications. For example, the NFC module may be implemented based on Radio Frequency Identification (RFID) technology, infrared data association (IrDA) technology, Ultra Wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.
In an exemplary embodiment, the device 900 may be implemented by one or more Application Specific Integrated Circuits (ASICs), Digital Signal Processors (DSPs), Digital Signal Processing Devices (DSPDs), Programmable Logic Devices (PLDs), Field Programmable Gate Arrays (FPGAs), controllers, micro-controllers, microprocessors or other electronic components for performing the above-described methods.
In an exemplary embodiment, a non-transitory computer-readable storage medium comprising instructions, such as the memory 904 comprising instructions, executable by the processor 920 of the device 900 to perform the methods provided by the present disclosure is also provided. For example, the non-transitory computer readable storage medium may be a ROM, a Random Access Memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like.
From the above description of the embodiments, it is clear to those skilled in the art that the present application can be implemented by software plus necessary general hardware platform. Based on such understanding, the technical solutions of the present application may be essentially or partially implemented in the form of a software product, which may be stored in a storage medium, such as a ROM/RAM, a magnetic disk, an optical disk, etc., and includes several instructions for enabling a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the method according to the embodiments or some parts of the embodiments of the present application.
The embodiments in the present specification are described in a progressive manner, and the same and similar parts among the embodiments are referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, the system or system embodiments are substantially similar to the method embodiments and therefore are described in a relatively simple manner, and reference may be made to some of the descriptions of the method embodiments for related points. The above-described system and system embodiments are only illustrative, wherein the units described as separate parts may or may not be physically separate, and the parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment. One of ordinary skill in the art can understand and implement it without inventive effort.
The image processing method in the scene interface switching process provided by the present application is described in detail above, and a specific example is applied in the present application to explain the principle and the implementation manner of the present application, and the description of the above embodiment is only used to help understand the method and the core idea of the present application; meanwhile, for a person skilled in the art, according to the idea of the present application, the specific embodiments and the application range may be changed. In view of the above, the description should not be taken as limiting the application.
Claims (14)
1. An image processing method in a scene interface switching process is characterized by comprising the following steps:
after a request for displaying a first scene interface is received, determining a representative image of a target resource to be displayed and a target interception position;
intercepting a target image area from the representative image according to the target interception position, and displaying the target image area to the first scene interface;
and in the process of switching to a second scene interface to display the target resource, providing an animation effect of unfolding the representative image to the second scene interface from the target interception position for displaying.
2. The method of claim 1,
the determining of the representative image of the target resource to be displayed and the target interception position includes:
acquiring image material configuration information of a target resource, wherein the image material configuration information comprises a representative image of the target resource and information of a target position of a target image area in the representative image;
and determining the representative image and the target interception position according to the image material configuration information.
3. The method of claim 1,
the determining of the representative image of the target resource to be displayed and the target interception position includes:
acquiring image material configuration information of a target resource, wherein the image material configuration information comprises a representative image of the target resource;
determining the representative image according to the image material configuration information;
and identifying a target image area which accords with the target characteristics from the representative image by carrying out image detection on the representative image, and determining a target interception position of the target image area in the representative image.
4. The method of claim 1,
the presenting the target image area into the first scene interface includes:
and according to the size information of the image display container in the first scene interface, zooming the target image area and displaying the target image area in the corresponding image display container in the first scene interface.
5. The method of claim 1,
the first scene interface comprises a resource entry interface which comprises a plurality of resource positions and is respectively used for displaying information of different target resources;
the presenting the target image area into the first scene interface includes:
and displaying the target image area into a resource position corresponding to the target resource in the first scene interface.
6. The method of claim 5,
for different target resources, the target positions are different, and the target positions are determined according to the positions of the parts, which need to be displayed in the first scene interface, in the representative images.
7. The method of claim 1,
the target image area is a rectangular area, and the target position information includes: and coordinate information of the upper left corner and the lower right corner of the rectangular area in the representative image.
8. A resource map pixel material allocation method is characterized by comprising the following steps:
providing an operation interface for image material configuration of a target resource, wherein the operation interface comprises a first input control for inputting a representative image and a second input control for inputting intercepting position information;
storing the representative image received through the first input control and the interception position information received through the second input control as image material configuration information of the target resource, so that after the target resource is released to a target application system, when the target resource is switched and displayed through a first scene interface of the target application system, a target image area is determined from the representative image according to the interception position information and displayed in the first scene interface; and in the process of switching to a second scene interface to display the target resource, providing an animation effect of gradually expanding the representative image to the second scene interface from the target interception position to display.
9. The method of claim 8, further comprising:
providing an operation control for carrying out partial region frame selection operation on the input representative image;
and determining the position information of the selected partial area in the representative image as the intercepted position information, and automatically inputting the intercepted position information into the second input control.
10. The method of claim 9, further comprising:
and providing prompt information about the resource bit size in the first scene interface in the target application system in the process of executing the frame selection operation.
11. An image processing apparatus in a scene interface switching process, comprising:
the information determining unit is used for determining a representative image of the target resource to be displayed and a target intercepting position after receiving a request for displaying the first scene interface;
the image intercepting and displaying unit is used for intercepting a target image area from the representative image according to the target intercepting position and displaying the target image area to the first scene interface;
and the switching display unit is used for providing an animation effect of unfolding the representative image to the second scene interface for display from the target interception position in the process of displaying the target resource by switching to the second scene interface.
12. An apparatus for configuring pixel materials of a resource map, comprising:
the operation interface providing unit is used for providing an operation interface for image material configuration of a target resource, and the operation interface comprises a first input control for inputting a representative image and a second input control for inputting intercepting position information;
the configuration information storage unit is used for storing the representative image received through the first input control and the interception position information received through the second input control as the image material configuration information of the target resource, so that after the target resource is delivered to a target application system, when the target resource is switched and displayed through a first scene interface of the target application system, a target image area is determined from the representative image according to the interception position information and is displayed in the first scene interface; and in the process of switching to a second scene interface to display the target resource, providing an animation effect of gradually expanding the representative image to the second scene interface from the target interception position to display.
13. A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the steps of the method of any one of claims 1 to 10.
14. An electronic device, comprising:
one or more processors; and
a memory associated with the one or more processors for storing program instructions that, when read and executed by the one or more processors, perform the steps of the method of any of claims 1 to 10.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111015356.9A CN113936007A (en) | 2021-08-31 | 2021-08-31 | Image processing method, device and electronic device in scene interface switching process |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111015356.9A CN113936007A (en) | 2021-08-31 | 2021-08-31 | Image processing method, device and electronic device in scene interface switching process |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113936007A true CN113936007A (en) | 2022-01-14 |
Family
ID=79274899
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111015356.9A Withdrawn CN113936007A (en) | 2021-08-31 | 2021-08-31 | Image processing method, device and electronic device in scene interface switching process |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113936007A (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103365592A (en) * | 2012-04-06 | 2013-10-23 | 三星电子株式会社 | Method and apparatus for executing an object on a display |
| JP2014134921A (en) * | 2013-01-09 | 2014-07-24 | Mitsubishi Electric Corp | User interface design device and user interface device |
| CN106598558A (en) * | 2015-10-16 | 2017-04-26 | 网易（杭州）网络有限公司 | Game interface jump method and apparatus, mobile terminal and computer terminal |
| US20170192661A1 (en) * | 2012-02-01 | 2017-07-06 | Facebook, Inc. | Presenting Image Objects in a User Interface |
| CN108762906A (en) * | 2018-05-25 | 2018-11-06 | 腾讯科技（深圳）有限公司 | Method for changing scenes, device, electronic equipment and readable storage medium storing program for executing |
| CN112634414A (en) * | 2020-12-24 | 2021-04-09 | 北京百度网讯科技有限公司 | Map display method and device |
-
2021
- 2021-08-31 CN CN202111015356.9A patent/CN113936007A/en not_active Withdrawn
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20170192661A1 (en) * | 2012-02-01 | 2017-07-06 | Facebook, Inc. | Presenting Image Objects in a User Interface |
| CN103365592A (en) * | 2012-04-06 | 2013-10-23 | 三星电子株式会社 | Method and apparatus for executing an object on a display |
| JP2014134921A (en) * | 2013-01-09 | 2014-07-24 | Mitsubishi Electric Corp | User interface design device and user interface device |
| CN106598558A (en) * | 2015-10-16 | 2017-04-26 | 网易（杭州）网络有限公司 | Game interface jump method and apparatus, mobile terminal and computer terminal |
| CN108762906A (en) * | 2018-05-25 | 2018-11-06 | 腾讯科技（深圳）有限公司 | Method for changing scenes, device, electronic equipment and readable storage medium storing program for executing |
| CN112634414A (en) * | 2020-12-24 | 2021-04-09 | 北京百度网讯科技有限公司 | Map display method and device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11557322B2 (en) | Method and device for generating multimedia resource | |
| KR102194094B1 (en) | Synthesis method, apparatus, program and recording medium of virtual and real objects | |
| US11315336B2 (en) | Method and device for editing virtual scene, and non-transitory computer-readable storage medium | |
| US12223936B2 (en) | Method for synthesizing video, terminal and storage medium | |
| CN107809593A (en) | Method, device, terminal and storage medium for capturing images | |
| CN110134532A (en) | A kind of information interacting method and device, electronic equipment and storage medium | |
| US10957012B2 (en) | System and method for processing image information | |
| EP3125163A1 (en) | Method and device for flight notification, and method and device for flight setting | |
| EP3525446A1 (en) | Photographing method and terminal | |
| CN106104602A (en) | Card display packing and device | |
| CN113721874A (en) | Virtual reality picture display method and electronic equipment | |
| CN111354444A (en) | Pathological section image display method and device, electronic equipment and storage medium | |
| CN112463084A (en) | Split screen display method and device, terminal equipment and computer readable storage medium | |
| US20240275911A1 (en) | Minimizing visual disruptions when transitioning from presenting a freeze frame video to presenting a live video during a video communication session | |
| CN112616078A (en) | Screen projection processing method and device, electronic equipment and storage medium | |
| CN111614910B (en) | File generation method and device, electronic equipment and storage medium | |
| CN107809592A (en) | Method, device, terminal and storage medium for capturing images | |
| CN112822544A (en) | Video material file generation method, video synthesis method, device and medium | |
| CN110769311A (en) | Method, device and system for processing live data stream | |
| US12147727B2 (en) | Method and apparatus for processing multimedia data, and storage medium | |
| CN113936007A (en) | Image processing method, device and electronic device in scene interface switching process | |
| CN110769275A (en) | Method, device and system for processing live data stream | |
| CN112565625A (en) | Video processing method, apparatus and medium | |
| CN113157178B (en) | Information processing method and device | |
| CN111782321B (en) | Method, device and medium for viewing page hierarchical structure |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| TA01 | Transfer of patent application right | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20250208 Address after: Room 104, 10th Floor, Building 10, No. 6 Jiachuang 2nd Road, Tongzhou District, Beijing 101111 Applicant after: Yuanjingshengsheng (Beijing) Technology Co.,Ltd. Country or region after: China Address before: 310000 room 508, 5th floor, building 4, No.699 Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Applicant before: Alibaba (China) Co.,Ltd. Country or region before: China |
|
| WW01 | Invention patent application withdrawn after publication | ||
| WW01 | Invention patent application withdrawn after publication |
Application publication date: 20220114 |