Technologies for rendering items within a user interface using various rendering effects
Systems and methods for rendering items with a user interface of an electronic device are described. According to certain aspects, an electronic device may detect its orientation and render, in a user interface, a physical item using a rendering effect determined from the orientation. As a user of the electronic device reorients the electronic device, the electronic device may automatically and dynamically update the rendering with an updated rendering effect to reflect the updated orientation. In embodiments, the user may use the electronic device to complete an order for the physical item.
1. An electronic device for rendering an item, comprising:
at least one sensor;
a user interface;
a memory storing non-transitory computer executable instructions; and
a processor interfacing with the at least one sensor, the user interface, and the memory, wherein the processor is configured to execute the non-transitory computer executable instructions to cause the processor to:
retrieve, from the at least one sensor, a first set of sensor data,
determine, based on the first set of sensor data, an initial rendering of the item,
cause the user interface to render the item according to the initial rendering, and
after causing the user interface to render the item according to the initial rendering:
retrieve, from the at least one sensor, a second set of sensor data,
determine, based on the second set of sensor data, an updated rendering of the item, and
cause the user interface to render the item according to the updated rendering.
2. The electronic device of claim 1 , wherein the at least one sensor is one of a gyroscope, an image sensor, an ambient light sensor, an accelerometer, a proximity sensor, or a location module.
3. The electronic device of claim 1 , wherein to determine the initial rendering of the item, the processor is configured to:
identify an orientation of the electronic device, and
determine, based on the orientation and the first set of sensor data, the initial rendering of the item.
4. The electronic device of claim 1 , wherein to determine the initial rendering of the item, the processor is configured to:
determine, based on the first set of sensor data, a portion of the item to be rendered with a reflection effect,
access a mask image corresponding to the item, the mask image having a mask portion corresponding to the portion of the item, and
determine the initial rendering to create the reflection effect by overlaying the mask portion of the mask image on the portion of the item.
5. The electronic device of claim 1 , further comprising a location module, wherein to determine the initial rendering of the item, the processor is configured to:
retrieve a detected location from the location module, and
determine, based on the first set of sensor data and the detected location, the initial rendering of the item.
6. The electronic device of claim 1 , further comprising an image sensor configured to capture a set of image data, wherein to determine the initial rendering of the item, the processor is configured to:
determine, based on the first set of sensor data and the set of image data, the initial rendering of the item.
7. The electronic device of claim 1 , wherein the processor is further configured to:
receive, via the user interface, a selection to complete an order for the item, and
in response to receiving the selection, facilitate completion of the order for the item.
8. The electronic device of claim 1 , wherein the at least one sensor comprises a first sensor and a second sensor.
9. The electronic device of claim 8 , wherein to determine the initial rendering of the item, the processor is configured to:
determine, based on the first set of sensor data retrieved from the first sensor, the initial rendering of the item;
and wherein to determine the updated rendering of the item, the processor is configured to:
determine, based on the second set of sensor data retrieved from the second sensor, the updated rendering of the item.
10. The electronic device of claim 1 , wherein to determine the initial rendering of the item, the processor is configured to:
determine, based on the first set of sensor data and a size of the user interface, the initial rendering of the item.
11. A computer-implemented method in an electronic device of rendering, in a user interface, an item, the method comprising:
retrieving, by a processor from at least one sensor, a first set of sensor data;
determining, by the processor based on the first set of sensor data, an initial rendering of the item;
rendering, in a user interface, the item according to the initial rendering; and
after rending the item according to the initial rendering:
retrieving, by the processor from the at least one sensor, a second set of sensor data,
determining, by the processor based on the second set of sensor data, an updated rendering of the item, and
rendering, in the user interface, the item according to the updated rendering.
12. The computer-implemented method of claim 11 , wherein the at least one sensor is one of a gyroscope, an image sensor, an ambient light sensor, an accelerometer, a proximity sensor, or a location module.
13. The computer-implemented method of claim 11 , wherein determining the initial rendering of the item comprises:
identifying an orientation of the electronic device; and
determining, by the processor based on the orientation and the first set of sensor data, the initial rendering of the item.
14. The computer-implemented method of claim 11 , wherein determining the initial rendering of the item comprises:
determining, by the processor based on the first set of sensor data, a portion of the item to be rendered with a reflection effect;
accessing a mask image corresponding to the item, the mask image having a mask portion corresponding to the portion of the item; and
determining, by the processor, the initial rendering to create the reflection effect by overlaying the mask portion of the mask image on the portion of the item.
15. The computer-implemented method of claim 11 , wherein determining the initial rendering of the item comprises:
retrieving, by the processor from a location module, a detected location; and
determining, by the processor based on the first set of sensor data and the detected location, the initial rendering of the item.
16. The computer-implemented method of claim 11 , wherein determining the initial rendering of the item comprises:
determining, by the processor based on a first set of sensor data and a set of image data captured by an image sensor, the initial rendering of the item.
17. The computer-implemented method of claim 11 , further comprising:
receiving, via the user interface, a selection to complete an order for the item; and
in response to receiving the selection, facilitating completion of the order for the item.
18. The computer-implemented method of claim 11 , wherein the at least one sensor comprises a first sensor and a second sensor.
19. The computer-implemented method of claim 18 , wherein determining the initial rendering of the item comprises:
determining, by the processor based on the first set of sensor data retrieved from the first sensor, the initial rendering of the item;
and wherein determining the updated rendering of the item comprises:
determining, by the processor based on the second set of sensor data retrieved from the second sensor, the updated rendering of the item.
20. The computer-implemented method of claim 11 , wherein determining the initial rendering of the item comprises:
determining, by the processor based on the first set of sensor data and a size of the user interface, the initial rendering of the item.