Display method, electronic device, and storage medium

Abstract

The present application relates to the technical field of display, and provides a display method, an electronic device, and a storage medium. The method comprises: in response to a first operation, an electronic device displaying a first interface; and displaying a target animation in a preset area of the first interface, wherein the target animation comprises an animation element, the animation element moves or remains stationary on the basis of the motion state of the electronic device, and the target animation is used for mapping the motion state of the electronic device in real time. In such an implementation, an animation element in a target animation changes with the motion state of an electronic device, allowing the displayed target animation to map different motion states of the electronic device in real time, so that the motion information perceived by the eyes of a user is consistent with the motion information perceived by the vestibular system of the user. That is, the motion state of the target animation in the display interface seen by the eyes of the user is consistent with the motion state perceived by the vestibular system of the user. Thus, a conflict between the motion state visually perceived by a user and the motion state perceived by the vestibular system of the user can be mitigated, thereby alleviating the motion sickness of the user.

Description

Display method, electronic device, and storage medium

[0001] This application claims priority to the Chinese patent application No. 202410868868.7, filed on June 29, 2024, and entitled "Display method, electronic device, and storage medium", the content of which is incorporated herein by reference in its entirety. TECHNICAL FIELD

[0002] The present application relates to the technical field of display, in particular to a display method, an electronic device, and a storage medium. BACKGROUND

[0003] Motion sickness is a common physiological phenomenon in daily life. Due to the difference of transportation tools, motion sickness is divided into car sickness, ship sickness, aircraft sickness (airborne motion sickness) and space motion sickness, etc. Motion sickness is a disease caused by the stimulation of the vestibular system of the human body by any form (such as jolt, swing and rotation, etc.) of acceleration and deceleration movement of the transportation tools such as car, train, ship and airplane during driving.

[0004] For example, when a user is browsing the screen of an electronic device in a transportation tool, it is very easy to cause motion sickness. SUMMARY

[0005] The present application provides a display method, an electronic device, and a storage medium. By being able to map the target animation in different motion states in real time, the motion state perceived by the user's eyes is consistent with the motion state perceived by the vestibular system, thereby relieving the user's motion sickness to different degrees.

[0006] In a first aspect, the present application provides a display method applied to an electronic device, the method comprising: in response to a first operation, the electronic device displays a first interface; a preset area of the first interface displays a target animation; the target animation comprises animation elements, the animation elements move or remain static according to the motion state of the electronic device, and the target animation is used to map the motion state of the electronic device in real time.

[0007] Optionally, when the electronic device is located in a transportation tool, the motion state of the electronic device is consistent with the motion state of the transportation tool, and therefore the target animation can also be used to map the motion state of the transportation tool in real time.

[0008] In this implementation, the animation elements in the target animation change according to the motion state of the electronic device, so that the target animation maps the different motion states of the electronic device in real time. In this way, the motion state of the target animation in the display interface seen by the user's eyes is consistent with the actual motion state perceived by the vestibular system, thereby being able to alleviate the conflict between the user's vision and the vestibular system perception and relieve the user's motion sickness.

[0009] With reference to the first aspect, in some implementations of the first aspect, when the electronic device is located in the vehicle, the vehicle is in an uphill and / or uphill-bouncing motion state, and the preset region of the first interface displays the target animation, including: the preset region displays a first animation, in which an animation element moves along a first preset direction.

[0010] With reference to the first aspect, in some implementations of the first aspect, when the vehicle is in a downhill and / or downhill-bouncing motion state, the preset region of the first interface displays the target animation, including: the preset region displays a second animation, in which an animation element moves along a second preset direction, the second preset direction being opposite to the first preset direction.

[0011] With reference to the first aspect, in some implementations of the first aspect, the animation element includes a first animation element, the first animation element includes a first track and a second track, when the vehicle is in a left tilting and / or left-bouncing motion state, the preset region of the first interface displays the target animation, including: the preset region displays a third animation, in which the first track moves along the first preset direction, the second track moves along the second preset direction, and the first track and the second track rotate counterclockwise around the Z axis by a first rotation angle, respectively.

[0012] With reference to the first aspect, in some implementations of the first aspect, when the vehicle is in a right tilting and / or right-bouncing motion state, the preset region of the first interface displays the target animation, including: the preset region displays a fourth animation, in which the first track moves along the second preset direction, the second track moves along the first preset direction, and the first track and the second track rotate clockwise around the Z axis by the first rotation angle, respectively.

[0013] With reference to the first aspect, in some implementations of the first aspect, when the vehicle is in an accelerating motion state, the preset region of the first interface displays the target animation, including: the preset region displays a fifth animation, in which a display size of the animation element is adjusted from a first display size to a second display size, the first display size being smaller than the second display size.

[0014] With reference to the first aspect, in some implementations of the first aspect, when the vehicle is in a decelerating motion state, the preset region of the first interface displays the target animation, including: the preset region displays a sixth animation, in which a display size of the animation element is adjusted from a third display size to a fourth display size, the third display size being larger than the fourth display size.

[0015] With reference to the first aspect, in some implementations of the first aspect, the first track and the second track are displayed symmetrically left and right in the preset area, and the animation element further includes a second animation element, and when the vehicle is in the left-turning motion state, the preset area of the first interface displays the target animation, including: the preset area displays a seventh animation, in the seventh animation, the second animation element moves in the third preset direction in the first track, passes through the right end of the first track, and moves to the left start end of the second track.

[0016] With reference to the first aspect, in some implementations of the first aspect, when the vehicle continuously stays in the left-turning motion state, the preset area of the first interface displays the target animation, including: the preset area displays an eighth animation, in the eighth animation, the second animation element moves in the third preset direction at the left start end of the second track, passes through the right end of the second track, and moves to the left start end of the first track.

[0017] With reference to the first aspect, in some implementations of the first aspect, when the vehicle is in the right-turning motion state, the preset area of the first interface displays the target animation, including: the preset area displays a ninth animation, in the ninth animation, the second animation element moves in a fourth preset direction in the second track, passes through the left end of the second track, and moves to the right start end of the first track, the fourth preset direction being opposite to the third preset direction.

[0018] With reference to the first aspect, in some implementations of the first aspect, when the vehicle continuously stays in the right-turning motion state, the preset area of the first interface displays the target animation, including: the preset area displays a tenth animation, in the tenth animation, the second animation element moves in the fourth preset direction at the right start end of the first track, passes through the left end of the first track, and moves to the right start end of the second track.

[0019] With reference to the first aspect, in some implementations of the first aspect, when the vehicle is in the left-turning motion state, the preset area of the first interface displays the target animation, further including: the preset area displays an eleventh animation, in the eleventh animation, the display size of the first track is adjusted from a fifth display size to a sixth display size, and the display size of the second track is adjusted from the fifth display size to a seventh display size, the fifth display size being smaller than the sixth display size, and the fifth display size being larger than the seventh display size.

[0020] With reference to the first aspect, in some implementations of the first aspect, when the vehicle is in the right-turning motion state, the preset area of the first interface displays the target animation, further including: the preset area displays a twelfth animation, in the twelfth animation, the display size of the first track is adjusted from the fifth display size to the seventh display size, and the display size of the second track is adjusted from the fifth display size to the sixth display size.

[0021] With reference to the first aspect, in some implementations of the first aspect, the display method further includes: when the vehicle is in a steady motion state, presetting the region to display a thirteenth animation, and the animation elements in the thirteenth animation are static.

[0022] With reference to the first aspect, in some implementations of the first aspect, the display method further includes: adjusting the transparency of the animation elements from a first transparency value to a second transparency value according to the motion state of the vehicle.

[0023] With reference to the first aspect, in some implementations of the first aspect, the display method further includes: adjusting the display color of the animation elements according to the color of the first interface.

[0024] With reference to the first aspect, in some implementations of the first aspect, the first animation element includes any one of a track, a rectangular frame, and a ring-shaped frame, and the second animation element includes any one of a ball, an animal, a person, and a plant.

[0025] With reference to the first aspect, in some implementations of the first aspect, the first operation includes at least one of a click operation, a sliding operation, a voice operation, and a gesture operation on the opening of the buffer blur function switch.

[0026] With reference to the first aspect, in some implementations of the first aspect, the display method further includes: in response to a second operation, the electronic device displays a second interface; the second interface includes a control for adjusting the animation parameters; and in response to a third operation on the control, the animation parameters are adjusted. The second operation includes a click operation, a sliding operation, a voice operation, etc. on the buffer blur application, and the third operation includes at least one of a click operation, a sliding operation, a voice operation, and a gesture operation on the control.

[0027] The second aspect provides an electronic device, which includes: one or more processors; one or more memories; a module installed with a plurality of applications; and the memory stores one or more programs, which, when executed by the processor, cause the electronic device to perform the method in the first aspect and any possible implementation manner thereof.

[0028] The third aspect provides a chip including a processor. The processor is configured to read and execute a computer program stored in a memory to perform the method in the first aspect and any possible implementation manner thereof.

[0029] Optionally, the chip further includes a memory, and the memory is connected to the processor through a circuit or a wire.

[0030] Optionally, the chip further includes a communication interface.

[0031] In a fourth aspect, the present application provides a computer readable storage medium, wherein the computer readable storage medium stores a computer program, and when the computer program is executed by a processor, the processor performs the method in the first aspect and any possible implementation manner thereof.

[0032] In a fifth aspect, the present application provides a computer program product, which comprises computer program code, and when the computer program code is run on an electronic device, the electronic device performs the method in the first aspect and any possible implementation manner thereof.

[0033] The technical effects obtained by the above-mentioned second aspect, third aspect, fourth aspect and fifth aspect are similar to the technical effects obtained by the corresponding technical means in the first aspect, and will not be described here. BRIEF DESCRIPTION OF DRAWINGS

[0034] FIGS. 1A and 1B are schematic diagrams of a vestibular system according to an embodiment of the present application.

[0035] FIG. 1C is a schematic diagram of an application scenario of a display method according to an embodiment of the present application.

[0036] FIGS. 2A and 2B are schematic diagrams of an electronic device display interface according to an embodiment of the present application.

[0037] FIG. 2C is a schematic diagram of a smart recommendation card according to an embodiment of the present application.

[0038] FIGS. 2D and 2E are schematic diagrams of a quick start of a slow dizziness mode according to an embodiment of the present application.

[0039] FIGS. 2F to 2H are schematic diagrams of another quick start of a slow dizziness mode according to an embodiment of the present application.

[0040] FIG. 3A is a schematic diagram of a target animation according to an embodiment of the present application.

[0041] FIGS. 3B to 3L are schematic diagrams of various target animations according to embodiments of the present application.

[0042] FIG. 4A is a schematic diagram of a preset area according to an embodiment of the present application.

[0043] FIG. 4B is a schematic diagram of a target animation display mode according to an embodiment of the present application.

[0044] FIG. 4C is a schematic diagram of another preset area according to an embodiment of the present application.

[0045] FIG. 4D is a schematic diagram of another target animation display mode according to an embodiment of the present application.

[0046] FIGS. 4E and 4F are schematic diagrams of yet another target animation display mode according to embodiments of the present application.

[0047] FIG. 4G is a schematic view of still another target animation display mode according to an embodiment of the present application;

[0048] FIG. 4H is a schematic view of still another target animation display mode according to an embodiment of the present application;

[0049] FIG. 5A is a schematic view of an animation effect according to an embodiment of the present application;

[0050] FIG. 5B is a schematic view of another animation effect according to an embodiment of the present application;

[0051] FIGS. 5C to 5E are schematic views of an uphill animation effect according to an embodiment of the present application;

[0052] FIGS. 5F to 5H are schematic views of a downhill animation effect according to an embodiment of the present application;

[0053] FIGS. 5I to 5K are schematic views of another uphill animation effect according to an embodiment of the present application;

[0054] FIGS. 5L to 5N are schematic views of another downhill animation effect according to an embodiment of the present application;

[0055] FIGS. 6A and 6B are schematic views of a leftward tilting animation effect according to an embodiment of the present application;

[0056] FIGS. 6C and 6D are schematic views of a rightward tilting animation effect according to an embodiment of the present application;

[0057] FIG. 6E is a schematic view of another animation effect according to an embodiment of the present application;

[0058] FIGS. 7A and 7B are schematic views of an acceleration animation effect according to an embodiment of the present application;

[0059] FIGS. 7C to 7E are schematic views of another acceleration animation effect according to an embodiment of the present application;

[0060] FIGS. 7F and 7G are schematic views of a deceleration animation effect according to an embodiment of the present application;

[0061] FIG. 7H is a schematic view of still another acceleration animation effect according to an embodiment of the present application;

[0062] FIG. 7I is a schematic view of still another deceleration animation effect according to an embodiment of the present application;

[0063] FIG. 7J is a schematic view of a visual style of another target animation according to an embodiment of the present application;

[0064] FIGS. 8A, 8B, 8C, 8D, and 8E are schematic views of a left turn and leftward tilting animation effect according to an embodiment of the present application;

[0065] FIG. 8F, FIG. 8G, FIG. 8H, FIG. 81, FIG. 8J are schematic diagrams of a right turn and right tilt animation effect according to an embodiment of the present application;

[0066] FIG. 8K, FIG. 8L, FIG. 8M, FIG. 8N, FIG. 80 are schematic diagrams of another left turn animation effect according to an embodiment of the present application;

[0067] FIG. 8P, FIG. 8Q, FIG. 8R, FIG. 8S, FIG. 8T are schematic diagrams of another right turn animation effect according to an embodiment of the present application;

[0068] FIG. 8U and FIG. 8V are schematic diagrams of a visual style according to an embodiment of the present application;

[0069] FIG. 9A and FIG. 9B are schematic diagrams of an animation effect principle according to an embodiment of the present application;

[0070] FIG. 9C and FIG. 9D are schematic diagrams of another animation effect principle according to an embodiment of the present application;

[0071] FIG. 9E is a schematic diagram of an axis rotation according to an embodiment of the present application;

[0072] FIG. 9F is a schematic diagram of another animation effect principle according to an embodiment of the present application;

[0073] FIG. 9G is a schematic diagram of yet another animation effect principle according to an embodiment of the present application;

[0074] FIG. 9H and FIG. 91 are schematic diagrams of still another animation effect principle according to an embodiment of the present application;

[0075] FIG. 9J is a schematic diagram of a loop animation principle according to an embodiment of the present application;

[0076] FIG. 9K is a schematic diagram of another loop animation principle according to an embodiment of the present application;

[0077] FIG. 9L is a schematic diagram of a function according to an embodiment of the present application;

[0078] FIG. 10A to FIG. 10D are schematic diagrams of some application scenarios of a target animation according to an embodiment of the present application;

[0079] FIG. 11A and FIG. 11B are schematic diagrams of a parameter adjustment interface according to an embodiment of the present application;

[0080] FIG. 12 is an example flowchart of a display method according to an embodiment of the present application;

[0081] FIG. 13 is a schematic diagram of a software structure of an electronic device according to an embodiment of the present application;

[0082] FIG. 14 is a schematic diagram of a hardware structure of an electronic device according to an example embodiment of the present application;

[0083] FIG. 15 is a structural schematic diagram of a chip provided by an embodiment of the present application. DETAILED DESCRIPTION

[0084] The technical solutions in the present application will be described below with reference to the drawings.

[0085] In the description of the embodiments of the present application, unless otherwise specified, " / " means or, for example, A / B can mean A or B; "and / or" herein is only a description of the association relationship of the associated objects, which means that there can be three relationships, for example, A and / or B, which can mean that A exists alone, A and B exist together, and B exists alone. In addition, in the description of the embodiments of the present application, "multiple" means two or more than two.

[0086] Hereinafter, the terms "first", "second" are only for descriptive purposes, and cannot be understood as indicating or implying relative importance or implicitly indicating the number of indicated technical features. Therefore, the features defined with "first", "second" can explicitly or implicitly include one or more of the features. In the description of the embodiments, unless otherwise specified, the meaning of "multiple" is two or more than two.

[0087] In the description of the present application, the reference "one embodiment" or "some embodiments" and the like means that the specific features, structures or characteristics described in connection with the embodiment are included in one or more embodiments of the present application. Therefore, the statements "in one embodiment", "in some embodiments", "in other some embodiments", "in other some embodiments" and the like appearing in different places in the specification are not necessarily all referring to the same embodiment, but mean "one or more but not all embodiments", unless otherwise specifically emphasized. The terms "include", "contain", "have" and their variants mean "include but not limited to", unless otherwise specifically emphasized.

[0088] In order to better understand the embodiments of the present application, the following first explains some terms involved in the embodiments of the present application, so as to facilitate the understanding of the skilled in the art.

[0089] 1. Window (Window)

[0090] A window refers to a piece of area that displays a visualized view on the screen / display interface of an electronic device. In the Android system, a Window has only one object (surface), and the Window draws its content into the surface. Each Window has a unique view hierarchy attached to it, and the views in the view hierarchy share the surface of the Window. A special view (SurfaceView) has its own dedicated surface, so that the application can directly draw content into it.

[0091] In the embodiments of the present application, the target animation is drawn on the SurfaceView, and then a service (Surface Flinger) responsible for the composition of the screen display content renders the surfaces to the screen of the electronic device according to the Z-order of the surfaces on the Z-axis.

[0092] 2. Preset area

[0093] The preset area refers to a predefined area in the screen / display interface, which is used to display the target animation.

[0094] It should be understood that the preset area can be the edge of the screen or an area that is easy to reach by the user's line of sight, i.e., the area is not the main display area of the content, but the user can easily notice it when browsing the screen.

[0095] 3. Sprite

[0096] In computer graphics, "Sprite" is usually translated as "Sprite", which refers to a two-dimensional image or animation, usually used to build characters, objects or interface elements in games. In the embodiments of the present application, Sprite is used to build animations simulating different driving / moving states of a vehicle.

[0097] 4. Inertial Measurement Unit (IMU)

[0098] IMU is a device used to measure and report the direction of a certain force, angular velocity and, in some cases, the magnetic field around an object. The IMU can usually include multiple sensors, such as acceleration sensors / accelerometers, gyroscopic sensors, etc.

[0099] Among them, the acceleration sensor is used to measure linear acceleration, and the gyroscopic sensor is used to measure angular velocity or rotational speed.

[0100] 5、Application Programming Interface (API)

[0101] API is a set of pre-defined functions or protocols used to build software and applications.

[0102] 6、Accelerometer (ACC)

[0103] ACC is a sensor used to measure acceleration, also known as an acceleration sensor. It can detect and measure the acceleration changes of an electronic device along three axes (such as X-axis, Y-axis, Z-axis) in space.

[0104] 7、Gyroscope (GYRO)

[0105] GYRO is a sensor used to measure angular velocity or rotational rate, also known as a gyroscope sensor. It can detect the rotational rate of an electronic device around three axes (such as X-axis, Y-axis, Z-axis) in space, or in other words, the angular velocity of the electronic device.

[0106] 8、Quaternion

[0107] Quaternion is used to represent and calculate rotation in three-dimensional space.

[0108] 9、Attitude Angle

[0109] Attitude angle is a set of angles used to describe the direction and position of an electronic device relative to a certain reference coordinate system. The attitude angle used in the embodiments of the present application can include Yaw angle (yaw angle), Pitch angle (pitch angle), and Roll angle (roll angle).

[0110] Yaw angle is the rotation angle around the vertical axis (Z-axis), which determines the forward direction of the object; Pitch angle is the rotation angle around the horizontal axis (X-axis), which describes the degree of upward and downward inclination of the object; Roll angle is the rotation angle around the longitudinal axis (Y-axis), which describes the left and right inclination or rolling state of the object. Among them, the X-axis, Y-axis and Z-axis can refer to FIG. 9E.

[0111] 10、Euler Angle

[0112] Euler angle is a specific representation method of attitude angle, which uses three angles to describe the rotation of an electronic device in three-dimensional space. The combination of Euler angles can be used to describe the arbitrary direction of an electronic device relative to a fixed coordinate system. Euler angles consist of three angles, usually represented as yaw angle (Yaw, β or ψ), pitch angle (Pitch, α), and roll angle (Roll, γ or φ). In the embodiments of the present application, the attitude angle is represented by Euler angle.

[0113] The above is a brief introduction to the terms involved in the embodiments of the present application, which will not be described again below.

[0114] When the motion perceived by the human eye does not match the motion perceived by the vestibular system in the human ear, the brain will be confused, which will cause a series of physiological reactions, including dizziness, nausea, vomiting, sweating, syncope, loss of appetite, increased salivation, and balance disorders, etc., which is medically known as motion sickness. Due to the difference of the vehicle, motion sickness is divided into car sickness, sea sickness, aircraft sickness (airborne motion sickness) and space motion sickness, etc.

[0115] For example, when the vehicle starts, accelerates, decelerates and brakes, the inner ear vestibular organs of the ear perceive the motion state of the vehicle relative to the ground, while the eyes see that the objects in the vehicle do not move (for example, when the user is browsing an electronic screen in the vehicle, the eyes see that the pictures or texts displayed on the electronic screen do not move), that is, the user's vision and the motion state perceived by the vestibular system are inconsistent, which causes the brain to be confused and dizziness occurs.

[0116] For ease of understanding, the car sickness principle is explained in the embodiments of the present application in conjunction with the drawings. Please refer to FIG. 1A and FIG. 1B, which are schematic diagrams of a vestibular system according to an embodiment of the present application.

[0117] As shown in FIG. 1A, our vestibular system mainly includes the utricle, the saccule and the semicircular canals (including the anterior semicircular canal, the posterior semicircular canal and the horizontal semicircular canal). Among them, the utricle and the saccule are mainly responsible for detecting linear acceleration, for example, the utricle can detect vertical motion, and the saccule can detect horizontal motion, and the semicircular canals are mainly responsible for detecting rotational acceleration.

[0118] As shown in FIG. 1B, the semicircular canals are filled with endolymph. The endolymph flows in the semicircular canals and works with the otolithic organs to help us perceive the position and motion of the head, thereby maintaining the balance of the body. For example, when the user's head suddenly rotates, the endolymph will flow in the opposite direction due to inertia, and then press the hair cells inside the vestibule, which will be stimulated to transmit nerve signals to the brain, and the brain will judge the rotation speed and direction of the head accordingly, so as to understand the balance state of the body at the moment.

[0119] When a user is in a vehicle, the brain receives two different signals from the eyes and the vestibular system at the same time. The eyes feed the brain that the inside of the vehicle is very stable, while the vestibular system feeds the brain that the body has lost its balance. Since the brain receives two completely different information at the same time, it cannot determine the authenticity of the information, and thus the brain mistakenly thinks that it is a hallucination caused by a neurotoxin. In order to protect itself, the brain induces reactions such as nausea and vomiting to clean the neurotoxin, which causes the symptoms of motion sickness. Especially when the user is browsing a mobile phone, and the vehicle is accelerating, decelerating, climbing, descending, rolling, turning, etc., the user's motion sickness symptoms will be more serious.

[0120] Therefore, the display method provided in the present application collects motion parameters (also referred to as sensor data) through an electronic device, and generates a target animation based on the motion parameters. The target animation can map different driving / motion states of a vehicle in real time. It can be understood that the 6 motion directions (i.e. forward and backward, up and down, left and right, pitch, roll, and yaw) experienced by a user sitting in a vehicle, high and low frequency motion information, and horizontal motion information are mapped into the target animation through the electronic device. Since the user's eyes are basically consistent with the electronic device, when the user watches the target animation, the motion information experienced by the user's eyes is consistent with the motion information experienced by the vestibular system, that is, the motion state of the target animation in the display interface seen by the user's eyes is consistent with the motion state of the vehicle relative to the ground experienced by the vestibular system. Thus, the conflict between the motion state perceived by the user's vision and the vestibular system can be alleviated, that is, the target animation can provide the user with visual feedback consistent with the vestibular system, thereby alleviating the user's motion sickness.

[0121] The display method provided in the present application can be applied to various scenarios of vehicle motion, which can include cars, trains, bullet trains, trams, high-speed rails, subways, hover trains, ships, airplanes, spaceships, etc. It is worth noting that the driving mode of the vehicle in the embodiments of the present application is not limited, which can be automatic driving mode or manual driving mode.

[0122] For example, the display method provided in the present application can also be applied to entertainment scenarios. For example, it can be applied to scenarios based on motion of amusement equipment, virtual reality (VR) equipment, and augmented reality (AR) equipment.

[0123] In the embodiments of the present application, the scenario of applying the display method to the user browsing the screen of the electronic device in the vehicle driving is taken as an example for description.

[0124] The vehicle can be any type of vehicle that carries people and / or objects and moves by power provided by an internal combustion engine, an electric motor, a hybrid, a battery, solar energy, etc., including but not limited to a car, a bus, a sedan, a truck, a bus, a tricycle, an electric car, a motor home, a trolley, a train, a motor train, a high-speed motor train, an entertainment vehicle, an amusement park device, a construction device, etc. The specific type of vehicle is not limited in the embodiments of the present application.

[0125] In the embodiments of the present application, the electronic device can be a mobile phone, a smart screen, a tablet computer, a wearable device (such as a smart watch, smart glasses, a smart bracelet, a smart ring, earphones, etc.), an augmented reality (AR) / virtual reality (VR) device, a notebook computer, an ultra-mobile personal computer (UMPC), a netbook, a personal digital assistant (PDA), a handheld or laptop device, a media player, a smart projector, a smart television, a desktop computer, a vehicle infotainment system, etc. The specific type of electronic device is not limited in the embodiments of the present application. It should be noted that the electronic device in the embodiments of the present application can be a combination of any one or more of the above devices.

[0126] It can be understood that for electronic devices that are easy to carry, such as a mobile phone, a tablet computer, a wearable device (such as a smart watch, smart glasses, a smart bracelet, a smart ring, earphones, etc.), an augmented reality (AR) / virtual reality (VR) device, a notebook computer, a handheld or laptop device, etc., a user can carry such devices on the body, so as to be able to browse the content displayed on the screen through these electronic devices that are easy to carry when the user is sitting in a vehicle.

[0127] Optionally, for electronic devices that are not easy to carry, such as a smart projector, a smart television, a desktop computer, etc., such devices can be pre-installed in a vehicle, such as a motor home, a trolley. When a user is sitting in a vehicle, the user can browse the content displayed on the screen of these electronic devices installed in the vehicle.

[0128] Optionally, when the electronic device is a vehicle infotainment system, the vehicle infotainment system can be pre-installed in any type of vehicle. When a user is sitting in a vehicle, the user can browse the content displayed on the display screen of the vehicle infotainment system. The display screen of the vehicle infotainment system can include but is not limited to a central control screen, a co-pilot screen, a rear seat screen, an instrument, a head-up display.

[0129] Please refer to FIG. 1C, which is a schematic diagram of an application scenario of the display method according to an embodiment of the present application. As shown in FIG. 1C, a user is sitting in a vehicle 100 and browsing the content displayed on the screen of an electronic device 200 during the driving of the vehicle 100. In the scenario shown in FIG. 1C, the user browses the content displayed on the screen by holding the electronic device 200. In a possible implementation, the electronic device 200 can also be fixed on the vehicle 100, for example, a mobile phone is fixed on a support in the vehicle for the user to use.

[0130] When the vehicle 100 is accelerating, decelerating, climbing, descending, jolting left and right, turning left and right, or performing other movements, the vestibular apparatus of the inner ear of the user's ear perceives the movement state of the vehicle 100 relative to the ground, while the eyes see the screen displayed by the electronic device 200 without movement, so that the visual and the vestibular system perception of the movement state are inconsistent, causing the brain to be confused and dizziness.

[0131] Based on this, the present application provides a display method to alleviate the motion sickness of the user. Please refer to FIG. 2A and FIG. 2B, which are schematic diagrams of a display interface of an electronic device according to an embodiment of the present application. Based on the scenario shown in FIG. 1C, that is, the vehicle 100 is in a driving state (or a movement state), the user is sitting in the vehicle 100 and browsing the content displayed on the screen of the electronic device 200. In a possible implementation, in the scenario where the alleviation of motion sickness function / mode (or the anti-motion sickness function / mode) of the electronic device 200 is not started, no matter which driving state of the vehicle 100 is detected, the display interface of the electronic device 200 displays a normal page, such as the page 201 shown in FIG. 2A. It should be understood that the content in the page 201 shown in FIG. 2A is only exemplary and the content of the displayed page is not limited in the actual application scenario.

[0132] In another possible implementation, in the scenario where the alleviation of motion sickness function / mode (or the anti-motion sickness function / mode) of the electronic device 200 is started and the vehicle 100 is detected to be in a driving state (such as accelerating, decelerating, climbing, descending, jolting left and right, turning left and right, etc.), the display interface of the electronic device 200 displays a target animation 202 on the basis of the display page 201.

[0133] The target animation 202 is used to simulate the motion state of the vehicle 100 and present to the user, that is, through the target animation 202, the motion characteristics of the vehicle 100 in the driving state (such as acceleration, deceleration, uphill, downhill, left and right jolt, left and right turning, etc.) can be dynamically simulated and fed back to the user in real time, that is, the target animation 202 simulated in real time always keeps consistent with the real-time motion state of the vehicle 100. When the user holds the electronic device 200 or the electronic device 200 is fixed in the vehicle 100, the user's eyes watch the target animation 202 displayed in the display interface, and the motion state of the target animation 202 perceived by the user's vision is consistent with the motion state of the vehicle 100 relative to the ground perceived by the user's vestibular organ, thereby being able to alleviate the conflict between the motion state perceived by the user's vision and the vestibular system, and thus alleviate the user's motion sickness. It should be understood that the target animation 202 shown in FIG. 2B is only exemplary and does not limit the visual style of the target animation 202 in the actual scene.

[0134] The anti-motion sickness function / mode can be started based on a first operation. The first operation can include at least one of a click operation, a sliding operation, a voice operation, a gesture operation, a long press operation, face recognition, eye movement recognition, head tracking, and the like for starting the anti-motion sickness function.

[0135] Optionally, in a possible implementation, the anti-motion sickness function / mode can be implemented through a developed application (such as an anti-motion sickness application), and then the anti-motion sickness function / mode is started based on the first operation, which is equivalent to starting the application based on the first operation. In an example, the first operation can be a click operation, for example, an icon of the anti-motion sickness application is displayed on the display interface, the user clicks the icon, and the electronic device starts the anti-motion sickness application in response to the click operation of the user on the icon. In another example, the first operation can also be a voice operation, for example, the user wakes up the anti-motion sickness application through voice, and the electronic device starts the anti-motion sickness application in response to the voice wake-up operation of the user, and the like.

[0136] It should be understood that the deployment manner of the application (such as the anti-motion sickness application) is not limited in the present application. For example, the application can be designed as a utility tool, a daily application, and the like, and is built in the system of the electronic device, or the application can be designed as a third-party software, and is downloaded and installed by the user.

[0137] Optionally, the present application also provides a method for starting the anti-motion sickness function / mode, which comprises: when a condition for popping up a pop-up window is met, a pop-up window is popped up on the display interface of the electronic device, the pop-up window is used to prompt / inquire the user whether to start the anti-motion sickness function / mode, and the pop-up window can also be used to prompt the user that the anti-motion sickness function / mode has been started or closed.

[0138] In one example, the pop-up window can include a smart recommendation card, and in response to an operation of starting the anti-dizzy function / mode made on the smart recommendation card, the electronic device starts the anti-dizzy function / mode, such as starting the anti-dizzy application. Alternatively, in response to an operation of rejecting the starting of the anti-dizzy function / mode made on the smart recommendation card, the electronic device does not start the anti-dizzy function / mode, such as not starting the anti-dizzy application.

[0139] Optionally, the number of times of displaying the pop-up window on the display interface is not limited, and can be one or more times. It should be understood that when the pop-up window is displayed multiple times, the time interval between the adjacent two times of displaying the pop-up window is not limited.

[0140] Optionally, after the user makes the starting or rejecting operation on the smart recommendation card, the electronic device can close the smart recommendation card, that is, the smart recommendation card is not displayed on the display interface.

[0141] The condition of the recommendation card can include detecting that the user enters any one of a car mode, a ship mode, an airplane mode, etc.

[0142] Referring to FIG. 2C, FIG. 2C is a schematic diagram of a smart recommendation card provided by an embodiment of the present application. As shown in FIG. 2C, the display interface displays a pop-up smart recommendation card, which includes prompt information “detecting that you enter a car mode” and “whether to start the anti-dizzy display mode” and further includes a control for starting the anti-dizzy function, such as the control “yes”, and a control for rejecting the starting of the anti-dizzy function, such as the control “no”. The user can select “yes” or “no” according to the user’s own needs, and the electronic device starts the anti-dizzy function / mode or rejects the starting of the anti-dizzy function / mode in response to the user’s operation.

[0143] For example, the user clicks the control “yes” in the smart recommendation card, and the electronic device starts the anti-dizzy application in response to the user’s clicking operation on the control “yes”, and can display the interface shown in FIG. 2B.

[0144] Optionally, in one possible implementation, the condition of displaying the pop-up window can further include that after detecting that the user enters any one of a car mode, a ship mode, an airplane mode, etc., it is detected whether the handheld angle (such as the Pitch angle and the Roll angle) of the electronic device is maintained in a preset angle range for a preset time length. For example, the user holds the electronic device, and the screen mode can be a horizontal screen mode or a vertical screen mode. It is detected that the Pitch angle of the electronic device is in a first preset angle range, the Roll angle of the electronic device is in a second preset angle range, and the handheld angle is maintained for a preset time length, and it is determined that the electronic device meets the condition of displaying the pop-up window.

[0145] The first preset angle range, the second preset angle range, and the preset time length can be set and adjusted according to actual scenarios, and are not limited in this regard. For example, the first preset angle range corresponding to the pitch angle can be -20°-90°, the second preset angle range corresponding to the roll angle can be -20°-20°, and the preset time length can be 5S, 8S, 10S, and the like.

[0146] Optionally, when the electronic device supports a front-facing auto-focusing function (such as a front-facing itof function or a front-facing AO camera), the condition for popping up the pop-up window can further include detecting whether the user gazes at a preset area for a preset gazing time after detecting that the user enters any one of a car mode, a ship mode, and an airplane mode. If the user gazes at the preset area for the preset gazing time, the pop-up window is automatically popped up. The preset area can include an eye tracking area on the screen, and the preset gazing time can be set and adjusted according to actual scenarios, and is not limited in this regard. For example, the preset gazing time can be 3 seconds, 5 seconds, 8 seconds, 1 minute, 2 minutes, 5 minutes, and the like.

[0147] This way of popping up the pop-up window simplifies the operation of starting the anti-dizzy function / mode, improves efficiency, and enhances user experience.

[0148] Optionally, in a possible implementation, the embodiment of the present application further provides a method for starting an anti-dizzy function / mode, which includes: in response to a downward sliding operation on the top of a display interface, displaying a control center interface (such as an interface corresponding to a status bar) in the display interface; and displaying a buffer mode icon in the control center interface of the electronic device, so that the user can quickly start the anti-dizzy function / mode by clicking the buffer mode icon.

[0149] Please refer to FIGS. 2D and 2E, which are schematic diagrams for quickly starting a buffer mode according to an embodiment of the present application. As shown in FIG. 2D, the user can perform a downward sliding operation (such as a single-finger downward sliding operation) on the top of the screen (such as the right side of the top), and the electronic device opens an interface corresponding to a status bar in response to the single-finger downward sliding operation of the user, as shown in FIG. 2E. The buffer mode icon can be displayed in the interface corresponding to the status bar, and the electronic device quickly starts the anti-dizzy function / mode in response to the operation of the user clicking the buffer mode icon. After starting the anti-dizzy function / mode, the electronic device can display the interface shown in FIG. 2B.

[0150] In this implementation, the operation of starting the anti-dizzy function / mode is simplified, efficiency is improved, and user experience is enhanced.

[0151] Optionally, in a possible implementation, the embodiment of the present application further provides a method for opening the anti-motion sickness function / mode. Referring to FIGS. 2F-2H, FIGS. 2F-2H are schematic diagrams of another quick opening method of the anti-motion sickness mode provided by the embodiment of the present application. For example, the user opens the “Settings” function in the electronic device, and the electronic device displays a settings interface, as shown in FIG. 2F. The settings interface can include options such as notification and status bar, intelligent assistant, and auxiliary function, and the user selects the “Auxiliary Function” option by clicking operation. The electronic device displays an auxiliary function interface in response to the clicking operation of the user, as shown in FIG. 2G. The auxiliary function interface can include an anti-motion sickness mode option and a switch corresponding to the anti-motion sickness mode, which is used to open or close the anti-motion sickness function / mode. When the user clicks the switch corresponding to the anti-motion sickness mode shown in FIG. 2G, the electronic device displays an interface as shown in FIG. 2H, and simultaneously opens the anti-motion sickness function / mode. After the anti-motion sickness function / mode is opened, the electronic device can display an interface as shown in FIG. 2B.

[0152] Optionally, in a possible implementation, the embodiment of the present application further provides a prompting method, which includes: when the anti-motion sickness function / mode is opened for the first time, displaying a prompt interface on the display interface. For example, the prompt interface can include “user guide” content (such as the principle of motion sickness, how to use the anti-motion sickness application, etc.), function value content, implementation principle content, target animation effect display content, etc. In this implementation, when the anti-motion sickness function / mode is opened for the first time, the prompt interface reminds the user to read the principle that the target animation in the anti-motion sickness application can relieve motion sickness, so as to help the user understand and use the anti-motion sickness application more quickly, thereby better relieving motion sickness.

[0153] It is worth noting that the target animation 202 presented in the present application can be adaptively rendered according to the content displayed by the page 201. For example, the electronic device 200 can adjust the color of the target animation 202 according to the color of the page 201, so that the color of the target animation 202 is coordinated with or contrasted with the color of the page 201, which is conducive to the user's perception of the target animation 202 and viewing of the target animation 202 in different scenarios. For another example, the electronic device 200 can adjust the opacity of the target animation 202, so that the target animation 202 does not block the content displayed by the page 201, and the like. In this way, the integration between the target animation and the content displayed by the display interface can be improved, the invasion brought by the target animation to the content displayed by the display interface can be reduced, the feedback effect of the target animation is improved, and the user experience is improved.

[0154] In another possible implementation, in a scenario where the anti-motion sickness function / anti-motion sickness mode of the electronic device 200 is turned on, if it is detected that the vehicle 100 is in an off state, a stop state, a uniform speed driving / stable driving state, etc., in order to improve the user's browsing experience, the target animation 202 is not displayed on the display interface of the electronic device 200. In this scenario, the display interface of the electronic device 200 displays a normal page in the user's view, such as the page 201 shown in FIG. 2A.

[0155] The target animation 202 not being displayed can be implemented by hiding the target animation 202, turning off the target animation 202, adjusting the transparency of the target animation 202, adjusting the layering order of the target animation 202, adjusting the priority of the target animation 202, setting the target animation 202 to be invisible, etc.

[0156] The following first describes the constitution of the target animation provided in the present application in conjunction with the accompanying drawings.

[0157] The target animation in the present application is designed based on the principle of motion sickness or the principle of vestibular system perception, and integrates the motion information of the anterior semicircular canal, the posterior semicircular canal, the utricle, the saccule, and the horizontal semicircular canal. Please refer to FIG. 3A, which is a target animation design diagram according to an embodiment of the present application. As shown in FIG. 3A, the motion information detected by the anterior semicircular canal and the posterior semicircular canal in the user's vestibular system, the motion information detected by the utricle and the saccule, and the motion information detected by the horizontal semicircular canal are mapped into the target animation.

[0158] The visual style of the target animation provided in the present application is various to adapt to different simulation requirements and target audiences.

[0159] Exemplarily, the target animation is used to simulate different driving / motion states of the vehicle, and the visual style of the target animation can include a water ripple style, a sea wave style, a particle motion style, a line style, a board (such as a roller skate, a skateboard, etc.) motion style, a character motion style, a track style, a two-dimensional animation style, a three-dimensional (3Dimensions) animation style, etc. For example, water ripples, sea waves, particles, lines, roller skates, skateboards, tracks, etc. are used to simulate the motion trajectories of the vehicle in different driving / motion states. In the embodiment of the present application, the user can select target animations of different styles according to his / her preferences. Correspondingly, the electronic device displays target animations of different styles on the display interface according to the user's different selections.

[0160] For ease of understanding, the visual style of the target animation is taken as the track style in the embodiments of the present application. The target animation of the track style includes at least one animation element, such as a Sprite. The animation element refers to a two-dimensional image displayed on the display screen / display interface of the electronic device, and thus the animation element can also be referred to as a display image, a moving image, a two-dimensional image, etc. in the present application. Please refer to FIGS. 3B-3L, which are schematic diagrams of various target animations according to the embodiments of the present application.

[0161] In a possible implementation, as shown in FIG. 3B, the animation element 301 (or referred to as the display image 301) can include a track element 3011 and a movable element 3012. In the present example, the track element 3011 refers to an image of the track style displayed on the display screen / display interface of the electronic device, and the movable element 3012 refers to a movable image displayed on the display screen / display interface of the electronic device. The track element 3011 is located below the movable element 3012, and correspondingly, the movable element 3012 is located above the track element 3011. The movable element 3012 can move freely in any direction within the track formed by the track element 3011. Generally, the size of the movable element 3012 is smaller than the size of the track element 3011, and thus when the movable element 3012 moves in the track element 3011, the movement characteristics of the vehicle in different driving / moving states can be more obviously fed back. It should be understood that in the embodiments of the present application, the electronic device can adaptively adjust the display size of the track element 3011 and / or the movable element 3012, and the user can also adjust the display size of the track element 3011 and / or the movable element 3012 according to his / her own preferences, so as to generate more different target animations and present more different animation effects.

[0162] It is worth noting that the visual style of the track element 3011 shown in FIG. 3B is a runway track style, which is only exemplary and does not limit the visual style of the track element 3011 in actual scenarios. For example, the visual style of the track element 3011 can also be a rectangular style, a circular style, a wavy line style, an irregular style, etc.

[0163] Similarly, the visual style of the movable element 3012 shown in FIG. 3B is a small ball style, which does not limit the visual style of the movable element 3012 in actual scenarios. For example, the visual style of the movable element 3012 can also be a geometric style (such as a rectangular style, an elliptical style, a star style, etc.), an animal style, a human style, a cartoon style, a plant style, an irregular shape style, etc.

[0164] Optionally, the visual style of the track element and the movable element can be customized. For example, a user sets a picture or a custom graphic as the visual style of the track element and / or the movable element.

[0165] Optionally, the visual style of the track element and the movable element can be changed in real time according to the current weather, season, environment, road condition, path, etc. For example, the visual style of the movable element can also be water droplet style, sunlight (sun) style, snowflake style, leaf style, bubble style, stone style, etc.

[0166] In another possible implementation, as shown in FIG. 3C, the animation element 301 can only include the track element 3013. Similarly, the visual style of the track element 3013 shown in FIG. 3C is a runway track style, which is only exemplary and does not limit the visual style of the track element 3013 in actual scenarios. In this implementation, since the movable element is reduced, the target animation based on this type of animation element has low complexity, making the target animation easier to maintain, while also saving the memory resources of the electronic device and reducing the power consumption of the electronic device.

[0167] In yet another possible implementation, the animation element can only include the movable element. In this implementation, since the track element is reduced, the target animation based on this type of animation element has low complexity, making the target animation easier to maintain, while also saving the memory resources of the electronic device and reducing the power consumption of the electronic device.

[0168] The above describes one animation element constituting a target animation in combination with FIGS. 3B and 3C. The following describes a target animation based on multiple animation elements in combination with FIGS. 3D to 3F.

[0169] In the embodiments of the present application, the target animation can include one or more animation elements. When the target animation includes multiple animation elements, the animation elements are arranged according to a preset arrangement mode to obtain an element group. One or more element groups are constructed based on this mode, and the target animation is constructed according to at least one element group. The preset arrangement mode can include linear arrangement (such as horizontal linear arrangement, vertical linear arrangement, etc.), grouping arrangement, alignment arrangement, parallel arrangement, staggered arrangement, column arrangement, matrix arrangement, stacking arrangement, dynamic arrangement, modular arrangement, etc.

[0170] In one example, as shown in FIG. 3D, the target animation 302 can include a track group 3021 and a track group 3022. Among them, the track group 3021 is obtained by vertically and linearly arranging 5 animation elements based on the electronic device, and the track group 3022 is the same. It can be understood that the number of animation elements constituting the track group shown in FIG. 3D is only exemplary, and the number of animation elements constituting the track group in the actual scene can be more or less than the number of animation elements shown in FIG. 3D. In this implementation, since each track group contains a movable element, the subsequent animation simulated by the movable element is more flexible and coordinated, which can more realistically present the motion characteristics of the vehicle in different driving / motion states and enhance the user's visual experience.

[0171] In another example, as shown in FIG. 3E, the target animation 302 can include a track group 3023 and a track group 3024. The difference between the target animation shown in FIG. 3D is that each animation element in the track group 3024 on the right side shown in FIG. 3E does not include a movable element.

[0172] In yet another example, as shown in FIG. 3F, the target animation 302 can include a track group 3025 and a track group 3026. The difference between the target animation shown in FIG. 3D is that each animation element in the track group 3025 on the left side shown in FIG. 3F does not include a movable element.

[0173] In another example, as shown in FIG. 3G, the target animation 302 can include a track group 3027 and a track group 3028. The difference between the target animation shown in FIG. 3D is that each animation element in the track group 3027 and the track group 3028 shown in FIG. 3G does not include a movable element.

[0174] In yet another example, as shown in FIG. 3H, the target animation 302 can include a track group 3029 and a track group 3030. The difference between the target animation shown in FIG. 3D is that each animation element in the track group 3029 and the track group 3030 shown in FIG. 3H only includes a movable element. It should be understood that the target animation 302 can also only include the track group 3029 or the track group 3030, and the position of the track group 3029 and / or the track group 3030 in the display interface is not limited.

[0175] In another example, the movable elements in the target animation can be evenly distributed in the preset area of the electronic device, as shown in FIG. 3I.

[0176] In yet another example, the movable elements in the target animation can be evenly distributed in the preset area of the electronic device in different display sizes and different display quantities, as shown in FIG. 3J. Compared with the target animation shown in FIG. 3I, the target animation shown in FIG. 3J has two columns of movable elements on each side, and the display sizes are different.

[0177] In another example, the movable elements in the target animation can be distributed in the preset area of the electronic device in different display colors and / or different transparencies, as shown in FIG. 3K. Compared with the target animation shown in FIG. 31, in the target animation shown in FIG. 3K, there are two columns of movable elements on each side, and the display colors and / or transparencies are different. In another example, as shown in the target animation in FIG. 3L, there are three columns of movable elements on each side, and the display colors and / or transparencies of the movable elements in each column are different. It should be noted that the target animation can also be displayed on only one side, which is not shown in the figure.

[0178] It should be understood that the display modes of the target animations shown in FIGS. 3B to 3L are only exemplary, and in actual application, a plurality of different display modes can be generated according to any combination of different numbers, arrangement modes, display colors, display sizes, display areas (display positions), transparencies, visual styles, movement modes, movement speeds, movement effects (such as fade-in and fade-out effects, cyclic fade-in and fade-out effects, scrolling effects, trailing effects, etc.) of the animation elements.

[0179] In the above-mentioned implementation modes, either the track elements or the movable elements are reduced, which reduces the complexity of the target animation as a whole, makes the target animation easier to maintain, and at the same time, saves the memory resources of the electronic device and reduces the power consumption of the electronic device.

[0180] The display modes of the target animation in the display interface of the electronic device will be introduced below with reference to the accompanying drawings.

[0181] In the embodiments of the present application, the scenario in which the target animation includes two track groups and the animation elements in each track group include movable elements is taken as an example for description.

[0182] In one example, the user uses the vertical screen mode of the electronic device (such as a mobile phone), that is, the layout of the screen / display interface of the electronic device (such as a mobile phone) is vertical, and the two track groups of the target animation can be distributed in the preset area of the electronic device. Please refer to FIG. 4A, which is a schematic diagram of a preset area according to an embodiment of the present application. As shown in FIG. 4A, the preset area can include a left preset area 401 and / or a right preset area 402. The right preset area 402 refers to a rectangular touch control area extending from the right edge of the screen to the left side, and the left preset area 401 refers to a rectangular touch control area extending from the left edge of the screen to the right side.

[0183] Please refer to FIG. 4B, which is a schematic diagram of a display mode of a target animation according to an embodiment of the present application. As shown in FIG. 4B, when the electronic device (such as a mobile phone) is in the vertical screen mode, the two track groups of the target animation are distributed in the left preset area and the right preset area, respectively.

[0184] In another example, the user uses the horizontal screen mode of the electronic device (e.g., a mobile phone), i.e., the layout of the screen / display interface of the electronic device (e.g., a mobile phone) is horizontal, and the two track groups of the target animation can still be distributed in the preset area of the electronic device. Unlike the vertical screen mode, the preset area changes in the horizontal screen mode. Please refer to FIG. 4C, which is another schematic diagram of a preset area according to an embodiment of the present application. As shown in FIG. 4C, the preset area can include a first preset area 403 and / or a second preset area 404.

[0185] Please refer to FIG. 4D, which is another schematic diagram of a target animation display mode according to an embodiment of the present application. As shown in FIG. 4D, when the electronic device (e.g., a mobile phone) is in the horizontal screen mode, the two track groups of the target animation are distributed in the first preset area 403 and the second preset area 404, respectively.

[0186] In yet another example, the user uses the split screen mode of the electronic device (e.g., a mobile phone), i.e., the display interface of the electronic device (e.g., a mobile phone) is divided into two or more independent display areas, and each display area can independently run different applications or display different content. In this application scenario, the target animation can be displayed in any independent display area. Please refer to FIG. 4E and FIG. 4F, which are schematic diagrams of yet another target animation display mode according to an embodiment of the present application. As shown in FIG. 4E, the display interface of the electronic device (e.g., a mobile phone) is divided into a display area 405 and a display area 406. The display area 406 is used to display a normal page (e.g., application corresponding content, system interface, etc.), and the display area 405 is used to independently display the target animation, or to suspend the display of the target animation, or to superimpose the display of the target animation.

[0187] For example, independently displaying the target animation means that only the target animation is displayed in the display area 405, and no other page is displayed. Superimposing the display of the target animation means that in addition to displaying the target animation, other pages can also be displayed in the display area 405. The other pages can include a color background (using a single color or a gradient color as a background), an image background (using any image as a background), a texture background (using a texture pattern as a background), a normal page (e.g., application corresponding content, system interface, etc.), a dynamic background, etc. Suspend the display of the target animation means that the target animation is displayed above the other pages in the display area 405. It can be understood that the window corresponding to the target animation provided by the present application is a floating window, which can be displayed above the other pages without blocking or interfering with the normal use of the other pages.

[0188] As shown in FIG. 4F, the display interface of the electronic device (such as a mobile phone) is divided into a display area 407 and a display area 408. The difference from FIG. 4E is that the target animation in FIG. 4F is displayed in the display area below the display interface, that is, in the display area 408. It should be understood that in an actual application scenario, the user can choose to display the target animation in different display areas according to his own preferences. Accordingly, the electronic device displays the target animation in different display areas according to the different choices of the user.

[0189] In another example, the electronic device used by the user is a folding screen device. When the folding screen device is in a folded state, the screen can be divided into two independent display areas, and each display area can independently run different application programs or display different content. In this application scenario, the target animation can be displayed in any one of the independent display areas. Please refer to FIG. 4G, which is a schematic diagram of another target animation display method according to an embodiment of the present application. As shown in FIG. 4G, the screen of the electronic device is divided into a display area 409 and a display area 410. Among them, the display area 409 is used to independently display the target animation, or to suspend the display of the target animation, or to superimpose the display of the target animation, and the display area 410 is used to display a normal page (such as application program corresponding content, system interface, etc.). Optionally, in a possible implementation manner, the display area 410 can also be used to independently display the target animation, or to suspend the display of the target animation, or to superimpose the display of the target animation, and correspondingly, the display area 409 can also be used to display a normal page (such as application program corresponding content, system interface, etc.).

[0190] When the folding screen device is in an unfolded state, the entire screen can be used as a continuous display area, and the two track groups of the target animation can be distributed in the preset area of the electronic device. Please refer to FIG. 4H, which is a schematic diagram of another target animation display method according to an embodiment of the present application. As shown in FIG. 4H, the two track groups of the target animation are respectively distributed in the left preset area 411 and the right preset area 412.

[0191] It is worth noting that the display method of the target animation in the display interface of the electronic device can be flexibly adjusted, and the display method in the actual application scenario is used as the criterion, and no limitation is made.

[0192] The display method of the target animation in the display interface of the electronic device is introduced above in combination with the drawings, and the animation effect of the target animation simulating the vehicle in different driving / moving states is described below in combination with the drawings.

[0193] Animation effect 1. The animation effect of the target animation simulating the vehicle in a stable driving / moving state.

[0194] The smooth driving / moving state refers to a state in which the vehicle can maintain a stable speed and direction during driving / moving, and sudden acceleration, deceleration, turning, uphill, downhill, bumping, etc. do not occur. In the smooth driving / moving state, the operation of the vehicle is smooth and continuous.

[0195] Exemplarily, when it is detected that the vehicle is in the smooth driving / moving state (such as the off state, the stopped driving state, the temporary parking state, etc.), the target animation is controlled to be located in a preset area of the display interface of the electronic device. The preset area can be any area in the display interface. For example, the preset area can include the left and right side areas of the display interface (such as the left preset area 401 and the right preset area 402 shown in FIG. 4A, or the first preset area 403 and the second preset area 404 shown in FIG. 4C, or the left preset area 411 and the right preset area 412 shown in FIG. 4H, etc.), the upper area of the display interface (such as the upper one-third area of the display interface, or the top status bar area, etc.), the lower area of the display interface (such as the lower one-third area of the display interface, or the bottom status bar area, etc.), the central area of the display interface (an area other than the upper area and the lower area), or a combination of any multiple areas.

[0196] In the embodiments of the present application, the target animation located in the preset area of the electronic device is taken as an example for illustration. Please refer to FIG. 5A, which is a schematic diagram of an animation effect according to an embodiment of the present application. As shown in FIG. 5A, the target animation 501 includes two track groups, namely track group 5011 and track group 5012, and each track group includes animation elements including movable elements. When it is detected that the vehicle is in the smooth driving / moving state, the track group 5011 of the target animation 501 is controlled to be located in the middle position of the left preset area, and the track group 5012 is controlled to be located in the middle position of the right preset area.

[0197] Please refer to FIG. 5B, which is another schematic diagram of an animation effect according to an embodiment of the present application. The difference between the target animation shown in FIG. 5B and the target animation shown in FIG. 5A is that the animation elements in the track group 5013 and the track group 5014 do not include movable elements.

[0198] It should be understood that the visual style of the target animation, the number of animation elements, the color of the animation elements, the arrangement manner of the animation elements, and the position of the target animation shown in FIG. 5A and FIG. 5B are exemplary and do not limit the target animation in actual application scenarios.

[0199] It should be noted that, in the embodiments and subsequent embodiments, in order to better show the animation effect of the target animation, the normal page (such as the content corresponding to the application, the system interface, etc.) displayed by the electronic device display interface is replaced with a black background. In actual application scenarios, the target animation can be independently displayed in the display interface, or displayed floating on the normal page, or displayed superimposed on the normal page. The user can choose different display modes according to his own preferences. Correspondingly, the electronic device displays the target animation in different display modes according to the user's different choices.

[0200] Optionally, in a possible implementation, the electronic device can adaptively adjust the display size of the target animation. For example, the electronic device can adaptively adjust the display size of the target animation according to the type of the currently acquired electronic device, the screen mode (such as a horizontal screen mode, a vertical screen mode, a split screen mode, a folding screen mode, etc.), the screen size / display interface size, etc. For example, the electronic device is a mobile phone, the screen mode is a vertical screen mode, and the screen resolution of the mobile phone is 1400x640. The size of the track in the track element is adjusted to 66x30, and the diameter of the ball in the movable element is adjusted to 25. This is only an example and is not limited in this regard.

[0201] Optionally, in a possible implementation, since the visual sensitivity of each user is different, for some users, the greater the feedback degree of the target animation, the more obvious the visual impact, and the better the effect of relieving motion sickness. For example, in some scenarios, the greater the motion amplitude of the vehicle, the greater the deformation amplitude of the target animation, and the greater the feedback degree it presents. For other users, the feedback degree of the target animation is small, the visual experience is comfortable, and the effect of relieving motion sickness is better.

[0202] Optionally, in the display method provided by the embodiments of the present application, the user can also adjust the size of any one or more elements in the target animation according to his own preferences. Correspondingly, the electronic device responds to the user's size adjustment operation and displays the target animation with the adjusted size.

[0203] Optionally, in a possible implementation, when it is detected that the vehicle is in an off state or a stop state, the target animation can also be controlled to be located at the first position of the electronic device display interface.

[0204] Optionally, in a possible implementation, the target animation can also be controlled to be located at the first position of the display interface of the electronic device when it is detected that the acceleration of the vehicle is small. The acceleration being small refers to the acceleration being less than a first acceleration threshold or the acceleration being within a first acceleration range. It should be understood that the first acceleration threshold and the first acceleration range can be set or adjusted according to actual conditions, and are not limited in this regard. For example, the first acceleration threshold can be 0.3 m / s2, 0.5 m / s2, etc., and the first acceleration range can be 0.1-0.3 m / s2, 0.1-0.5 m / s2, etc.

[0205] Optionally, in a possible implementation, when it is detected that the vehicle is continuously in a stable driving / moving state, or in an engine-off state, or in a stopped driving state, or in a small acceleration scenario, the electronic device can adaptively adjust the transparency of the target animation. The continuously refers to being within a first preset time length. It should be understood that the first preset time length can be set or adjusted according to actual conditions, and is not limited in this regard. For example, the first preset time length can be 300 ms, 500 ms, 1 s, 2 s, 1 min, 2 min, 5 min, etc.

[0206] For example, when it is detected that the vehicle is continuously in a stable driving / moving state, the electronic device can automatically start a transparency increasing mode. The transparency increasing mode is used to increase the transparency of the target animation, so that the target animation gradually becomes transparent and eventually completely transparent, and is invisible to the user.

[0207] Correspondingly, when it is detected that the vehicle is no longer in a stable driving / moving state, or in an engine-off state, or in a stopped driving state, or in a small acceleration scenario, the electronic device can automatically start a transparency decreasing mode. The transparency decreasing mode is used to decrease the transparency of the target animation, so that the target animation gradually becomes solid and is visible to the user. It should be understood that even if the transparency of the target animation is decreased, the target animation will not completely block the normal page displayed on the display interface, i.e., will not affect the normal display of the normal page, and the user can still clearly see the content in the normal page.

[0208] For example, the electronic device can adjust the transparency of the target animation based on an RGBA (Red, Green, Blue, Alpha) color space model. For example, the transparency of the target animation is adjusted by adjusting the Alpha channel of the target animation. In the RGBA color space model, R is red, G is green, B is blue, and A is transparency.

[0209] Optionally, whether the target animation is made more transparent or less transparent, the change in the target animation transparency can be a smooth and gradual transition. For example, when the target animation is made more transparent, the target animation gradually changes from opaque to transparent, showing a fade-out effect; for another example, when the target animation is made less transparent, the target animation gradually changes from transparent to opaque, showing a fade-in effect. This transition enhances the visual effect, makes the target animation look more natural, and improves the user experience.

[0210] Optionally, in a possible implementation, when it is detected that the vehicle is continuously in a stable driving / moving state, or in an engine-off state, or in a stopped driving state, or in a scenario with small acceleration, the electronic device can also make the target animation unnoticeable to the user by hiding the target animation, closing the target animation, adjusting the layering order of the target animation, setting the target animation to be invisible, adjusting the priority of the target animation, minimizing the target animation, and the like. In this implementation, when the vehicle is in these states, the degree of motion sickness of the user is relatively low, and the target animation is unnoticeable to the user, completely avoiding the intrusion of the target animation on the normal page and improving the user's browsing experience.

[0211] Optionally, in a possible implementation, the electronic device can also determine how to adjust the transparency of the target animation according to the offset of the animation element, and / or the horizontal angular velocity corresponding to the animation element, and the like, which will be described in subsequent embodiments.

[0212] Optionally, in a possible implementation, since the visual sensitivity of each user is different, for some users, the higher the transparency of the target animation, the lower the sense of intrusion on the normal page, and the more comfortable the user's visual experience, so that the effect of relieving motion sickness is better. For other users, the lower the transparency of the target animation, the stronger the visual impact on the user, so that the effect of relieving motion sickness is better. Therefore, in the display method provided by the embodiments of the present application, the user can also adjust the transparency of the target animation according to his / her preference. Correspondingly, the electronic device displays the target animation with the adjusted transparency in response to the user's operation of adjusting the transparency.

[0213] It is worth noting that whether the electronic device adjusts the transparency of the target animation adaptively or the user adjusts the transparency of the target animation, the transparency of any one or more elements in the target animation can be adjusted.

[0214] Animation effect 2. The target animation simulates the animation effect of the vehicle driving / moving on an uphill slope and a downhill slope.

[0215] In a possible implementation scenario, the uphill and downhill driving / moving state refers to that the vehicle is driving / moving along a road with a certain slope. In another possible implementation scenario, the uphill and downhill driving / moving state also refers to that the vehicle is retreating along a road with a certain slope. The vehicle ups and downs according to different conditions of the road, and the ups and downs can be random or regular. For example, when the vehicle passes through a deceleration strip, the ups and downs are regular.

[0216] In the embodiments of the present application, the ups and downs of the element group (such as the track group) in the target animation in the display interface represent (or map) the uphill and downhill movement of the vehicle in the real world.

[0217] For example, when the vehicle is uphill, the track group of the target animation in the display interface moves downward. For example, it is detected that the slope moves by a first pixel value for each unit angle (such as 1°) change. Through the target animation in this scenario, the effect of the vehicle uphill can be simulated.

[0218] For another example, when the vehicle is downhill, the track group of the target animation in the display interface moves upward. For example, it is detected that the slope moves by a second pixel value for each unit angle (such as 1°) change. Through the target animation in this scenario, the effect of the vehicle downhill can be simulated.

[0219] It should be understood that the first pixel value and the second pixel value can be set and adjusted according to actual conditions, and the first pixel value and the second pixel value can be the same or different, which is not limited. For example, the first pixel value can be 20, 40, 60, 80, etc., and the second pixel value can also be 20, 40, 60, 80, etc.

[0220] Optionally, in a possible implementation, the track group is pre-configured with a lower boundary threshold for downward movement and an upper boundary threshold for upward movement. The lower boundary threshold is a limit of the lowest position that the track group can reach when moving downward in the display interface, and the upper boundary threshold is a limit of the highest position that the track group can reach when moving upward in the display interface. It should be understood that the lower boundary threshold and the upper boundary threshold can be set and adjusted according to the screen size / display interface size of the electronic device. In this implementation, the track group is configured with the boundary threshold, which ensures that the track group moves within a certain range, effectively prevents the track group from moving beyond the visible range of the screen / display interface, ensures that the user can always see the movement of the track group in the target animation, improves the user's visual experience, and better alleviates the user's car sickness.

[0221] Optionally, in a possible implementation, the lower boundary threshold and the upper boundary threshold can also be set or adjusted according to the screen size / display interface size of the electronic device and the length of the track group, so as to ensure that the track group does not move completely out of the visible range of the screen / display interface. That is, in some possible implementation scenarios, the track group can move out of a part of the screen / display interface, but not completely out of the visible range of the screen / display interface. In this implementation, the track group is allowed to move out of a part of the screen / display interface, giving the user a dynamic expansion feeling, helping the user to better focus on the target animation, and thus better relieving the user's car sickness.

[0222] Optionally, in a possible implementation, an initial position of the track group in the target animation is preset. The initial position is used to display the track group at the initial position when the target animation is initially displayed on the display interface. The initial position can be set or adjusted according to actual conditions, which is not limited. For example, the initial position can include a central region of the screen / display interface, a central region corresponding to a preset region of the electronic device (for example, the position of the track group shown in FIG. 4B), and the like. In this implementation, when the track group in the target animation is initially displayed, the track group is located in the middle of the screen / display interface, which can ensure that the track group does not directly move out of the visible range of the screen / display interface when moving upward or downward, and ensure that the user can always see the movement of the track group in the target animation, improve the user's visual experience, and better relieve the user's car sickness.

[0223] Please refer to FIGS. 5C-5E, which are schematic diagrams of an uphill animation effect according to an embodiment of the present application. As shown in FIG. 5C, the two track groups of the target animation are located at the initial position, for example, the two track groups of the target animation are located in the central region corresponding to the preset region of the electronic device. As shown in FIGS. 5D and 5E, when it is detected that the vehicle is moving uphill, the track groups of the target animation in the display interface gradually move downward.

[0224] Please refer to FIGS. 5F-5H, which are schematic diagrams of a downhill animation effect according to an embodiment of the present application. As shown in FIG. 5F, the two track groups of the target animation are located at the initial position, for example, the two track groups of the target animation are located in the central region corresponding to the preset region of the electronic device. As shown in FIGS. 5G and 5F, when it is detected that the vehicle is moving downhill, the track groups of the target animation in the display interface gradually move upward.

[0225] It can be understood that the electronic device (such as a mobile phone) in the vehicle is initially placed on a horizontal plane at a certain inclined angle, a small ball is placed in the mobile phone, the mobile phone moves and the small ball in the mobile phone also moves. When the vehicle is moving uphill, the front end of the vehicle is raised relative to the ground, the front end of the mobile phone is also inclined upward, and the small ball moves downward correspondingly. When the vehicle is moving downhill, the front end of the vehicle is lowered relative to the ground, the front end of the mobile phone is also inclined downward, and the small ball moves upward correspondingly. It should be understood that the small ball is only used as an example to illustrate the principle of simulating the uphill and downhill movement of the vehicle by the target animation, and the actual style of the target animation is not limited in the actual application scenario.

[0226] Exemplarily, in a possible implementation, the electronic device can adaptively adjust the display size of each animation element in the target animation and the spacing between the animation elements. For example, the electronic device can adaptively adjust the display size of each track (such as widening and / or lengthening the track, etc.), the display size of each small ball, the spacing between the tracks, the spacing between the track groups, and the like.

[0227] Exemplarily, in another possible implementation, the user can also adjust the display size of each track, the display size of each small ball, the spacing between the tracks, the spacing between the track groups, and the like according to his / her own preferences. In the two implementations, the target animation can exhibit a variety of visual effects to meet the different visual needs of the user.

[0228] Please refer to FIGS. 5I-5K, which are schematic diagrams of another uphill animation effect according to an embodiment of the present application. As shown in FIG. 5I, the two track groups of the target animation are located at the initial position, such as the center region of the preset region of the electronic device. The difference between the target animation shown in FIG. 5I and the target animation shown in FIG. 5C is that the spacing between the tracks of the target animation shown in FIG. 5I is larger, and the animation elements in the target animation do not include movable elements (such as small ball style movable elements). As shown in FIGS. 5J and 5K, when it is detected that the vehicle is moving uphill, the track groups of the target animation in the display interface gradually move downward.

[0229] Please refer to FIGS. 5L-5N, which are schematic diagrams of another downhill animation effect according to an embodiment of the present application. As shown in FIG. 5L, the two track groups of the target animation are located at the initial position. As shown in FIGS. 5M and 5N, when it is detected that the vehicle is moving downhill, the track groups of the target animation in the display interface gradually move upward.

[0230] When the user uses the electronic device in the vehicle, the electronic device is relatively stationary with respect to the user's eyes, so the motion state of the electronic device is basically consistent with the motion state of the vehicle and the motion state of the user's body. That is, the motion state of the user's body and the motion state of the electronic device are similar. In the present scheme, the motion state of the electronic device is mapped through the target animation, which is equivalent to mapping the motion state of the vehicle through the target animation, and the user's eyes are basically consistent with the electronic device. When the user watches the target animation, the motion information sensed by the user's eyes is consistent with the motion information sensed by the vestibular system, that is, the motion state of the target animation in the display interface seen by the user's eyes is consistent with the motion state of the vehicle with respect to the ground sensed by the vestibular system. Therefore, the conflict between the motion state sensed by the user's vision and the motion state sensed by the vestibular system can be alleviated, that is, the target animation can provide the user with visual feedback consistent with the vestibular system, thereby alleviating the user's motion sickness.

[0231] Animation effect 3. The target animation simulates the animation effect of the vehicle in the left-right tilting driving / motion state and the left-right jolting driving / motion state.

[0232] Left-right tilting refers to the tilting of the vehicle body with respect to the horizon, or the left-right rocking of the ship body due to waves when the ship is sailing. It corresponds to the change of the Roll angle in the attitude angle, and the animation effect presented in the target animation is that one side of the track group moves upward and the other side of the track group moves downward, and the track group also rotates to feedback the corresponding tilting angle. The inclination angles of the two track groups can form a visual guide to the tilting degree of the current vehicle / ship / body with respect to the horizon.

[0233] Left-right jolting can refer to the jolting motion of the vehicle when driving on uneven roads due to the unevenness of the road surface, or the left-right rolling motion of the aircraft when flying due to changes in air flow. In addition to the change of the Roll angle, the change of the horizontal X-axis acceleration is more reflected in left-right jolting. The change of the horizontal X-axis acceleration is mapped to a kind of animation effect presented in the target animation, that is, one side of the track group moves upward and the other side of the track group moves downward.

[0234] Optionally, the change of the horizontal X-axis acceleration is mapped to another kind of animation effect presented in the target animation, as shown in FIGS. 8M and 8T, which is the change of the length of the track. The animation principle can be popularly understood as that the track is similar to a spring system, when accelerating to the right, the object is thrown to the left, so the length of the left side is compressed and the length of the right side is stretched; when accelerating to the left, the object is thrown to the right, so the length of the right side is compressed and the length of the left side is stretched.

[0235] Please refer to FIG. 6A and FIG. 6B, which are schematic diagrams of an animation effect of left tilting according to an embodiment of the present application. As shown in FIG. 6A, compared with the two track groups of the target animation shown in FIG. 5C, the two track groups of the target animation shown in FIG. 6A move in opposite directions. When the vehicle tilts to the left, the track group on the left moves upward and the track group on the right moves downward, presenting an animation effect that the track group on the left is high and the track group on the right is low.

[0236] When the vehicle tilts to different degrees, the track groups in the target animation also feedback corresponding tilting angles, that is, the tilting angles of the track groups are consistent with the tilting angles of the electronic device / vehicle body relative to the horizon. Illustratively, the greater the degree to which the vehicle tilts, the greater the angle at which the track groups in the target animation tilt, and the smaller the degree to which the vehicle tilts, the smaller the angle at which the track groups in the target animation tilt. Alternatively, the user can adjust the sensitivity of the target animation according to his / her preference, thereby adjusting the feedback degree of the animation effect of the target animation in this scenario.

[0237] In a possible implementation scenario, the greater the degree to which the vehicle tilts to the left, the greater the angle at which the track groups in the target animation tilt to the left. As shown in FIG. 6A and FIG. 6B, the angle at which the tracks in the track groups shown in FIG. 6B tilt is greater than the angle at which the tracks in the track groups shown in FIG. 6A tilt. It should be understood that the smaller the degree to which the vehicle tilts to the left, the smaller the angle at which the track groups in the target animation tilt to the left.

[0238] Please refer to FIG. 6C and FIG. 6D, which are schematic diagrams of an animation effect of right tilting according to an embodiment of the present application. As shown in FIG. 6C, compared with the two track groups of the target animation shown in FIG. 5C, the two track groups of the target animation shown in FIG. 6C move in opposite directions. When the vehicle tilts to the right, the track group on the left moves downward and the track group on the right moves upward, presenting an animation effect that the track group on the left is low and the track group on the right is high.

[0239] In a possible implementation scenario, the greater the degree to which the vehicle tilts to the right, the greater the angle at which the track groups in the target animation tilt to the right. As shown in FIG. 6C and FIG. 6D, the angle at which the tracks in the track groups shown in FIG. 6D tilt is greater than the angle at which the tracks in the track groups shown in FIG. 6C tilt. It should be understood that the smaller the degree to which the vehicle tilts to the right, the smaller the angle at which the track groups in the target animation tilt to the right.

[0240] In the embodiments corresponding to FIG. 6A to FIG. 6D, the corresponding animation effects when the vehicle tilts to the left and the right are respectively demonstrated, and the corresponding animation effects when the vehicle tilts to the left and the right are sequentially demonstrated below in conjunction with the accompanying drawings.

[0241] Please refer to FIG. 6E, which is a schematic diagram of another animation effect according to an embodiment of the present application. As shown in the seven diagrams of FIG. 6E, the vehicle is shown in the following order: the animation effect corresponding to the stable state, the animation effect corresponding to the gradually increasing rightward tilt, the animation effect corresponding to the gradually increasing degree of rightward tilt, the animation effect corresponding to the gradually decreasing degree of rightward tilt, the animation effect corresponding to the stable state, the animation effect corresponding to the gradually increasing leftward tilt, and the animation effect corresponding to the gradually increasing degree of leftward tilt.

[0242] It should be understood that the visual styles of the target animation in the embodiments corresponding to FIGS. 6A-6E are exemplary and do not limit the visual styles of the target animation in actual application scenarios.

[0243] In this implementation, the leftward and rightward tilting driving / moving state and the leftward and rightward jolting driving / moving state are mapped through the target animation. When the user watches the target animation, the motion information sensed by the eyes is consistent with the motion information sensed by the vestibular system, i.e., the motion state of the target animation in the display interface seen by the user's eyes is consistent with the motion state of the vehicle relative to the ground sensed by the vestibular system. Thus, the conflict between the motion state sensed by the user's vision and the vestibular system can be alleviated, i.e., the target animation can provide the user with visual feedback consistent with the vestibular system, thereby alleviating the user's motion sickness. It should be noted that, since the motion in this scenario belongs to low-frequency motion, the animation effect presented in this scenario is particularly effective in alleviating the motion sickness of users on a ship (e.g., in a scenario where the ship body slowly sways).

[0244] Animation effect 4. The target animation simulates the animation effect of the vehicle in the acceleration / deceleration driving / moving state.

[0245] The acceleration / deceleration driving / moving state refers to the process in which the vehicle experiences acceleration (i.e., an increase in vehicle speed) or deceleration (i.e., a decrease in vehicle speed) during driving. For example, when the driver steps on the accelerator pedal, the engine outputs more power, which is transmitted to the wheels through the powertrain, causing the vehicle speed to increase. For another example, when the driver releases the accelerator pedal or steps on the brake pedal, the vehicle speed decreases.

[0246] The application uses camera zoom animation principle when simulating the animation effect of the vehicle in acceleration / deceleration driving / moving state through the target animation. It can be understood in a simple way that the electronic device (such as a mobile phone) is placed in a three-dimensional (3Dimensions) scene, and the user's eyes are equivalent to the camera looking at the screen / display interface of the electronic device. When accelerating, the electronic device (such as a mobile phone) moves towards the eyes, which is equivalent to the camera moving towards the screen / display interface, which is mapped into the perspective effect of the target animation, and presented as an increase in the track group. When decelerating, the electronic device (such as a mobile phone) moves away from the eyes, which is equivalent to the camera moving away from the screen / display interface, which is mapped into the perspective effect of the target animation, and presented as a decrease in the track group.

[0247] Please refer to FIG. 7A and FIG. 7B, which are an acceleration animation effect schematic diagram according to an embodiment of the application. As shown in FIG. 7A, when detecting that the vehicle is in a steady driving / moving state, the two track groups of the target animation are located in the center region corresponding to the preset region of the electronic device. As shown in FIG. 7B, when detecting that the vehicle is accelerating, the display size of the track group of the target animation in the display interface increases. Specifically, when detecting that the vehicle is accelerating, the size of the track in the track element and the diameter of the small ball in the movable element rapidly increase, giving the user a visual perception of rushing to the eyes. At the same time, the movement trajectory of the track group conforms to single-point perspective, enhancing the dynamic and depth of the target animation, facilitating the user to watch the target animation, and helping to keep the motion information perceived by the user's eyes consistent with the motion information perceived by the vestibular system, thereby better relieving the user's car sickness symptoms.

[0248] Optionally, in a possible implementation, a first size threshold of display size increase is set for the track group in advance. The first size threshold is the maximum size that the display size of the track group can reach when increasing. It should be understood that the first size threshold can be set / adjusted according to the screen size / display interface size of the electronic device. In this implementation, the first size threshold is set for the track group, ensuring that the display size of the track group increases within a certain range, effectively preventing the display size of the track group from exceeding the visible range of the screen / display interface after increasing, improving the user's visual experience, and better relieving the user's car sickness symptoms.

[0249] Optionally, in a possible implementation, the display size of the track group can also exceed the visual range of the screen / display interface when increasing. Please refer to FIGS. 7C-7E, which are schematic diagrams of another acceleration animation effect according to an embodiment of the present application. The acceleration animation effect shown in FIGS. 7C-7E is different from the acceleration animation effect shown in FIGS. 7A and 7B in that the display size of the track group shown in FIG. 7E exceeds the visual range of the screen / display interface when increasing, and the track and the ball in the track group currently displayed by the screen / display interface can be incomplete. In this implementation, the display size of the track group exceeds the visual range of the screen / display interface after increasing, which achieves a breakthrough in vision, brings novel and strong visual experience to the user, improves the depth of the visual animation, enhances the perception of the three-dimensional space, facilitates the user to watch the target animation, and helps to keep the motion information sensed by the user's eyes consistent with the motion information sensed by the vestibular system, thereby better relieving the user's car sickness.

[0250] Please refer to FIGS. 7F and 7G, which are schematic diagrams of a deceleration animation effect according to an embodiment of the present application. The deceleration animation effect shown in FIGS. 7F and 7G is different from the acceleration animation effect shown in FIGS. 7A and 7B in that, as shown in FIG. 7G, the display size of the track group of the target animation in the display interface decreases when the vehicle is detected to be decelerating. Specifically, the size of the track in the track element and the diameter of the ball in the movable element can rapidly decrease when the vehicle is detected to be decelerating, which brings the user a visual experience of moving away from the eye. At the same time, the motion trajectory of the track group presents a converging effect from the periphery to the center, which enhances the dynamic and depth of the target animation, facilitates the user to watch the target animation, and helps to keep the motion information sensed by the user's eyes consistent with the motion information sensed by the vestibular system, thereby better relieving the user's car sickness.

[0251] Optionally, in a possible implementation, a second size threshold of display size reduction is set for the track group in advance. The second size threshold is the minimum size that the display size of the track group can reach when decreasing. It should be understood that the second size threshold can be set or adjusted according to the screen size / display interface size of the electronic device. In this implementation, the second size threshold is set for the track group, which ensures that the display size of the track group decreases within a certain range, effectively prevents the display size of the track group from decreasing unlimitedly and causing the target animation to be displayed incompletely or difficult to be recognized, guarantees good display effect of the target animation, and improves the user's visual experience.

[0252] Optionally, in a possible implementation, the user can also adjust the first size threshold and the second size threshold corresponding to the target animation according to his / her preference. Accordingly, the electronic device responds to the operation of the user adjusting the first size threshold and the second size threshold, and displays the target animation with the adjusted first size threshold and the second size threshold. The user customizes the size of the track group to increase or decrease according to his / her visual preference and use habit, which improves the personalized experience. In addition, the visual conditions of different users can be different, and the self-defined adjustment of the display size can improve the usability of the target animation. Furthermore, the performance of the electronic device of different users can be different, and the self-defined adjustment of the display size can make the effect of the target animation more smooth.

[0253] Please refer to FIG. 7H, which is a schematic diagram of another acceleration animation effect according to an embodiment of the present application. The difference between the acceleration animation effect shown in FIG. 7H and the acceleration animation effects shown in FIGS. 7C to 7E is that the distance between each track of the target animation shown in FIG. 7H is larger, and the animation elements in the target animation do not include movable elements (such as movable elements in the form of small balls). As shown in FIG. 7H, when it is detected that the vehicle is accelerating, the display size of the track group of the target animation in the display interface increases. Specifically, when it is detected that the vehicle is accelerating, the size of the track in the track element rapidly increases, and the distance between each track also rapidly increases.

[0254] Please refer to FIG. 7I, which is a schematic diagram of another deceleration animation effect according to an embodiment of the present application. The difference between the deceleration animation effect shown in FIG. 7I and the deceleration animation effects shown in FIGS. 7F to 7G is that the distance between each track of the target animation shown in FIG. 7I is larger, and the animation elements in the target animation do not include movable elements (such as movable elements in the form of small balls). As shown in FIG. 7I, when it is detected that the vehicle is decelerating, the display size of the track group of the target animation in the display interface decreases. Specifically, when it is detected that the vehicle is accelerating, the size of the track in the track element rapidly decreases, and the distance between each track also rapidly decreases.

[0255] Compared with the target animation including movable elements, the above two target animations not including movable elements have simpler visual performance, reduce the complexity of the target animation as a whole, and make the target animation easier to maintain. At the same time, the memory resources of the electronic device are also saved, and the power consumption of the electronic device is reduced.

[0256] Optionally, in a possible implementation, the electronic device can adaptively adjust the speed of increasing or decreasing the display size of the track group, which can optimize the use of resources and improve the performance of the electronic device. Optionally, in another possible implementation, the user can also adjust the speed of increasing or decreasing the display size of the track group according to his / her preference, which can improve the personalized experience of the user.

[0257] Optionally, please refer to FIG. 7J, which is a schematic view of another visual style of target animation according to an embodiment of the present application. As shown in FIG. 7J, the visual style of the track can be a rectangular style, a plurality of rectangles are vertically linearly arranged, and a plurality of different colors (such as a plurality of gradient colors) are used to fill the plurality of rectangles respectively. When the vehicle is in an accelerating motion, the plurality of non-transparent rectangles are controlled to change in a first order in sequence, presenting a rolling animation effect; when the vehicle is stationary, the plurality of rectangles are filled with the same color, presenting a stationary animation effect; when the vehicle is in a decelerating motion, the plurality of non-transparent rectangles are controlled to change in a second order in sequence, presenting a rolling animation effect. The first order and the second order are opposite.

[0258] Optionally, in a possible implementation, when the target animation simulates the animation effect of the vehicle in the accelerating / decelerating driving / motion state, it can also be presented by the small balls in FIG. 3I performing the cyclic fade-in and fade-out motion.

[0259] In this implementation, the feedback of the target animation is strengthened, that is, even if the user watches the target animation through the peripheral light, the motion information that the user's eyes feel is consistent with the motion information that the vestibular system feels, which is conducive to better alleviating the user's car sickness symptoms.

[0260] Animation effect 5. The target animation simulates the animation effect of the vehicle in the left-turning and left-inclining driving / motion state, and the animation effect of the vehicle in the right-turning and right-inclining driving / motion state.

[0261] It should be understood that the animation effect of the vehicle in the left-turning and left-inclining driving / motion state is a coupling effect, and the animation effect of the vehicle in the right-turning and right-inclining driving / motion state is the same.

[0262] Please refer to FIGS. 8A, 8B, 8C, 8D and 8E, which are schematic views of a left-turning and left-inclining animation effect according to an embodiment of the present application. As shown in FIG. 8A, the target animation includes two track groups, the animation elements in the track group on the left side include track elements and movable elements (such as small balls), and the animation elements in the track group on the right side include track elements but do not include movable elements (such as small balls). It should be understood that the visual style of the target animation shown in FIG. 8A is only exemplary, and in actual application scenarios, the number of animation elements in each side track group can be less or more, and the number of movable elements (such as small balls) in the two track groups can also be more. For example, the animation elements in the track on the left side can include a plurality of movable elements (such as small balls), and the animation elements in the track on the right side can also include one or more movable elements (such as small balls).

[0263] When the vehicle turns left, as shown in FIG. 8B, the balls in the tracks in the left track group (hereinafter referred to as the balls in the left track) gradually move right along the angle of inclination of the left track.

[0264] As shown in FIG. 8C, the balls in the left track gradually move right into the tracks in the right track group along the angle of inclination of the left track. It should be understood that the movement of the balls is a smooth and continuous process. As shown in the movement process in FIG. 8C, part of the balls is shown in the left track and part of the balls is shown in the right track.

[0265] It is worth noting that the number of animation elements in the left and right track groups is corresponding, that is, the number of tracks in the left track group is corresponding to the number of tracks in the right track group, and then the balls move from the left track to the right track in the corresponding tracks. For example, the balls in the first track in the left track group gradually move right into the first track in the right track group along the angle of inclination of the first track in the left track group; the balls in the second track in the left track group gradually move right into the second track in the right track group along the angle of inclination of the second track in the left track group; and so on.

[0266] As shown in FIG. 8D, the balls in the left track have completely moved into the tracks in the right track group. Then, the balls continue to move right along the angle of inclination of the tracks in the right track group until they move out of the right track. After moving out of the right track, the balls gradually move into the left track from the left side of the left track. As shown in FIG. 8E, part of the balls is shown in the left track and part of the balls is shown in the right track. Then, the balls in the right track completely move into the tracks in the left track group, as shown in FIG. 8A, and the cycle / reciprocal movement is based on this.

[0267] In this implementation, through the angle of inclination of the tracks and the cycle / reciprocal movement of the movable elements, the motion state of the vehicle turning left can be intuitively mapped out, which helps to keep the motion information perceived by the user's eyes consistent with the motion information perceived by the vestibular system, thereby better alleviating the user's motion sickness symptoms.

[0268] For example, when the vehicle turns right, the user's eyes see the scene outside the vehicle moving left, and the scene is mapped to the target animation, specifically, when the vehicle turns right, the balls in the movable elements move left into the tracks in the left track group, move out of the tracks in the left track group, then enter the tracks in the right track group, and the cycle / reciprocal movement is based on this.

[0269] Please refer to FIG. 8F, FIG. 8G, FIG. 8H, FIG. 81, FIG. 8J, which are schematic diagrams of a right turn and right tilt animation effect according to an embodiment of the present application. As shown in FIG. 8F, the target animation includes two track groups, the animation elements in the track group on the right side include track elements and movable elements (e.g., balls), and the animation elements in the track group on the left side include track elements but do not include movable elements (e.g., balls). It should be understood that the visual style of the target animation shown in FIG. 8F is only exemplary, and in actual application scenarios, the number of animation elements in each side track group can be less or more, and the number of movable elements (e.g., balls) in the two track groups can also be more. For example, the animation elements in the track on the right side can include multiple movable elements (e.g., balls), and the animation elements in the track on the left side can also include one or more movable elements (e.g., balls).

[0270] When the vehicle turns right, as shown in FIG. 8G, the balls in the track on the right side (hereinafter referred to as balls in the right track) gradually move to the left along the angle of the tilt of the right track.

[0271] As shown in FIG. 8H, the balls in the right track gradually move to the left along the angle of the tilt of the right track to the track in the track group on the left side. It should be understood that the movement of the balls is a smooth and continuous process, and as shown in the movement process in FIG. 8H, part of the balls is displayed in the right track and part of the balls is displayed in the left track.

[0272] As shown in FIG. 81, the balls in the right track have completely moved to the track in the track group on the left side. Then, the balls continue to move to the left along the angle of the tilt of the track in the track group on the left side until they move out of the left track. After moving out of the left track, the balls gradually move into the right track from the right side of the right track. As shown in FIG. 8J, part of the balls is displayed in the right track and part of the balls is displayed in the left track. After that, the balls in the left track completely move to the track in the track group on the right side, as shown in FIG. 8F, and the cycle / reciprocal motion is based on this.

[0273] In this implementation, through the angle of the tilt of the track and the cycle / reciprocal motion of the movable elements, the movement state of the vehicle turning right can be intuitively mapped out, which helps to keep the movement information perceived by the user's eyes consistent with the movement information perceived by the vestibular system, thereby better alleviating the user's car sickness symptoms.

[0274] Optionally, in another possible implementation, the present application simulates the animation effect of the vehicle driving / moving in the left and right turn state by using the target animation, which is mainly embodied by the cycle / reciprocal motion of the movable elements and the change in the display size of the track elements.

[0275] Exemplarily, when the vehicle turns left, the user's eyes see the scene outside the vehicle moving to the right, and the scene is mapped to the target animation, specifically, when the vehicle turns left, the small ball in the movable element moves to the right, enters the track in the right track group, then moves out of the track in the right track group, and then enters the track in the left track group, and based on this, the cycle / reciprocal motion is performed. And in the process of the cycle / reciprocal motion of the small ball, the display size of the track in the left track group is widened and / or lengthened, and the display size of the track in the right track group is narrowed and / or shortened. Since the turning is usually accompanied by a change in horizontal acceleration due to centrifugal force, the animation corresponding to the change in horizontal acceleration in the embodiments of the application can be superimposed on the animation corresponding to the turning (such as superimposing the track length stretching and contracting animation).

[0276] Animation effect 6. The target animation simulates the animation effect of the vehicle in the left and right turning driving / motion state.

[0277] The left and right turning driving / motion state refers to the steering action of the vehicle during driving, that is, the vehicle changes its direction of travel along a certain path and turns left or right. It should be understood that when the vehicle is in a uniform speed left turning motion state, the left and right track groups in the target animation present a right high and left low animation effect; when the vehicle is in a uniform speed right turning motion state, the left and right track groups in the target animation present a left high and right low animation effect.

[0278] Optionally, in a possible implementation, the application simulates the animation effect of the vehicle in the left and right turning driving / motion state by using the target animation, mainly through the cycle / reciprocal motion of the movable element.

[0279] Exemplarily, when the vehicle turns left, the user's eyes see the scene outside the vehicle moving to the right, and the scene is mapped to the target animation, specifically, when the vehicle turns left, the small ball in the movable element moves to the right, enters the track in the right track group, then moves out of the track in the right track group, and then enters the track in the left track group, and based on this, the cycle / reciprocal motion is performed.

[0280] Please refer to FIG. 8K, FIG. 8L, FIG. 8M, FIG. 8N, FIG. 8O, which are another left-turn animation effect diagram according to an embodiment of the present application. As shown in FIG. 8K, the target animation includes two track groups, the animation elements in the track group on the left side include track elements and movable elements (such as small balls), and the animation elements in the track group on the right side include track elements but do not include movable elements (such as small balls). It should be understood that the visual style of the target animation shown in FIG. 8K is only exemplary, and in actual application scenarios, the number of animation elements in each side track group can be less or more, and the number of movable elements (such as small balls) in the two track groups can also be more. For example, the animation elements in the track on the left side can include multiple movable elements (such as small balls), and the animation elements in the track on the right side can also include one or more movable elements (such as small balls).

[0281] When the vehicle turns left, the electronic device can adaptively adjust the display size of the track, as shown in FIG. 8K, the length of the track in the left track group is longer than the length of the track in the right track group. It should be understood that the change of the display size of the track corresponds to the animation effect of the change of the horizontal acceleration. Optionally, in a possible implementation, the user can also adjust the display size of the track according to his own preferences, which is not limited.

[0282] When the vehicle turns left, as shown in FIG. 8K, FIG. 8L, FIG. 8M, the small balls in the left track gradually move to the right along the left track. As shown in FIG. 8M, FIG. 8N, when the small balls move to the track in the right track group, they continue to move to the right until they move out of the right track. After moving out of the right track, they gradually move into the left track from the left side of the left track. As shown in FIG. 8O, when the small balls move to the track in the left track group, they gradually move to the right along the left track and perform a cycle / reciprocal motion based thereon.

[0283] In this implementation, through the cycle / reciprocal motion of the movable elements and the change of the display size of the track elements, the motion state of the vehicle turning left can be intuitively mapped out, which helps to keep the motion information perceived by the user's eyes consistent with the motion information perceived by the vestibular system, thereby better alleviating the user's car sickness symptoms.

[0284] And generally, the vehicle travels on the horizontal plane, and the effect corresponding to the change of the horizontal acceleration is mapped out, that is, the motion state of the vehicle in the regular scenario is mapped out, thereby effectively alleviating the user's car sickness symptoms in this scenario and improving the application value of the target animation.

[0285] For example, when the vehicle turns right, the user's eyes see the scene outside the vehicle moving to the left, and the scene is mapped to the target animation, specifically, when the vehicle turns right, the small ball in the movable element moves to the left, enters the track in the left track group, moves out of the track in the left track group, then enters the track in the right track group, and performs a cycle / reciprocal motion based on this. And in the process of the small ball performing a cycle / reciprocal motion, the display size of the track in the right track group is widened and / or lengthened, and the display size of the track in the left track group is narrowed and / or shortened.

[0286] Please refer to FIGS. 8P, 8Q, 8R, 8S, 8T, which are another right-turn animation effect schematic diagram according to an embodiment of the present application. As shown in FIG. 8P, the target animation includes two track groups, the animation elements in the right track group include track elements and movable elements (such as small balls), and the animation elements in the left track group include track elements but do not include movable elements (such as small balls). It should be understood that the visual style of the target animation shown in FIG. 8P is only exemplary, and in actual application scenarios, the number of animation elements in each side track group can be less or more, and the number of movable elements (such as small balls) in the two track groups can also be more. For example, the animation elements in the right track can include multiple movable elements (such as small balls), and the animation elements in the left track can also include one or more movable elements (such as small balls).

[0287] When the vehicle turns right, the electronic device can adaptively adjust the display size of the track, as shown in FIG. 8P, the length of the track in the right track group is longer than the length of the track in the left track group. Optionally, in a possible implementation, the user can also adjust the display size of the track according to his / her own preferences, which is not limited.

[0288] When the vehicle turns right, as shown in FIGS. 8P, 8Q, 8R, the small ball in the right track gradually moves to the left along the right track. As shown in FIGS. 8R, 8S, when the small ball moves to the track in the left track group, it continues to move to the left until it moves out of the left track. After moving out of the left track, it gradually moves into the right track from the right side of the right track. As shown in FIG. 8T, when the small ball moves to the track in the right track group, it gradually moves to the left along the right track and performs a cycle / reciprocal motion based on this.

[0289] It is worth noting that in the above implementations, the tracks in the two track groups can have a certain angle of inclination, or can remain horizontal with the screen / display interface, which is subject to actual application scenarios and is not limited.

[0290] In this implementation, the motion state of the vehicle turning right can be intuitively mapped by the circular / reciprocal motion of the movable element and the change in the display size of the track element, which helps to keep the motion information sensed by the user's eyes consistent with the motion information sensed by the vestibular system, thereby better alleviating the user's car sickness.

[0291] Optionally, in another possible implementation, considering that some users may feel visual discomfort (e.g., dizziness) when the balls (one ball in each of the left and right tracks, or one ball in both the left and right tracks) move left and right on the screen, the application also provides a visual style of the target animation to improve the user's visual comfort. Please refer to FIGS. 8U and 8V, which are schematic diagrams of a visual style according to an embodiment of the application. As shown in FIGS. 8U and 8V, the tracks are arranged above and / or below the screen, and the balls move left and right in the tracks arranged above and / or below the screen.

[0292] It should be noted that the target animation provided by the application can present any one of the above animation effects or a coupling effect of any multiple animation effects when applied in an actual scenario.

[0293] The above describes the animation effects of the target animation simulating the vehicle in different driving / motion states with reference to the accompanying drawings, and the principles of the different animation effects simulated by the target animation are explained below with reference to the accompanying drawings.

[0294] When the user uses the electronic device in the vehicle, the motion state of the vehicle is basically consistent with the motion state of the electronic device, and the motion state of the electronic device is basically consistent with the motion state of the user's body. That is, the motion state of the user's body and the electronic device has similarity, and in the present scheme, the motion parameters (also referred to as sensor data) are collected by the electronic device, and the target animation is generated based on the motion parameters. The target animation can map the 6 motion directions (i.e., front and back, up and down, left and right, pitch, roll, and yaw), high-frequency and low-frequency motion information, and horizontal motion information sensed by the user sitting in the vehicle into the target animation. Since the user's eyes are basically consistent with the electronic device, when the user watches the target animation, the motion information sensed by the eyes is consistent with the motion information sensed by the vestibular system, that is, the motion state of the target animation in the display interface seen by the user's eyes is consistent with the motion state of the vehicle relative to the ground sensed by the vestibular system. Thus, the conflict between the motion state sensed by the user's vision and the vestibular system can be alleviated, that is, the target animation can provide visual feedback consistent with the vestibular system for the user, thereby alleviating the user's motion sickness.

[0295] In a possible implementation, the data processing method provided in the application involves the implementation principle described in the following steps S101 to S105.

[0296] S101, obtain sensor data of the electronic device.

[0297] Exemplarily, the electronic device can include a sensor and a sensor API. The sensor can include a hardware sensor and a virtual sensor, and the sensor API is an interface that allows an application to interact with the hardware sensor. In the embodiment of the application, the application can access the sensor in the electronic device through the sensor API to obtain the hard sensor data.

[0298] Exemplarily, the sensor that needs to be called by the electronic device to generate the target animation can include a hardware sensor and a virtual sensor. In the embodiment of the application, the hardware sensor is a physically existing hardware in the electronic device, and the hardware sensor can be an IMU sensor, which can include an ACC and a GYRO.

[0299] The virtual sensor is also called a software sensor or a synthetic sensor, which is not a physically existing hardware and is generated by combining and processing the data of other hardware sensors. The virtual sensor can include a rotation vector sensor and a linear acceleration sensor.

[0300] The rotation vector sensor (Game Rate of Turn Velocity, Game ROTV) can be realized by fusing the data of the ACC and the GYRO through an algorithm, can provide three-dimensional rotation vector information about the electronic device, has good high-frequency filtering capability, and has good low-frequency motion characteristics. The linear acceleration sensor (Linear Acceleration, Linear ACC) can measure the linear acceleration of the electronic device under the influence of gravity, has good low-frequency filtering capability, and has good high-frequency motion characteristics.

[0301] The sensor data in the embodiment of the application can include data of an acceleration sensor, data of a gyroscope sensor, data of a rotation vector sensor, and data of a linear acceleration sensor. It should be understood that the sensor data can be collected by the respective sensors.

[0302] Exemplarily, the Game ROTV fuses and processes the acceleration data and the gyroscope data, for example, uses a Kalman filter, a compensation filter, a nonlinear observer, etc. to fuse and process the acceleration data and the gyroscope data to obtain a three-axis rotation vector. It should be understood that the rotation vector fuses the data collected by the acceleration sensor and the gyroscope sensor, and this fusion method can provide more stable and accurate direction data.

[0303] Exemplarily, we confirm the changes of the attitude (such as the changes of the pitch angle, the roll angle and the yaw angle) as low-frequency motion, the low-frequency motion has the low-frequency motion characteristics, and the acceleration changes are confirmed as high-frequency motion, and the high-frequency motion has the high-frequency motion characteristics. Then, the low-frequency motion can be well processed by the Game ROTV, and the high-frequency motion can be well processed by the Linear ACC, so as to facilitate the electronic device to well map the low-frequency motion and the high-frequency motion experienced by the user into the target animation.

[0304] Optionally, in a possible implementation, the sampling frequency can be set in advance. The sampling frequency is usually in units of hertz (Hz), indicating the number of times of collecting sensor data per second. In this application, the sampling frequency can be dynamically adjusted according to the type, performance, power, storage space and other parameters of the electronic device, so as to optimize the performance and resources of the electronic device.

[0305] S102, determining Euler angles according to the sensor data.

[0306] Exemplarily, the quaternion of the electronic device attitude is obtained by Game ROTV, the quaternion is mathematically converted to obtain a rotation matrix (also referred to as a first rotation matrix in this application), and the rotation matrix is converted into Euler angles. The Euler angles can include a Yaw angle, a Pitch angle and a Roll angle.

[0307] The Pitch angle is the angle of rotation around the X axis, which is greater than 0 when downhill, and the angle range of the Pitch angle can be -180~180, and the horizontal is 0. The Roll angle is the angle of rotation around the Y axis, which is greater than 0 when tilting to the left, and the angle range of the Roll angle can be -90~90. The Yaw angle is the angle of rotation around the Z axis, which is greater than 0 when turning to the right, and the angle range of the Yaw angle can be 0~360.

[0308] The quaternion is usually represented as [b, c, d, a], wherein b, c, d and a are the real and imaginary parts of the quaternion. The electronic device obtains four components of the quaternion, that is, obtains the components corresponding to b, c, d and a respectively, and adjusts the components of the quaternion according to the direction of the electronic device. Then, the quaternion is converted from the Android coordinate system to the habitual coordinate system, the flat direction of the quaternion is calculated, and then the rotation matrix is calculated according to the quaternion. The unit vectors of each axis (X axis, Y axis, Z axis) are extracted from the rotation matrix, the module length of the X axis unit vector is calculated and the X axis is normalized, the Yaw angle (yaw angle), Pitch angle (pitch angle) and Roll angle (roll angle) are calculated. After obtaining the Yaw angle, the Pitch angle and the Roll angle, the real-time attitude of the electronic device is obtained.

[0309] Optionally, in a possible implementation, the electronic device can not acquire the data of the magnetic sensor, and the Yaw angle in the Euler angle is a virtual dimension, that is, the Yaw angle is a relative virtual measurement, and the Pitch angle and the Roll angle are consistent with the actual geographic coordinates.

[0310] Exemplarily, the four components of the quaternion can be acquired from the sensor data by using preset program code, and the components of the quaternion are adjusted according to the posture of the electronic device. The posture of the electronic device (the horizontal posture) can be 90° rotation, and can also be 270° rotation, and the like. The first rotation matrix is calculated according to the adjusted quaternion, and the first rotation matrix is converted into the Euler angle.

[0311] It is worth noting that the 90° rotation means that the electronic device is rotated 90° to the left from the vertical direction, and the 270° rotation means that the electronic device is rotated 90° to the right from the vertical direction.

[0312] S103, acquiring the angular velocity data of three axes by the gyroscope sensor.

[0313] Exemplarily, the electronic device acquires the gyroscope data collected by the gyroscope sensor. The gyroscope data collected by the gyroscope sensor includes the rotation rate of the electronic device around each axis (X axis, Y axis, Z axis), and the direction conforms to the right-hand rule. The unit of the gyroscope data is degree per second (° / s) or radian per second (rad / s).

[0314] Optionally, in a possible implementation, the original gyroscope data can contain noise and bias, and the original gyroscope data can be calibrated and denoised in the embodiment of the application, so as to improve the data quality.

[0315] S104, determining the linear acceleration on the horizontal plane by the rotation matrix according to the linear acceleration data and the Euler angle.

[0316] Exemplarily, the linear acceleration data of the electronic device is registered and acquired by using the system service (such as SensorManager) of Android. For example, an interface (such as SensorEventListener) is registered by using SensorManager to receive the linear acceleration data acquired by the linear acceleration sensor. The linear acceleration data provides the linear acceleration vector of the electronic device, and the influence of the gravitational acceleration is removed compared with the acceleration data.

[0317] The Euler angle corresponding to the current electronic device can be acquired by Game ROTV, such as the Pitch angle and the Roll angle.

[0318] A rotation matrix (also referred to as a second rotation matrix in the present application) is constructed using the pitch angle and the roll angle, and is used to convert linear acceleration data from the coordinate system of the electronic device to the horizontal coordinate system. That is, the actual linear acceleration of the electronic device is converted to the horizontal coordinate system through the rotation matrix. It can be understood that applying the linear acceleration data to the rotation matrix can obtain acceleration data in the horizontal plane, and the converted acceleration data is used to generate the target animation. It can be popularly understood that the pitch angle and the roll angle are angles relative to the terrestrial coordinate system, and converting to the horizontal angle is equivalent to converting the two angles back.

[0319] In the prior art, the obtained linear acceleration is directly used for mapping. This ensures the accuracy of the acceleration data only when the electronic device is used vertically, and the acceleration data is inaccurate when the electronic device is used in other postures. In the present application, the linear acceleration data is converted to horizontal linear acceleration data, so that the form of acceleration perceived by the user is unchanged regardless of the posture of the user using the electronic device. Thus, the target animation is generated using the converted horizontal linear acceleration data, so that the motion information fed back by the target animation is more consistent with the actual motion information perceived by the user, and the user experience is improved.

[0320] The rotation matrix used in the above implementation manner is as follows:

[0321] Wherein, θ = -Pitch, α = -Roll, x, y, z respectively represent the three-axis linear acceleration of the electronic device directly obtained, and x', y', z' respectively represent the three-axis linear acceleration mapped to the horizontal coordinate system.

[0322] It is worth noting that the mapping manner provided in the present application is also applicable to mapping the three-axis angular velocity data obtained through the gyroscope sensor to the horizontal coordinate system, and performing other processes based on the angular velocity data in the horizontal coordinate system.

[0323] For example, the three-axis angular velocity data are V X , V Y , and V Z , and the conversion to the horizontal coordinate system is as follows:

[0324] Wherein, θ = -Pitch, α = -Roll, V X ', V Y ', and V Z ' respectively represent the three-axis angular velocity mapped to the horizontal coordinate system.

[0325] S105, filtering the linear acceleration data.

[0326] The linear accelerations in the three axes (X-axis, Y-axis, and Z-axis) are represented by acc x, acc y, and acc z, respectively, and the unit is usually meters per second squared (m / s 2).

[0327] The high-frequency components of the accelerations in the three axes and the bandwidths are high. Exemplarily, in signal processing, the acceleration signals can be decomposed into components of different frequencies, and the high-frequency components refer to the parts of the signals that change rapidly and have short periods. The bandwidth refers to the frequency range that the acceleration sensor can measure, and a higher bandwidth means that the acceleration sensor can capture higher-frequency movements or vibrations.

[0328] Due to the high-frequency components of the accelerations in the three axes and the high bandwidths, high-frequency noise can be captured by the acceleration sensor. If the acceleration data of the three axes collected by the acceleration sensor is directly used, the target animation can have a jitter problem, which affects the user experience. To avoid this situation, the display method provided in the present application performs filtering processing on the linear acceleration data.

[0329] Exemplarily, a filtering algorithm can be used to filter the linear acceleration data. The filtering algorithm can include sliding average filtering, Kalman filtering, low-pass filtering, exponential moving average filtering, median filtering, and the like. Specifically, the design parameters of the filter are determined, such as the type of filter, the cutoff frequency, the sampling time, and the like. The selected filtering algorithm is implemented in the program code, and the filtering algorithm is applied to the original linear acceleration data to obtain the linear acceleration data after filtering.

[0330] After the sensor data collected by the electronic device is processed, the target animation is mapped, so that the target animation can be mapped in real time to different driving / moving states of the vehicle. Since the user's eyes are basically consistent with the electronic device, when the user watches the target animation, the motion information perceived by the user's eyes is consistent with the motion information perceived by the vestibular system, that is, the motion state of the target animation in the display interface seen by the user's eyes is consistent with the motion state of the vehicle relative to the ground perceived by the vestibular system. Thus, the conflict between the motion state perceived by the user's vision and the vestibular system can be alleviated, that is, the target animation can provide the user with visual feedback consistent with the vestibular system, thereby alleviating the user's motion sickness.

[0331] Animation principle 1. Principle of mapping the target animation to the uphill and downhill animation effect.

[0332] When a user uses an electronic device in a vehicle, the motion state of the vehicle is basically consistent with the motion state of the electronic device. Then, when the vehicle is in uphill and downhill motion, the pitch angle (i.e., the angle of inclination) of the vehicle changes, and accordingly, the pitch angle (i.e., the angle of inclination) of the electronic device also changes. Similarly, when the vehicle is in up and down bumping, the acceleration of the vehicle in the Z-axis changes, and accordingly, the acceleration of the electronic device in the Z-axis also changes.

[0333] The uphill and downhill motion is low-frequency motion, and the motion information exhibited is low-frequency information; the up and down bumping is high-frequency motion, and the motion information exhibited is high-frequency information. In the embodiments of the present application, the low-frequency information of the change of the pitch angle of the electronic device when uphill and downhill, and the high-frequency information of the Z-axis acceleration acc_z when up and down bumping, are both mapped into the vertical movement of the target animation, for example, into the synchronous vertical movement of the element group (such as the track group).

[0334] For example, when the pitch angle is detected to be less than the initial pitch angle, and / or the X-axis linear acceleration is detected to be greater than the first acceleration threshold, it is determined that the vehicle is in an uphill and / or up bumping motion state; when the pitch angle is detected to be not less than the initial pitch angle, and / or the X-axis linear acceleration is detected to be less than the first acceleration threshold, it is determined that the vehicle is in a downhill and / or down bumping motion state. The first acceleration threshold can be set or adjusted according to actual conditions, for example, the first acceleration threshold can be 0, 5, 10, 15, etc., which is not limited in this regard.

[0335] Exemplarily, the low-frequency information of the change of the pitch angle is mapped into the target animation, and the animation effect exhibited is that when the vehicle is in uphill motion, the pitch angle decreases, the track group position moves down, or in other words, the track group moves down synchronously; when the vehicle is in downhill motion, the pitch angle increases, the track group position moves up, or in other words, the track group moves up synchronously.

[0336] Exemplarily, the high-frequency information of acc_z is mapped into the target animation, and the animation effect exhibited is that when acc_z is greater than 0, the acceleration is upward, the track group position moves down, or in other words, the track group moves down; when acc_z is less than 0, the acceleration is downward, the track group position moves up, or in other words, the track group moves up.

[0337] Optionally, the pixel value of each vertical movement of the track group can be set in advance, so as to facilitate the track group to move upward or downward according to the set pixel value. For example, it is detected that the track group moves downward by a first pixel value every time the slope changes by a unit angle (such as 1°, 2°, 3°, etc.). The first pixel value can be set to 20, 40, 60, 80, etc. For another example, it is detected that the track group moves upward by a second pixel value every time the slope changes by a unit angle (such as 1°, 2°, 3°, etc.). The second pixel value can be set to 10, 20, 30, 40, 60, 80, etc.

[0338] Please refer to FIG. 9A and FIG. 9B, which are schematic diagrams of an animation principle according to an embodiment of the present application. As shown in FIG. 9A, when the Pitch angle increases and / or acc_z is less than 0, the track groups on the left and right sides move upward; as shown in FIG. 9B, when the Pitch angle decreases and / or acc_z is greater than 0, the track groups on the left and right sides move downward.

[0339] Optionally, in a possible implementation, the initial position of the track groups in the target animation is preset. The initial position is used to display the track groups in the target animation at the initial display of the display interface. The initial position can be set and adjusted according to actual conditions, and is not limited in this regard. In this example, the initial position can be the middle region of the screen / display interface, as shown in the region displayed by the target animation in FIG. 2B. For example, when the display interface initially displays the target animation, the current Pitch angle is read as the initial Pitch angle, and when it is detected that the Pitch angle is equal to the initial Pitch angle, the target animation is displayed in the middle region of the screen / display interface.

[0340] Optionally, in a possible implementation, when the target animation is initially displayed at the initial position of the display interface, the initial Pitch angle is recorded, and the initial angle change range is calculated according to the initial Pitch angle for controlling the moving range of the track groups, i.e., the maximum change angle of the initial Pitch angle from the completely horizontal or completely vertical state of the electronic device. In this way, when the track groups in the target animation move according to the angle change, the target animation can neither move out of the screen completely, nor expand the moving range to the maximum extent, so that the user experience is better and the acceptance of the user is improved. For example, when the difference between the current pitch angle and the initial pitch angle is within the maximum change angle range, the pitch linear mapping slope can be set to ±540. As shown in FIG. 9A, the pitch linear mapping slope corresponding to the two track groups is 540; as shown in FIG. 9B, the pitch linear mapping slope corresponding to the two track groups is -540. This is only an example and is not limited in this regard. It is worth noting that, according to the habit of using the electronic device, the initial Pitch angle is generally set within the range of -90° to 0°.

[0341] Animation principle 2. Principle of mapping the left-right and horizontal acceleration change animation effect by the target animation.

[0342] When the user uses the electronic device in the vehicle, the motion state of the vehicle is basically consistent with the motion state of the electronic device. Therefore, when the vehicle tilts left and right, the Roll angle (roll angle) of the vehicle changes accordingly, and the Roll angle (roll angle) of the electronic device also changes. Similarly, when the acceleration of the vehicle changes in the X-axis, the acceleration of the electronic device in the X-axis also changes.

[0343] The left-right tilting motion is a low-frequency motion, and the motion information exhibited is low-frequency information; the left-right rolling is a high-frequency motion, and the motion information exhibited is high-frequency information. In the embodiments of the present application, the low-frequency information of the change of the Roll angle of the electronic device when tilting left and right, and the high-frequency information of the X-axis acceleration acc_x when rolling left and right, are both mapped into the reverse vertical movement of the target animation, for example, into the reverse vertical movement of the element group (such as two track groups).

[0344] For example, when the roll angle is detected to be greater than an initial roll angle, and / or the X-axis linear acceleration is detected to be greater than a first acceleration threshold, it is determined that the vehicle is in a left-tilting and / or left-rolling motion state; when the roll angle is detected to be not greater than the initial roll angle, and / or the X-axis linear acceleration is detected to be less than the first acceleration threshold, it is determined that the vehicle is in a right-tilting and / or right-rolling motion state. The initial roll angle can be set or adjusted according to actual conditions, for example, the initial roll angle can be 0 degrees, 5 degrees, 10 degrees, etc., which is not limited in this regard.

[0345] Exemplarily, the low-frequency information of the change of the Roll angle is mapped into the target animation, and the animation effect exhibited is that when the vehicle tilts left, the Roll angle increases, the left track group moves up, and the right track group moves down; when the vehicle tilts right, the Roll angle decreases, the left track group moves down, and the right track group moves up.

[0346] Exemplarily, the high-frequency information of acc_x is mapped into the target animation, and the animation effect exhibited is that when acc_x is greater than 0, the acceleration is to the right, the left track group moves up, and the right track group moves down; when acc_x is less than 0, the acceleration is to the left, the left track group moves down, and the right track group moves up.

[0347] Optionally, the pixel values of the asynchronous vertical movement of the two track groups each time can be set in advance, so as to facilitate the upward or downward movement of the two track groups according to the set pixel values. For example, when the Roll angle is detected to increase by a unit angle (such as 1°, 2°, 3°, etc.) each time, the left track group moves up by a third pixel value, and the right track group moves down by a fourth pixel value. For another example, when the Roll angle is detected to decrease by a unit angle (such as 1°, 2°, 3°, etc.) each time, the right track group moves up by a third pixel value, and the left track group moves down by a fourth pixel value. The third pixel value and the fourth pixel value can be set to 20, 40, 60, 80, etc., which is not limited in this regard.

[0348] Please refer to FIGS. 9C and 9D, which are schematic diagrams of another animation effect principle according to the embodiments of the present application. As shown in FIG. 9C, when the vehicle tilts left, the Roll angle increases, the left track group moves up, and the right track group moves down; and / or when acc_x is greater than 0, the acceleration is to the right, the left track group moves up, and the right track group moves down.

[0349] As shown in FIG. 9D, when the vehicle is tilted to the right, the Roll angle decreases, the left track group moves down, and the right track group moves up; and / or when acc_x is less than 0, the acceleration is to the left, the left track group moves down, and the right track group moves up.

[0350] Optionally, in the embodiment of the present application, the roll linear mapping slope can be set to 540. As shown in FIG. 9C, the roll linear mapping slope corresponding to the two track groups is 540; and as shown in FIG. 9D, the roll linear mapping slope corresponding to the two track groups is -540. In this way, the target animation can not move out of the screen completely, and the moving range can be maximized, so that the animation effect can provide a better experience for the user.

[0351] Optionally, the present application also provides an animation effect of a target animation, the two track groups move in the opposite directions while rotating around the Z axis, so as to realize the left-right tilt guiding vision on the target animation. Please refer to FIG. 9E, which is a schematic diagram of rotation around an axis according to an embodiment of the present application. As shown in FIG. 9E, the Z axis refers to the direction perpendicular to the screen / display interface, and the track group rotates around the Z axis towards the inside.

[0352] Please refer to FIG. 9F, which is another schematic diagram of animation effect principle according to an embodiment of the present application. As shown in FIG. 9F, when the left tilt roll = 45 degrees, each animation element in the target animation rotates -45 degrees around the center point of the animation element.

[0353] Animation principle 3. Animation effect principle of mapping the acceleration / deceleration motion of the vehicle.

[0354] In order to simulate the real moving effect in the 3D world when simulating the animation effect of the vehicle in the acceleration / deceleration driving / moving state through the target animation, the present application adds the camera panning animation in the simulation of the animation corresponding to the acceleration / deceleration by using the camera panning animation principle. Please refer to FIG. 9G, which is another schematic diagram of animation effect principle according to an embodiment of the present application. As shown in FIG. 9G, all the UX objects can be regarded as being on a plane, and the perspective camera for rendering the target animation is equivalent to the eyes of the user. When the distance between the camera and the target animation plane is modified, the target animation will also show the perspective change effect of the position and size.

[0355] All the UX objects refer to all the objects related to the user experience (User Experience, UX) in the 3D scene, which can be elements that can be seen, interacted or perceived by the user, such as animation elements, interface controls, icons, texts, graphics, etc.

[0356] For example, when the Y-axis linear acceleration is detected to be greater than the second acceleration threshold, it is determined that the vehicle is in an accelerating motion state; when the Y-axis linear acceleration is detected to be less than the second acceleration threshold, it is determined that the vehicle is in a decelerating motion state. The second acceleration threshold can be set or adjusted according to actual conditions, for example, the second acceleration threshold can be 0, 5, 10, 15, etc., which is not limited in this regard.

[0357] Optionally, in a possible implementation, the perspective camera can be set according to actual conditions, such as the field of view range, the distance between the near plane and the far plane of the view frustum, the initial distance from the target animation plane, and the like, so that the track group is located at a position that is visually comfortable for the user in the screen / display interface. For example, the field of view range FOV of the perspective camera can be set to 67, the distance between the near plane and the far plane of the view frustum can be set to 1 and 2000 respectively, the initial distance INIT POS from the target animation plane can be set to 1000 (at this time, the track group is located at both sides of the screen), in the acceleration scenario, acc y>0, the distance between the camera and the target animation plane decreases, and in the deceleration scenario, acc y<0, the distance cam pos between the camera and the target animation plane increases.

[0358] Optionally, in a possible implementation, in order to strengthen the visual feedback given to the user by the target animation, vertical movement animation and zoom animation with near large and far small are added in the animation corresponding to the simulation of acceleration and deceleration. For example, when accelerating, the electronic device (such as a mobile phone) moves towards the eyes, which is equivalent to the camera moving towards the screen / display interface, which is mapped into the perspective effect of the target animation, presenting that the element group (such as two track groups) is enlarged, and at the same time, the element group (such as two track groups) moves downward. When decelerating, the electronic device (such as a mobile phone) moves away from the eyes, which is equivalent to the camera moving away from the screen / display interface, which is mapped into the perspective effect of the target animation, presenting that the element group (such as two track groups) is reduced, and at the same time, the element group (such as two track groups) moves upward.

[0359] Optionally, for this scenario, the pixel value of the track group movement under unit Y-axis acceleration (such as 30, 40, 50, 60, etc.), the scaling ratio of the track group under unit Y-axis acceleration (such as 0.1, 0.2, 0.3, etc.), and the final mapping ratio of the track group (such as the upper and lower limit amplitude 0.2-2, 0.1-1, etc.) can be set in advance, so as to control the track group to change according to the set pixel value, scaling ratio and mapping ratio, thereby presenting a more realistic animation effect to the user.

[0360] Please refer to FIG. 9H and FIG. 9I, which are another animation effect principle diagram according to an embodiment of the present application. As shown in FIG. 9H, when the vehicle accelerates, acc y>0, the left and right track groups move downward, and at the same time, the left and right track groups are enlarged. As shown in FIG. 9I, when the vehicle decelerates, acc y<0, the left and right track groups move upward, and at the same time, the left and right track groups are reduced.

[0361] Animation principle 4. The animation effect principle of the target animation mapping the left and right turning movement of the vehicle.

[0362] Exemplarily, if the yaw angle is detected to decrease compared with the initial yaw angle, it is determined that the vehicle is in the left turning movement state; if the yaw angle is detected to continuously decrease, it is determined that the vehicle continuously is in the left turning movement state; if the yaw angle is detected to increase compared with the initial yaw angle, it is determined that the vehicle is in the right turning movement state; if the yaw angle is detected to continuously increase, it is determined that the vehicle continuously is in the right turning movement state. The initial yaw angle can be set or adjusted according to actual conditions, for example, the initial yaw angle can be 0 degree, 5 degrees, 10 degrees, etc., which is not limited.

[0363] When simulating the animation effect of the vehicle in the left and right turning driving / movement state through the target animation, the application is realized by using the way of the loop animation. Please refer to FIG. 9J, which is a schematic diagram of a loop animation principle according to an embodiment of the application. As shown in FIG. 9J, the ball is located at the center position of the left track initially, and then the position of the ball is periodically mapped according to the change of the Yaw angle (heading angle), which can be understood as that the ball makes a loop movement in the left and right tracks. It is worth mentioning that the Yaw angle is the Yaw angle in the Euler angle converted based on the GAME ROTV.

[0364] When the vehicle turns left, the animation effect presented in the target animation is that the Yaw angle decreases, the ball moves from the left track to the right, and when the ball completely moves out of the left track (i.e., the ball completely moves out of the right side of the left track), it enters the left side of the right track. If the Yaw angle continues to decrease, when the ball completely moves out of the right track (i.e., the ball completely moves out of the right side of the right track), it enters the left side of the left track. If the Yaw angle continues to decrease, the ball makes a loop movement in this way.

[0365] When the vehicle turns right, the animation effect presented in the target animation is that the Yaw angle increases, the ball moves from the right track to the left, and when the ball completely moves out of the right track (i.e., the ball completely moves out of the left side of the right track), it enters the right side of the left track. If the Yaw angle continues to increase, when the ball completely moves out of the left track (i.e., the ball completely moves out of the left side of the left track), it enters the right side of the right track. If the Yaw angle continues to increase, the ball makes a loop movement in this way.

[0366] Please refer to FIG. 9K, which is another schematic diagram of a loop animation principle according to an embodiment of the application. As shown in FIG. 9K, there are three balls in each track, and the spacing between the balls is the track length d.

[0367] In order to improve the visual experience of the user and make the target animation more concise, different display modes are set for the three balls, and the balls outside the track area are hidden. It should be understood that this does not limit the number of balls in the actual application scenario and the display mode of the balls. For example, the number of balls in the actual application scenario can be more or less than that shown in FIG. 9K, the balls outside the track area can be displayed or partially hidden, the spacing between the balls can be adjusted, and the like.

[0368] Exemplarily, each track itself implements a circular animation. For example, the three balls are numbered 2, 0, and 1 from left to right, and when the circular animation is implemented, the three balls move as a whole, and the x coordinate center is located at the center of ball 0. The animation effect of x located at different positions is shown in FIG. 9K.

[0369] Optionally, for each track on one side, the circular movement of the balls in the track can be implemented by a sawtooth function in the present application. For example, x and the yaw angle satisfy the sawtooth function, and the sawtooth function is as follows: x = -d(yaw / T + 0.5-floor(yaw / T + 0.5))+d / 2

[0370] Please refer to FIG. 9L, which is a function diagram according to an embodiment of the present application. As shown in FIG. 9L, d represents the spacing between the balls, T represents the mapping period, and the yaw angle can be set and adjusted according to the actual scene. In the present example, it is designed to be 18°.

[0371] Optionally, the present application also provides a display method. According to different driving / moving states of the simulated vehicle, the transparency of the target animation is adjusted, so that the target animation presents a fade-in or fade-out animation effect.

[0372] Exemplarily, the electronic device determines different motion states (or motion scenes) of the vehicle according to the collected sensor data, and adjusts the transparency of the animation elements based on different motion states. For example, the transparency of the track elements (such as tracks) and the movable elements (such as balls) included in the animation elements is adjusted, a fade-in animation or a fade-out animation is generated, and the track elements (such as tracks) and the movable elements (such as balls) present a fade-in or fade-out animation effect.

[0373] It should be noted that in the process of adjusting the transparency of the animation elements, or in the process of transitioning from the fade-in animation to the fade-out animation and from the fade-out animation to the fade-in animation, it is a smooth and continuous process. This transition mode enhances the visual effect, makes the target animation look more natural, and improves the user experience.

[0374] Optionally, in a possible implementation, the electronic device can adaptively adjust the animation transition time, for example, set the transition time (denoted as tween_time in this example) to 1 second, 1.5 seconds, 2 seconds, etc. Optionally, the user can also set the animation transition time according to his / her own preferences, which can improve the personalized experience of the user.

[0375] The following takes the track element as a track and the movable element as a ball as an example to illustrate the logic of adjusting the transparency.

[0376] For example, for the ball, the electronic device increases / increases the opacity of the ball or reduces / decreases the transparency of the ball when the vehicle is in a non-steady / homogeneous motion state, and the ball presents a gradual appearance animation effect; the electronic device reduces / decreases the opacity of the ball or increases / increases the transparency of the ball when the vehicle is in a steady / homogeneous motion state, and the ball presents a gradual disappearance animation effect. The non-steady / homogeneous motion state can include a turning motion state, an uphill / downhill motion state, a left / right jolt motion state, a left / right tilt motion state, an up / down jolt motion state, an acceleration / deceleration motion state, etc.

[0377] In this example, the vehicle in a turning motion state is taken as an example for illustration, for example, the angle between the electronic device and the horizontal plane is defined as θ (0 < θ < 90°), and the angular velocity of the Yaw angle of the electronic device is (which can be obtained through a gyroscope sensor), then the relationship between θ and is as follows:

[0378] When the angular velocity of the Yaw angle is greater than a first angular velocity threshold, for example, , the ball gradual appearance animation is played, and the opacity is transitioned from a first opacity value to a second opacity value and maintained; when the angular velocity of the Yaw angle is less than or equal to the first angular velocity threshold, for example, or , the ball gradual disappearance animation is played, and the opacity is transitioned from the second opacity value to the first opacity value and maintained. For example, the first opacity value can be set to 100, 110, etc., and the second opacity value can be set to 230, 255, etc. The opacity values are only exemplary and are not limited to the setting of the opacity values in actual scenarios.

[0379] Optionally, in a possible implementation, when the angular velocity of the Yaw angle is greater than or equal to the first angular velocity threshold, for example, , the ball gradual appearance animation is played, and the opacity is transitioned from a first opacity value to a second opacity value and maintained; when the angular velocity of the Yaw angle is less than the first angular velocity threshold, for example, At this time, the ball fade-out animation is played, and the opacity is transitioned from the second opacity value to the first opacity value and kept.

[0380] Exemplarily, for the track, the electronic device increases / increases the opacity of the track, or in other words, decreases / decreases the transparency of the track, when the vehicle is in the non-steady / speed-constant motion state, and the track presents a fade-in animation effect; the electronic device decreases / decreases the opacity of the track, or in other words, increases / increases the transparency of the track, when the vehicle is in the steady / speed-constant motion state, and the track presents a fade-out animation effect.

[0381] Optionally, when the pixel values of the track groups on the left and right sides moving in a single frame rendering time exceed a first movement threshold, a track fade-in animation is played, and the opacity is transitioned from a third opacity value to a fourth opacity value and kept; when the single frame movement pixel value does not exceed the first movement threshold, a track fade-out animation is played, and the opacity is transitioned from the fourth opacity value to the third opacity value and kept. For example, the third opacity value can be set to 100, 120, etc., and the fourth opacity value can be set to 220, 255, etc. The opacity values are only exemplarily shown herein, and the setting of the opacity values in an actual scenario is not limited.

[0382] It can be understood that the first movement threshold and the single frame rendering time can be set and adjusted according to an actual scenario, and no limitation is made thereto. In this example, the first movement threshold can be set to 1, 2, 3, etc., and the single frame rendering time is 33.33 ms at 30 Hz, 16.67 ms at 60 Hz, 11.11 ms at 90 Hz, 8.33 ms at 120 Hz, 6.94 ms at 144 Hz, and 4.17 ms at 240 Hz, etc.

[0383] It is worth noting that in the embodiments of the present application, when the track element (such as the track) and the movable element (such as the ball) respectively meet the corresponding fade-in condition or the fade-out condition, the respective corresponding transparencies can be adjusted at the same time.

[0384] In this implementation, when the vehicle is in the steady / speed-constant motion state, the opacity of the track element and the movable element is decreased, so as to reduce the existence of the target animation and reduce the invasion of the target animation to the screen / display interface, which is conducive to the user's focus on browsing the content of the page; when the vehicle is in the non-steady / speed-constant motion state, the opacity of the track element and the movable element is increased, which strengthens the feedback of the target animation, which is helpful to keep the motion information sensed by the user's eyes consistent with the motion information sensed by the vestibular system, thereby better alleviating the user's car sickness.

[0385] Optionally, in a possible implementation, it can also be detected whether the user gazes at the target animation, and the transparency of the target animation is adjusted according to the detection result, so that the target animation presents a fade-in or fade-out animation effect. For example, when it is detected that the user gazes at the target animation, the opacity of the target animation is increased, and the target animation presents a fade-in animation effect; when it is detected that the user does not gaze at the target animation, the opacity of the target animation is decreased, and the target animation presents a fade-out animation effect. For another example, when the electronic device detects that the vehicle is in a non-stable / uniform motion state and detects that the user gazes at the target animation, the opacity of the target animation is increased, and the target animation presents a fade-in animation effect; when the electronic device detects that the vehicle is in a non-stable / uniform motion state and detects that the user does not gaze at the target animation, the opacity of the target animation is decreased, and the target animation presents a fade-out animation effect. The above examples are merely illustrative, and the present application is not limited in this regard.

[0386] It should be noted that the target animation provided in the present application corresponds to a floating window, which can be displayed above the underlying page (such as a page corresponding to an application, a system interface, etc.) without blocking or interfering with the normal use of the underlying page. That is, the target animation provided in the present application is displayed in the form of a floating window above the underlying page. Since the floating window has transparency and penetrability, the user can normally browse the content of the underlying page while watching the target animation, and can also penetrate the target animation and interact with the underlying page normally. In this implementation, the target animation is displayed in the form of a floating window, which can alleviate the motion sickness of the user while not affecting the browsing and interaction of the user with the page, thereby improving the user experience.

[0387] Optionally, in a possible implementation, the display method provided in the present application further includes: generating different anti-motion sickness modes according to different motion sickness scenarios. The motion sickness scenario refers to a scenario that can cause the user to have motion sickness, which can include a vehicle riding scenario, a subway riding scenario, a ship riding scenario, an airplane riding scenario, etc.

[0388] For example, the user is determined to be in a vehicle riding scenario through environmental perception and user state; and a corresponding anti-motion sickness mode is customized for the vehicle riding scenario according to different driving / motion states of the vehicle.

[0389] Optionally, in a possible implementation, the display method provided in the present application further includes: customizing different anti-motion sickness modes for users with different needs in the motion sickness scenario. The users with different needs can include users with work needs (i.e., users who need to work in the motion sickness scenario) and users with entertainment needs (such as playing games, watching dramas, reading, drawing, listening to music, etc.).

[0390] Optionally, in a possible implementation, the customized anti-motion sickness mode can be integrated into the auxiliary function of the electronic device, so that the user can select different anti-motion sickness modes according to the needs.

[0391] The personalized customized anti-motion sickness mode can meet the needs of various users, relieve the motion sickness of the user, and improve the user experience.

[0392] Optionally, in a possible implementation, the display method provided in the present application further includes: the electronic device acquires a current screen mode, and adaptively switches the display mode of the target animation according to the screen mode. The screen mode can include a horizontal screen mode, a vertical screen mode, a split screen mode, a folding screen mode, and the like.

[0393] Taking automatic switching of the animation scale that adapts to the screen in the horizontal screen mode and the vertical screen mode as an example, the screen mode shown in FIG. 4B is the vertical screen mode, and the screen mode shown in FIG. 4D is the horizontal screen mode. Exemplarily, the actual coordinate system of the sensor needs to be adjusted in the horizontal-vertical screen mode switching process.

[0394] For example, when the vertical screen mode is switched to the horizontal screen mode, the new quaternion of the electronic device is obtained by twisting and transforming the quaternion through the Game ROTV; the Euler angle of the electronic device in the horizontal screen mode is calculated by processing the new quaternion through the first rotation matrix; and the linear acceleration of the electronic device in the horizontal coordinate system is calculated based on the Euler angle in the horizontal screen mode and the third rotation matrix.

[0395] For example, the quaternion can be represented as [b, c, d, a], the twisting and transformation of the quaternion is realized through the first formula or the second formula, and then the linear acceleration is twisted and transformed in the coordinate system through the third rotation matrix; the converted quaternion is converted into the Euler angle through the formula; and the horizontal projection in different directions is realized based on the formula according to the Euler angle and the linear acceleration twisted and transformed in the coordinate system. Exemplarily, when the electronic device is turned left by 90°, the twisting and transformation of the quaternion is realized through the first formula, and when the electronic device is turned right by 90°, the twisting and transformation of the quaternion is realized through the second formula.

[0396] The first formula is as follows:

[0397] The second formula is as follows:

[0398]

[0399] The third rotation matrix is as follows:

[0400] In the third rotation matrix, the first matrix is a rotation matrix corresponding to a left rotation of 90°, and the second matrix is a rotation matrix corresponding to a right rotation of 90°.

[0401] In this implementation, the display mode of the target animation is adaptively switched according to the screen mode, so that the target animation can respond to the change of the screen mode in a timely manner, and has high flexibility and strong adaptability, and can ensure that the user can obtain the best viewing experience in any screen mode.

[0402] Optionally, in a possible implementation, considering that the user can use the electronic device in different postures, such as holding the electronic device vertically, placing the electronic device flat, and the like, to ensure the continuous visibility of the target animation, when the posture is detected to change, the display position of the target animation can be reset. For example, when the electronic device held vertically is changed to the electronic device placed flat, or the electronic device placed flat is changed to the electronic device held vertically, the display position of the target animation is reset to the first position (such as the middle of the screen).

[0403] Optionally, in a possible implementation, the display method provided in the present application can also automatically adjust the display position and / or display size of the target animation according to the size of the display interface.

[0404] For example, the target animation provided in the present application has wide applicability and can be applied to various types of electronic devices. For example, it can be applied to a mobile phone, a smart screen, a tablet computer, a wearable device (such as a smart watch, smart glasses, a smart bracelet, and the like), an AR / VR device, a notebook computer, an UMPC, a netbook, a PDA, a handheld or laptop device, a media player, a smart projector, a smart television, a desktop computer, a vehicle infotainment system, and the like.

[0405] Please refer to FIGS. 10A to 10D, which are some application scenarios of the target animation provided in the embodiments of the present application. As shown in FIGS. 10A to 10D, the application scenarios of the target animation in a tablet computer, a notebook computer, a VR device, and a vehicle central control screen are respectively shown. It should be understood that the description of the target animation in the foregoing embodiments is applicable to the tablet computer, the notebook computer, the VR device, and the vehicle central control screen.

[0406] Optionally, in a possible implementation, the display method provided in the present application can also adjust the color of the target animation according to the color of the page currently displayed by the electronic device. For example, the main tone of the display interface is extracted, and the display color of the animation element is adjusted according to the main tone. The main tone and the display color of the animation element can produce contrast, so that the color of the page and the display color of the animation element produce contrast, which is more conducive to the user to perceive the target animation and watch the target animation.

[0407] Exemplarily, the background color is extracted by the color picking logic, and a display color of the target animation is determined according to the background color, and the target animation is displayed in the display color. The background color is the color of a page under a current display region of the target animation. For example, when two track groups are displayed on both sides of a screen, the color of the page under the current display region of the two track groups is the background color, that is, the color of the page displayed on both sides of the screen.

[0408] The color picking logic refers to a series of algorithms and techniques for determining and obtaining the color of a certain region in an application or a system.

[0409] The display color of the target animation can be the display color of the track element and the movable element in the animation element. For example, the display color of the track and the ball is determined, and the display color can make the target animation clearly displayed on a page of any color. In the embodiments of the present application, the display color can be composed of any combination in the RGB color model, for example, the display color can include red, orange, yellow, green, cyan, blue, purple and the like.

[0410] Optionally, in a possible implementation, the display method provided by the present application can further include: personalizing adjusting the animation parameters corresponding to the target animation, that is, the user can adjust the animation parameters corresponding to the target animation according to his own preference. The animation parameters can include the sensitivity of three-axis acceleration, the scaling ratio of the target animation, the position of the camera, the Pitch mapping amplitude, the track color gray scale, the initial size, the color of the ball, the transparency and the like.

[0411] Please refer to FIG. 11A and FIG. 11B, which are a kind of parameter adjustment interface provided by the embodiments of the present application.The target animation can also include parameter adjustment interface, as shown in FIG. 11A, the parameter adjustment interface includes "parameter adjustment" control 1101, "reset" control 1102, "hidden" control 1103 and animation parameter display area 1104. Animation parameter display area 1104 is displayed with a plurality of animation parameters, each animation parameter corresponding adjustment bar, each animation parameter corresponding parameter value and the like.

[0412] As shown in FIG. 11A, the animation parameters can include: X-axis acceleration k_pos, Y-axis acceleration k_pos, Z-axis acceleration k_pos, Y-axis acceleration k_scale, Y-axis acceleration k_cam, Pitch mapping amplitude, track color gray scale, initial size, ball color R, ball color B, ball color G. The parameter value corresponding to each animation parameter can include: 40.0, 50.0, 40.0, 0.20, 20.0, 540.0, 0, 1.0, 217, 99, 111.

[0413] The "parameter adjustment" control 1101 is configured to display the animation parameter display area 1104, so as to facilitate the user to adjust each animation parameter in the adjustment bar. For example, the user can drag the ball 11042 left or right in the adjustment bar 11041, or click any position in the adjustment bar 11041, so as to adjust the parameter value of the X-direction acceleration k_pos. Correspondingly, the parameter value on the right side of the adjustment bar 11041 will also change. It should be understood that the manner of adjusting the animation parameter in the example does not limit the manner of adjusting the animation parameter in the actual scenario. For example, the parameter value on the right side can also be clicked to directly modify the numerical value of the parameter.

[0414] Optionally, the control for adjusting each animation parameter can also be integrated into a single adjustment control, so as to one-key adjust the animation parameters of the target animation, or one-key adjust the feedback degree of the target animation. This implementation manner facilitates the user to adjust the overall animation effect of the target animation, reduces the use difficulty, and improves the user experience.

[0415] The "reset" control 1102 is configured to one-key reset the plurality of animation parameters, that is, one-key restore the plurality of animation parameters to the initial values, which is equivalent to the initialization operation of the plurality of animation parameters. For example, when the user clicks the "reset" control 1102, the electronic device responds to the operation of the user clicking the "reset" control 1102, and restores the plurality of animation parameters to the initial values, which is simple and convenient for the user and provides a comfortable experience.

[0416] The "hidden" control 1103 is configured to hide the animation parameter display area 1104. For example, when the user clicks the "hidden" control 1103, the electronic device responds to the operation of the user clicking the "hidden" control 1103, and hides the animation parameter display area 1104, as shown in the interface of FIG. 11B, which is beneficial for the user to watch the target animation and browse the content of the page under the target animation.

[0417] Since the visual sensitivity of each user is different, the personalized manner of adjusting the animation parameter provided in the application is beneficial for the user to adjust the target animation to the visual feedback intensity suitable for himself, so as to more greatly relieve the motion sickness of the user by using the adjusted target animation.

[0418] Optionally, in a possible implementation, the user can directly perform various function operations on the target animation, such as a click operation, a drag operation, a zoom operation (such as a two-finger zoom operation), a long press operation, and the like. For example, the user performs a click operation on the target animation, and the electronic device switches the color of the target animation in response to the click operation; the user performs a drag operation on the target animation, and the electronic device moves the target animation to an arbitrary position in the screen / display interface in response to the drag operation; the user performs a two-finger zoom operation on the target animation, and the electronic device enlarges or reduces the display size of the target animation in response to the two-finger zoom operation; the user performs a long press operation on the target animation, and the electronic device adjusts the opacity of the target animation in response to the long press operation, and the like. This is only an example and is not limited in this regard.

[0419] Optionally, in a possible implementation, the display method provided by the embodiment of the present application can further include: after detecting that the anti-simulator function is used, displaying a question related to the anti-simulator function on the display interface; collecting a reply of the user, and intelligently adjusting the animation parameter of the target animation according to the reply of the user. The electronic device can record the animation parameter of the target animation adjusted each time, to facilitate the user to select according to his / her own needs.

[0420] For example, the initial animation parameter of the target animation is set to a parameter suitable for a user with mild simulator syndrome, the user's use experience is collected through an inquiry after the anti-simulator function is used for the first time, and the animation parameter of the target animation is intelligently adjusted according to the use experience of the user.

[0421] Optionally, in a possible implementation, the display method provided by the embodiment of the present application can further include: setting the initial animation parameter of the target animation to a parameter suitable for a user with mild simulator syndrome, displaying one or more controls for adjusting the animation parameter in a preset area (such as the top of the screen) of the display interface, and adjusting the animation parameter of the target animation in one key in response to the operation (such as a click operation, a sliding operation, a dragging operation, and the like) of the user on the control. The visual style of the control for adjusting the animation parameter can be a capsule style, a rectangular style, and the like, and is not limited in this regard.

[0422] It should be understood that different controls correspond to different degrees of adjustment of the animation parameter, so that the adjusted target animation is suitable for users with different degrees of simulator syndrome.

[0423] Optionally, in a possible implementation, the embodiment of the present application further provides a small program, which is used to implement the various functions and various animation effects of the target animation in the above embodiments. Illustratively, when the condition of starting the anti-motion sickness function is met, the electronic device automatically invokes the small program, or the user scans the small program code corresponding to the small program to enter the small program. For example, in a possible implementation scenario, the user scans the small program code posted in the vehicle while taking the vehicle, enters the small program, and thus experiences the various functions and various animation effects of the target animation, achieving the effect of relieving motion sickness.

[0424] Optionally, in a possible implementation, the embodiment of the present application further provides a webpage, which is used to implement the various functions and various animation effects of the target animation in the above embodiments.

[0425] Optionally, in a possible implementation, the embodiment of the present application further provides a plug-in, which is used to implement the various functions and various animation effects of the target animation in the above embodiments.

[0426] Optionally, in a possible implementation, the embodiment of the present application further provides a method for relieving motion sickness. Based on the principle of relieving motion sickness through visual feedback, a method for relieving motion sickness through touch and / or hearing is designed.

[0427] For example, based on the motion sensor of the electronic device, the motion sensor built in the earphone (wireless earphone, wired earphone, etc.), the motion sensor of the vehicle information entertainment system, etc., the spatial audio characteristics are dynamically adjusted to simulate different motion states of the vehicle, so that the motion information sensed by the user through hearing is consistent with the motion information sensed by the vestibular system, that is, the motion state sensed by the user through hearing is consistent with the motion state of the vehicle relative to the ground sensed by the vestibular system. That is, the user can be provided with the hearing feedback coordinated with the vestibular system through the spatial audio, thereby relieving the motion sickness of the user.

[0428] For another example, by adjusting the frequency and intensity of the vibration of the motor (such as one or more motors in the electronic device, vehicle, ship, machine, etc.), the synchronization with the actual motion state of the vehicle is achieved, and real-time touch feedback is provided for the user, so that the motion information sensed by the user through touch is consistent with the motion information sensed by the vestibular system. Illustratively, the touch feedback motor can be integrated in multiple areas such as the seat, backrest, and armrest of the vehicle. When the vehicle is in a non-steady / uniform motion state, comprehensive touch feedback is provided through the vibration of the motor, so as to ensure that the motion information sensed by the user through touch is consistent with the motion information sensed by the vestibular system, achieving the effect of relieving the motion sickness of the user. Optionally, the user can adjust the intensity and mode of the touch feedback according to his / her own preferences to obtain the best comfort and the effect of relieving motion sickness.

[0429] For another example, the visual feedback, the auditory feedback and the tactile feedback are combined in any manner to achieve the effect of relieving motion sickness of the user.

[0430] Optionally, the vestibular training can also be performed based on the display method provided in the present application, and the user can completely get rid of motion sickness with the increase of the training times.

[0431] Optionally, the health status (such as the vestibular health status) and / or the sports ability of the user can also be evaluated based on the display method provided in the present application, and the user is given suggestions on the health and / or the sports to improve the user experience.

[0432] Please refer to FIG. 12, which is an exemplary flowchart of a display method provided in an embodiment of the present application.

[0433] In some possible cases, the exemplary process in which the electronic device displays the target animation can refer to the following description of steps S201 to S202.

[0434] S201, in response to a first operation, the electronic device displays a first interface.

[0435] In response to the first operation, the anti-motion sickness function is started, and the electronic device displays the first interface (also referred to as the display interface). The first operation can include at least one of a click operation, a sliding operation, a voice operation, a gesture operation on the anti-motion sickness function switch.

[0436] For example, in addition to the above-mentioned ways of starting the anti-motion sickness function, the anti-motion sickness function can also be started by triggering the anti-motion sickness application through the mobile travel application. The mobile travel application can include a navigation application, a car-hailing application, an automatic driving application, etc.

[0437] For example, the electronic device is running the mobile travel application, and it is detected through the running mobile travel application that the user is currently in any one of the modes of taking a car, taking a ship, taking a plane, etc. The anti-motion sickness application is started through the notification or reminder in the mobile travel application, and the anti-motion sickness application is started after the user confirms the operation of starting the anti-motion sickness application.

[0438] S202, display a target animation in a preset area of the first interface.

[0439] The above step S202 can refer to the related description in the above-mentioned embodiments, which will not be repeated here.

[0440] Different target animations can be used to map different motion states of the electronic device in real time. When the electronic device is in a vehicle, the motion state of the electronic device is consistent with the motion state of the vehicle, and then different target animations can be used to map different motion states of the vehicle in real time.

[0441] Optionally, the first preset direction in the present application refers to a direction from bottom to top, such as the direction in which the target animation shown in FIG. 5F moves to the target animation shown in FIG. 5G. The second preset direction refers to a direction from top to bottom, such as the direction in which the target animation shown in FIG. 5C moves to the target animation shown in FIG. 5D. The third preset direction refers to a direction from left to right, and the fourth preset direction refers to a direction from right to left.

[0442] In this implementation, the animation elements in the target animation change according to the motion state of the electronic device, so that the displayed target animation can simulate different motion states of the electronic device in real time, so that the motion information perceived by the user's eyes is consistent with the motion information perceived by the vestibular system, that is, the motion state of the target animation in the display interface seen by the user's eyes is consistent with the motion state perceived by the vestibular system. Therefore, the conflict between the visual motion state and the vestibular system can be alleviated, thereby alleviating the user's motion sickness.

[0443] The display method provided in the embodiments of the present application is described above in combination with the flowchart, and the display method provided in the present application is described below in combination with the software structure.

[0444] Please refer to FIG. 13, which is a schematic diagram of the software structure of the electronic device according to an embodiment of the present application. The software system of the electronic device can adopt a layered architecture, an event-driven architecture, a microkernel architecture, a microservice architecture, or a cloud architecture. The software structure of the electronic device is exemplarily described by taking an Android system with a layered architecture as an example.

[0445] It should be understood that the layered architecture can divide the software into several layers, and each layer has a clear role and division of labor. The layers communicate with each other through a software interface.

[0446] As shown in FIG. 13, the Android system can be divided into four layers; from top to bottom, they are the application layer, the application framework layer, the Android runtime and system library, and the kernel layer. The application layer can include a series of application packages.

[0447] As shown in FIG. 13, the application packages can include camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, short message, and anti-motion sickness application programs.

[0448] The application framework layer provides an application programming interface (API) and a programming framework for applications in the application layer. The application framework layer includes some pre-defined functions.

[0449] As shown in FIG. 13, the application framework layer can include a window manager, a content provider, a view system, a telephony manager, a resource manager, a notification manager, etc.

[0450] The window manager is used to manage window programs. The window manager can acquire the size of the screen / display interface of the electronic device, determine whether there is a status bar, control the floating display of target animations, etc.

[0451] The content provider is used to store and acquire data, and make the data accessible to applications. The data can include videos, images, audios, dialed and received calls, browsing history and bookmarks, phone books, etc.

[0452] The view system includes visual controls, such as controls for displaying text, controls for displaying pictures, controls for displaying target animations, etc. The view system can be used to build applications. The display interface can be composed of one or more views.

[0453] The telephony manager is used to provide the communication function of the electronic device. For example, the management of the call state (including call connection, call hang-up, etc.).

[0454] The resource manager provides various resources for applications, such as localized strings, icons, pictures, layout files, animation files, etc.

[0455] The notification manager enables applications to display notification information in the status bar, which can be used to convey notification type messages that can automatically disappear after a short stay without user interaction. For example, the notification manager is used to notify the completion of downloading, message reminders, etc. The notification manager can also be a notification in the form of a chart or a scroll bar text appearing in the top status bar of the system, such as a notification of an application running in the background, or a notification in the form of a dialog window appearing on the screen. For example, the text information is prompted in the status bar, a prompt sound is emitted, the terminal device vibrates, the indicator light flashes, etc.

[0456] The Android runtime includes a core library and a virtual machine. The Android runtime is responsible for the scheduling and management of the Android system.

[0457] The core library includes two parts: one part is the function function that the java language needs to call, and the other part is the core library of Android.

[0458] The application program layer and the application framework layer run in a virtual machine. The virtual machine executes the java files of the application program layer and the application framework layer into binary files. The virtual machine is used to perform functions such as management of object life cycle, stack management, thread management, management of security and exceptions, and garbage collection.

[0459] The system library can include a plurality of functional modules, such as a surface manager, media libraries, a three-dimensional graphics processing library (for example, an open graphics library for embedded systems (OpenGL ES)), and a 2D graphics engine (for example, a skia graphics library (SGL)).

[0460] The surface manager is used to manage a display subsystem and provides fusion of 2D and 3D layers for a plurality of application programs.

[0461] The media libraries support playback and recording of a plurality of audio formats, playback and recording of a plurality of video formats, and static image files. The media libraries can support a plurality of audio and video coding formats, such as MPEG4, H.264, moving picture experts group audio layer III (MP3), advanced audio coding (AAC), adaptive multi-rate (AMR), joint photographic experts group (JPG), and portable network graphics (PNG).

[0462] The three-dimensional graphics processing library is used to implement three-dimensional graphics drawing, image rendering, synthesis, and layer processing.

[0463] The 2D graphics engine is a drawing engine for 2D drawing.

[0464] The kernel layer is a layer between hardware and software. The kernel layer at least includes a display driver, a camera driver, an audio driver, and a sensor driver.

[0465] The sensor driver provides a basis for the electronic device to obtain sensor data.

[0466] In the embodiments of the present application, the electronic device can utilize the above-mentioned software system to implement the display method shown in the embodiments corresponding to the various preceding figures.

[0467] The above examples are only used to illustrate the technical solutions of the present application, but not to limit it; although the present application has been described in detail with reference to the foregoing examples, those skilled in the art should understand that they can still modify the technical solutions recorded in the foregoing examples, or make equivalent replacements for some of the technical features; and these modifications or replacements do not make the essence of the corresponding technical solutions deviate from the scope of the technical solutions of the embodiments of the present application.

[0468] The hardware structure of the electronic device involved in the embodiments of the present application will be briefly introduced below in combination with the drawings.

[0469] Please refer to FIG. 14, which is a schematic diagram of the hardware structure of an electronic device according to an example embodiment of the present application.

[0470] As shown in FIG. 14, the electronic device 200 can include a processor 210, an external memory interface 220, an internal memory 221, a universal serial bus (USB) interface 230, a charge management module 240, a power management module 241, a battery 242, an antenna 1, an antenna 2, a mobile communication module 250, a wireless communication module 260, an audio module 270, a loudspeaker 270A, a receiver 270B, a microphone 270C, a headset interface 270D, a sensor module 280, a key 290, a motor 291, an indicator 292, a camera 293, a display screen 294, and a subscriber identification module (SIM) card interface 295, etc. The sensor module 280 can include a pressure sensor 280A, a gyroscope sensor 280B, a barometric pressure sensor 280C, a magnetic sensor 280D, an acceleration sensor 280E, a distance sensor 280F, a proximity light sensor 280G, a fingerprint sensor 280H, a temperature sensor 280J, a touch sensor 280K, an ambient light sensor 280L, a bone conduction sensor 280M, etc.

[0471] It can be understood that the structure shown in the embodiments of the present application does not constitute a specific limitation on the electronic device 200. In some other embodiments of the present application, the electronic device 200 can include more or fewer components than those shown in FIG. 14, or the electronic device 200 can include a combination of some of the components shown in FIG. 14, or the electronic device 200 can include sub-components of some of the components shown in FIG. 14. The components shown in FIG. 14 can be implemented in hardware, software, or a combination of software and hardware.

[0472] The processor 210 can include one or more processing units, for example: the processor 210 can include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU), etc.

[0473] The processor 210 can also be provided with a memory for storing instructions and data.

[0474] In embodiments of the present application, the processor 210 can execute various steps in the display method. For example, the processor 210 can run the software code of the display method provided in embodiments of the present application, thereby alleviating the user's motion sickness.

[0475] The electronic device 200 can achieve the display function through the GPU, the display screen 294, and the application processor. The GPU is a microprocessor for image processing, connected to the display screen 294 and the application processor. The GPU can also be used to perform mathematical and pose calculations for graphics rendering, etc. The processor 210 can include one or more GPUs, and the execution of program instructions by the processor 210 can generate or change display information.

[0476] In embodiments of the present application, the ability of the electronic device 200 to display the display interfaces and target animations shown in the foregoing various figures relies on the display function provided by the aforementioned GPU, display screen 294, and application processor.

[0477] In some embodiments, the electronic device 200 can include 1 or N display screens 294, and N can be a positive integer greater than 1.

[0478] The display screen 294 in the embodiments of the present application can be a touch screen. The display screen 294 can be integrated with a touch sensor 280K. The touch sensor 280K can also be referred to as a "touch panel". That is, the display screen 294 can include a display panel and a touch panel, and the touch sensor 280K and the display screen 294 form a touch screen, also referred to as a "touch screen". The touch sensor 280K is used to detect touch operations acting on or near it. After the touch operation detected by the touch sensor 280K, the touch operation can be transmitted to the upper layer by the kernel layer driver (such as the TP driver) to determine the touch event type. The visual output related to the touch operation can be provided through the display screen 294. In other embodiments, the touch sensor 280K can also be arranged on the surface of the electronic device 200, which is different from the position of the display screen 294.

[0479] The external memory interface 220 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 200.

[0480] The internal memory 221 can be used to store computer executable program codes, and the executable program codes include instructions. The processor 110 executes various functional applications and data processing of the electronic device 200 by running the instructions stored in the internal memory 221.

[0481] In addition, the internal memory 221 can include a high-speed random access memory; the internal memory 221 can also include a non-volatile memory, such as at least one magnetic disk storage device, a flash memory device, a Universal Flash Storage (UFS), etc.

[0482] The pressure sensor 280A is used to sense a pressure signal and can convert the pressure signal into an electrical signal. When a touch operation acts on the display screen 294, the electronic device 200 detects the touch operation intensity according to the pressure sensor 280A. The electronic device 200 can also calculate the touch position according to the detection signal of the pressure sensor 280A. In some embodiments, different touch positions and different touch durations can correspond to different operation instructions.

[0483] The gyroscope sensor 280B can detect the angular velocity of the electronic device 200 in each direction (generally X-axis, Y-axis and Z-axis).

[0484] The acceleration sensor 280E can detect the acceleration of the electronic device 200 in each direction (generally X-axis, Y-axis and Z-axis).

[0485] In the embodiments of the present application, the electronic device 200 can further include a virtual sensor, a rotation vector sensor and a linear acceleration sensor, the virtual sensor being configured to process data collected by the acceleration sensor 280E and the gyroscope sensor 280B to determine angle information of the electronic device 200 corresponding to different motion states of the vehicle.

[0486] The motor 191 can generate vibration to provide real-time tactile feedback to the user.

[0487] In addition, various types of operating systems run on the above components. For example, Android system, IOS operating system, Symbian operating system, Black Berry operating system, Linux operating system, Windows operating system, etc. Here, only exemplary descriptions are given, and no limitation is made. Different application programs, such as any application program supporting voice chat function, can be installed and run on these operating systems.

[0488] The display method provided in the embodiments of the present application can be implemented in the electronic device 200 with the above hardware structure.

[0489] The above describes the display method provided in the embodiments of the present application in detail. It can be understood that the electronic device includes hardware and / or software modules corresponding to each function to implement the above functions. Those skilled in the art should easily realize that, in combination with the units and algorithm steps of the examples described in the embodiments disclosed herein, the present application can be implemented in the form of hardware or a combination of hardware and computer software. Whether a certain function is implemented in hardware or computer software driven hardware depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application in combination with the embodiments, but such implementation should not be considered beyond the scope of the present application.

[0490] The embodiments of the present application can divide the functional modules of the electronic device according to the above method examples. For example, each functional module can be divided according to each function, or two or more functions can be integrated into one module. The integrated module can be implemented in the form of hardware or software functional module. It should be noted that the division of modules in the embodiments of the present application is illustrative, and is only a logical functional division. Actual implementation can have another division manner.

[0491] It should be noted that all related contents of each step involved in the above method embodiments can be cited to the function description of the corresponding functional module, which will not be repeated here.

[0492] The electronic device provided in this embodiment is used to execute the above display method, and therefore can achieve the same effect as the above implementation method.

[0493] When using integrated units, the electronic device may further include a processing module, a storage module, and a communication module. The processing module is used to control and manage the operation of the electronic device. The storage module supports the execution of stored program code and data. The communication module supports communication between the electronic device and other devices.

[0494] The processing module can be a processor or a controller. It can implement or execute various exemplary logic blocks, modules, and circuits described in conjunction with the disclosure of this application. The processor can also be a combination of functions that implement computing capabilities, such as a combination of one or more microprocessors, a combination of digital signal processing (DSP) and a microprocessor, etc. The storage module can be a memory. The communication module can specifically be a radio frequency circuit, a Bluetooth chip, a WiFi chip, or other devices that interact with other electronic devices.

[0495] This application also provides a computer-readable storage medium storing a computer program that, when executed by a processor, causes the processor to perform the display method of any of the above embodiments.

[0496] This application also provides a computer program product that, when run on a computer, causes the computer to perform the aforementioned steps to implement the display method described in the above embodiments.

[0497] This application also provides a chip. Please refer to Figure 15, which is a schematic diagram of the structure of a chip provided in this application embodiment. The chip shown in Figure 15 can be a general-purpose processor or a dedicated processor. The chip includes a processor 310. The processor 310 is used to execute the display method of any of the above embodiments.

[0498] Optionally, the chip also includes a transceiver 320, which receives control from the processor to support the communication device in executing the aforementioned technical solution.

[0499] Optionally, the chip shown in Figure 15 may also include a storage medium 330.

[0500] It should be noted that the chip shown in Figure 15 can be implemented using the following circuits or devices: one or more field programmable gate arrays (FPGAs), programmable logic devices (PLDs), controllers, state machines, gate logic, discrete hardware components, any other suitable circuits, or any combination of circuits capable of performing the various functions described throughout this application.

[0501] In this embodiment, the electronic device, computer-readable storage medium, computer program product or chip are all used to execute the corresponding methods provided above. Therefore, the beneficial effects that can be achieved can be referred to the beneficial effects of the corresponding methods provided above, and will not be repeated here.

[0502] Through the above description of the embodiments, those skilled in the art will understand that, for the sake of convenience and brevity, only the division of the above functional modules is used as an example. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above.

[0503] In the several embodiments provided in this application, it should be understood that the disclosed apparatus and methods can be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative; for instance, the division of modules or units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another apparatus, or some features may be ignored or not executed. Furthermore, the mutual coupling or direct coupling or communication connection shown or discussed may be through some interfaces; the indirect coupling or communication connection between apparatuses or units may be electrical, mechanical, or other forms.

[0504] The units described as separate components may or may not be physically separate. A component shown as a unit can be one or more physical units; that is, it can be located in one place or distributed in multiple different locations. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0505] Furthermore, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit. The integrated unit can be implemented in hardware or as a software functional unit.

[0506] If the integrated unit is implemented as a software functional unit and sold or used as an independent product, it can be stored in a readable storage medium. Based on this understanding, the technical solutions of the embodiments of this application, in essence, or the parts that contribute to the prior art, or all or part of the technical solutions, can be embodied in the form of a software product. This software product is stored in a storage medium and includes several instructions to cause a device (which may be a microcontroller, chip, etc.) or processor to execute all or part of the steps of the methods of the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0507] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions that can be easily conceived by those skilled in the art within the scope of the technology disclosed in this application should be included within the scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

1. A display method, characterized in that, Applied to electronic devices, the method includes: In response to the first operation, the electronic device displays a first interface; The first interface displays a target animation in a preset area; the target animation includes animation elements, which move or remain still according to the motion state of the electronic device, and the target animation is used to map the motion state of the electronic device in real time.

2. The method according to claim 1, characterized in that, When the electronic device is located inside a vehicle, and the vehicle is in an uphill and / or bumpy motion, a target animation is displayed in a preset area of ​​the first interface, including: The preset area displays a first animation, in which animated elements move along a first preset direction.

3. The method according to claim 2, characterized in that, When the vehicle is in a downhill and / or bumpy motion, a target animation is displayed in a preset area of ​​the first interface, including: The preset area displays a second animation, in which animated elements move along a second preset direction, which is opposite to the first preset direction.

4. The method according to claim 3, characterized in that, The animation elements include a first animation element, which includes a first track and a second track. When the vehicle is tilting to the left and / or swaying to the left, a target animation is displayed in a preset area of ​​the first interface, including: The preset area displays a third animation, in which the first track moves along the first preset direction and the second track moves along the second preset direction, while the first track and the second track rotate counterclockwise around the Z-axis by a first rotation angle.

5. The method according to claim 4, characterized in that, When the vehicle is tilted to the right and / or in a right-bumping motion, a target animation is displayed in a preset area of ​​the first interface, including: The preset area displays a fourth animation, in which the first track moves along the second preset direction and the second track moves along the first preset direction, while the first track and the second track rotate clockwise around the Z-axis by a first rotation angle.

6. The method according to claim 2, characterized in that, When the vehicle is accelerating, a target animation is displayed in a preset area of ​​the first interface, including: The preset area displays a fifth animation, in which the display size of the animation elements is adjusted from a first display size to a second display size, where the first display size is smaller than the second display size.

7. The method according to claim 6, characterized in that, When the vehicle is decelerating, a target animation is displayed in a preset area of ​​the first interface, including: The preset area displays the sixth animation, in which the display size of the animation element is adjusted from the third display size to the fourth display size, and the third display size is larger than the fourth display size.

8. The method according to claim 2, characterized in that, The first track and the second track are displayed symmetrically in the preset area. The animation elements also include a second animation element. When the vehicle is making a left turn, the preset area of ​​the first interface displays a target animation, including: The preset area displays a seventh animation, in which a second animation element moves along a third preset direction in the first track, passes the right end of the first track, and moves to the left start of the second track.

9. The method according to claim 8, characterized in that, When the vehicle is continuously making a left turn, a target animation is displayed in a preset area of ​​the first interface, including: The preset area displays the eighth animation, in which the second animation element moves along the third preset direction from the left starting end of the second track, passes the right end of the second track, and moves to the left starting end of the first track.

10. The method according to claim 8, characterized in that, When the vehicle is making a right turn, a target animation is displayed in a preset area of ​​the first interface, including: The preset area displays the ninth animation, in which the second animation element moves along the fourth preset direction in the second track, passes the left end of the second track, and moves to the right start of the first track. The fourth preset direction is opposite to the third preset direction.

11. The method according to claim 10, characterized in that, When the vehicle is continuously making a right turn, a target animation is displayed in a preset area of ​​the first interface, including: The preset area displays the tenth animation, in which the second animation element moves along the fourth preset direction from the right starting end of the first track, passes the left end of the first track, and moves to the right starting end of the second track.

12. The method according to claim 8, characterized in that, When the vehicle is in a left-turn motion, the preset area of ​​the first interface displays the target animation, and also includes: The preset area displays the eleventh animation. In the eleventh animation, the display size of the first track is adjusted from the fifth display size to the sixth display size, and the display size of the second track is adjusted from the fifth display size to the seventh display size. The fifth display size is smaller than the sixth display size, and the fifth display size is larger than the seventh display size.

13. The method according to claim 12, characterized in that, When the vehicle is in a right-turn motion, the preset area of ​​the first interface displays the target animation, and also includes: The preset area displays the twelfth animation, in which the display size of the first track in the twelfth animation is adjusted from the fifth display size to the seventh display size, and the display size of the second track is adjusted from the fifth display size to the sixth display size.

14. The method according to claim 2, characterized in that, The method further includes: When the vehicle is in a stable motion, the preset area displays the thirteenth animation, and the animation elements in the thirteenth animation are static.

15. The method according to any one of claims 2 to 14, characterized in that, The method further includes adjusting the transparency of the animated element from a first transparency value to a second transparency value based on the motion state of the vehicle.

16. The method according to any one of claims 1 to 15, characterized in that, The method further includes: adjusting the display color of the animated elements according to the color of the first interface.

17. The method according to any one of claims 8 to 16, characterized in that, The first animation element includes any one of a track, a rectangle, or a ring, and the second animation element includes any one of a ball, an animal, a person, or a plant.

18. The method according to any one of claims 1 to 17, characterized in that, The first operation includes at least one of the following: clicking, swiping, voice, and gesture operations to activate the dizziness relief function switch.

19. The method according to any one of claims 1 to 18, characterized in that, The method further includes: In response to the second operation, the electronic device displays a second interface; the second interface includes controls for adjusting the animation parameters; In response to a third operation on the control, the animation parameters are adjusted.

20. An electronic device, characterized in that, include: One or more processors; one or more memories; The memory stores one or more programs that, when executed by the processor, cause the electronic device to perform the method of any one of claims 1 to 19.

21. A chip, characterized in that, include: A processor for retrieving and running a computer program from memory, causing an electronic device on which the chip is mounted to perform the method as described in any one of claims 1 to 19.

22. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program that, when executed by a processor, causes the processor to perform the method of any one of claims 1 to 19.

Images