Animating an image to indicate that the image is pannable
In general, the subject matter described in this disclosure can be embodied in methods, systems, and computer-readable devices. A computing device presents a user interface that includes first and second images. The computing device receives first user input that moves the user interface in a first direction. The computing device moves the user interface in the first direction by moving the first and second images in the first direction, and modifying a presentation of the second image at the same time that the second image is moved in the first direction, to indicate that the second image is an image that is pannable. The computing device receives second user input that interacts with the second image to pan the second image. The computing device pans the second image by replacing a first portion of the second image with a second portion of the second image.
1. A computer-implemented method for presenting information, comprising:
presenting, by a computing device, a user interface that includes a static image that is not pannable, and a pannable image that is pannable;
receiving, by the computing device, first user input that moves the user interface upward;
moving, by the computing device and in response to having received the first user input, the user interface upward by:
(i) moving the static image upward to correspond to movement of the first user input,
(ii) moving the pannable image upward to correspond to movement of the first user input, and
(iii) panning a presentation of the pannable image at the same time that the pannable image is moved upward, by panning the pannable image in a first direction than is different than the movement upward to indicate that the pannable image is an image that is pannable, wherein the panning the presentation of the pannable image by panning the pannable image in the first direction that is different than the movement upward includes panning the pannable image a distance in the first direction that is proportional to a distance of the movement upward;
receiving, by the computing device, second user input that moves the user interface downward;
moving, by the computing device and in response to having received the second user input, the user interface downward by:
(i) moving the static image downward to correspond to movement of the second user input,
(ii) moving the pannable image downward to correspond to movement of the second user input, and
(iii) panning the presentation of the pannable image at the same time that the pannable image is moved downward, by panning the pannable image in a second direction that is different than the movement downward and that is opposite the first direction, to indicate that the pannable image is an image that is pannable, wherein the panning the presentation of the pannable image by panning the pannable image in the second direction that is different the movement downward and that is opposite the first direction includes panning the pannable image a distance in the second direction that is proportional to a distance of the movement downward,
receiving, by the computing device, third user input that interacts with the pannable image to pan the pannable image; and
panning, by the computing device and in response to having received the third user input, the pannable image by replacing a first portion of the pannable image with a second portion of the pannable image, wherein the first portion of the pannable image is different from the second portion of the pannable image.
2. The computer-implemented method of claim 1 , wherein:
presenting the user interface includes presenting the user interface on a touchscreen of the computing device; and
receiving the first user input that moves the user interface upward includes receiving an indication that an object contacted the touchscreen and moved upward.
3. The computer-implemented method of claim 2 , wherein the object contacted the touchscreen and moved upward without contacting any portion of the touchscreen at which the pannable image was being displayed.
4. The computer-implemented method of claim 3 , wherein:
receiving the third user input that interacts with the pannable image to pan the pannable image includes receiving an indication that an object contacted the touchscreen at a location at which the pannable image was being displayed and moved in a direction other than upward and other than downward; and
panning the pannable image includes panning the pannable image in the direction that is other than upward and other than downward.
5. The computer-implemented method of claim 1 , wherein the pannable image is a panoramic image or spherical image.
6. The computer-implemented method of claim 1 , wherein the first direction in which the pannable image is panned at the same time that the pannable image is moved upward is orthogonal to upward.
7. The computer-implemented method of claim 1 , wherein the computing device is configured to only pan the pannable image in response to user input that moves the user interface, such that the pannable image stops panning at a same time that the user interface stops moving.
8. The computer-implemented method of claim 1 , wherein the panning of the pannable image in the first direction and the panning of the pannable image in the second direction does not represent playing of a video.
9. A computerized system, including:
one or more computer processors; and
one or more computer-readable devices including instructions that, when executed by the one or more processors, cause the one processors to perform operations that include:
presenting, by a computing device, a user interface that includes a static image that is not pannable, and a pannable image that is pannable;
receiving, by the computing device, first user input that moves the user interface upward;
moving, by the computing device and in response to having received the first user input, the user interface upward by:
(i) moving the static image upward to correspond to movement of the first user input,
(ii) moving the pannable image upward to correspond to movement of the first user input, and
(iii) panning a presentation of the pannable image at the same time that the pannable image is moved upward, by panning the pannable image in a first direction than is different than the movement upward to indicate that the pannable image is an image that is pannable, wherein the panning the presentation of the pannable image by panning the pannable image in the first direction that is different than the movement upward includes panning the pannable image a distance in the first direction that is proportional to a distance of the movement upward;
receiving, by the computing device, second user input that moves the user interface downward;
moving, by the computing device and in response to having received the second user input, the user interface downward by:
(i) moving the static image downward to correspond to movement of the second user input,
(ii) moving the pannable image downward to correspond to movement of the second user input, and
(iii) panning the presentation of the pannable image at the same time that the pannable image is moved downward, by panning the pannable image in a second direction that is different than the movement downward and that is opposite the first direction, to indicate that the pannable image is an image that is pannable, wherein the panning the presentation of the pannable image by panning the pannable image in the second direction that is different the movement downward and that is opposite the first direction includes panning the pannable image a distance in the second direction that is proportional to a distance of the movement downward,
receiving, by the computing device, third user input that interacts with the pannable image to pan the pannable image; and
panning, by the computing device and in response to having received the third user input, the pannable image by replacing a first portion of the pannable image with a second portion of the pannable image, wherein the first portion of the pannable image is different from the second portion of the pannable image.
10. The computerized system of claim 9 , wherein:
presenting the user interface includes presenting the user interface on a touchscreen of the computing device; and
receiving the first user input that moves the user interface upward includes receiving an indication that an object contacted the touchscreen and moved upward.
11. The computerized system of claim 10 , wherein the object contacted the touchscreen and moved upward without contacting any portion of the touchscreen at which the pannable image was being displayed.
12. The computerized system of claim 11 , wherein:
receiving the third user input that interacts with the pannable image to pan the pannable image includes receiving an indication that an object contacted the touchscreen at a location at which the pannable image was being displayed and moved in a direction other than upward and other than downward; and
panning the pannable image includes panning the pannable image in the direction that is other than upward and other than downward.
13. The computerized system of claim 9 , wherein the pannable image is a panoramic image or spherical image.
14. The computerized system of claim 9 , wherein the first direction in which the pannable image is panned at the same time that the pannable image is moved upward is orthogonal to upward.
15. A computer-implemented method for presenting information, comprising:
presenting, by a computing device, a user interface that includes a static image that is not pannable, and a pannable image that is pannable;
receiving, by the computing device, first user input that moves the user interface upward;
moving, by the computing device and in response to having received the first user input, the user interface upward by:
(i) moving the static image upward to correspond to movement of the first user input,
(ii) moving the pannable image upward to correspond to movement of the first user input, and
(iii) panning a presentation of the pannable image at the same time that the pannable image is moved upward, by panning the pannable image in a first direction than is different than the movement upward to indicate that the pannable image is an image that is pannable, wherein a speed of the panning of the pannable image in the first direction includes panning the pannable image proportional to a speed at which the first user input moves the user interface upward, such that the panning speeds up and speeds down as the first user input speeds up and speeds down;
receiving, by the computing device, second user input that moves the user interface downward;
moving, by the computing device and in response to having received the second user input, the user interface downward by:
(i) moving the static image downward to correspond to movement of the second user input,
(ii) moving the pannable image downward to correspond to movement of the second user input, and
(iii) panning the presentation of the pannable image at the same time that the pannable image is moved downward, by panning the pannable image in a second direction that is different than the movement downward and that is opposite the first direction, to indicate that the pannable image is an image that is pannable, wherein a speed of the panning of the pannable image in the second direction includes panning the pannable image proportional to a speed at which the second user input moves the user interface downward, such that the panning speeds up and speeds down as the second user input speeds up and speeds down;
receiving, by the computing device, third user input that interacts with the pannable image to pan the pannable image; and
panning, by the computing device and in response to having received the third user input, the pannable image by replacing a first portion of the pannable image with a second portion of the pannable image, wherein the first portion of the pannable image is different from the second portion of the pannable image.
16. A computerized system, including:
one or more computer processors; and
one or more computer-readable devices including instructions that, when executed by the one or more processors, cause the one processors to perform operations that include:
presenting, by a computing device, a user interface that includes a static image that is not pannable, and a pannable image that is pannable;
receiving, by the computing device, first user input that moves the user interface upward;
moving, by the computing device and in response to having received the first user input, the user interface upward by:
(i) moving the static image upward to correspond to movement of the first user input,
(ii) moving the pannable image upward to correspond to movement of the first user input, and
(iii) panning a presentation of the pannable image at the same time that the pannable image is moved upward, by panning the pannable image in a first direction than is different than the movement upward to indicate that the pannable image is an image that is pannable, wherein a speed of the panning of the pannable image in the first direction includes panning the pannable image proportional to a speed at which the first user input moves the user interface upward, such that the panning speeds up and speeds down as the first user input speeds up and speeds down;
receiving, by the computing device, second user input that moves the user interface downward;
moving, by the computing device and in response to having received the second user input, the user interface downward by:
(i) moving the static image downward to correspond to movement of the second user input,
(ii) moving the pannable image downward to correspond to movement of the second user input, and
(iii) panning the presentation of the pannable image at the same time that the pannable image is moved downward, by panning the pannable image in a second direction that is different than the movement downward and that is opposite the first direction, to indicate that the pannable image is an image that is pannable, wherein a speed of the panning of the pannable image in the second direction includes panning the pannable image proportional to a speed at which the second user input moves the user interface downward, such that the panning speeds up and speeds down as the second user input speeds up and speeds down;
receiving, by the computing device, third user input that interacts with the pannable image to pan the pannable image; and
panning, by the computing device and in response to having received the third user input, the pannable image by replacing a first portion of the pannable image with a second portion of the pannable image, wherein the first portion of the pannable image is different from the second portion of the pannable image.