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:
a clock;
a user interface;
a memory storing non-transitory computer executable instructions; and
a processor interfacing with the clock, the user interface, and the memory, wherein the processor is configured to execute the non-transitory computer executable instructions to cause the processor to:
identify an orientation of the electronic device,
retrieve timing data from the clock,
determine, based on the orientation of the electronic device, a location of the electronic device, and the timing data, a rendering effect for the item, and
cause the user interface to render the item using the rendering effect.
2. The electronic device of claim 1 , wherein the timing data retrieved from the clock comprises at least one of: time of day, day of week, or day of year.
3. The electronic device of claim 1 , further comprising:
a light sensor;
wherein the processor determines the rendering effect for the item further based on data from the light sensor.
4. The electronic device of claim 3 , wherein to determine the rendering effect for the item, the processor is configured to:
determine, based on the data from the light sensor, a brightness degree for the rendering effect.
5. The electronic device 1 , further comprising:
a location module;
wherein the processor is configured to execute the non-transitory computer executable instructions to further cause the processor to:
retrieve location data from the location module, wherein the location data indicates the location of the electronic device.
6. The electronic device of claim 1 , further comprising:
an image sensor configured to capture a set of image data;
wherein the processor determines the rendering effect for the item further based data from the set of image data.
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 , further comprising:
a sensor for detecting the orientation of the electronic device.
9. The electronic device of claim 8 , wherein the sensor is a gyroscope that senses rotational motion of the electronic device.
10. The electronic device of claim 1 , wherein to determine the rendering effect for the item, the processor is configured to:
determine, based on the orientation of the electronic device, the location of the electronic device, and the timing 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 rendering effect to create the reflection effect by overlaying the mask portion of the mask image on the portion of the item.
11. A computer-implemented method in an electronic device of rendering, in a user interface, an item, the method comprising:
identifying an orientation of the electronic device;
retrieving, by a processor, timing data from the clock;
determining, by the processor based on the orientation of the electronic device, a location of the electronic device, and the timing data, a rendering effect for the item; and
rendering, in the user interface, the item using the rendering effect.
12. The computer-implemented method of claim 11 , wherein the timing data retrieved from the clock comprises at least one of: time of day, day of week, or day of year.
13. The computer-implemented method of claim 11 , wherein determining the rendering effect for the item comprises:
determining, by the processor based on the orientation of the electronic device, the location of the electronic device, the timing data, and data from a light sensor, the rendering effect for the item.
14. The computer-implemented method of claim 13 , further comprising:
determining, by the processor based on the data from the light sensor, a brightness degree for the rendering effect.
15. The computer-implemented method of claim 11 , further comprising:
retrieving, by the processor from a location module, location data indicating the location of the electronic device.
16. The computer-implemented method of claim 11 , wherein determining the rendering effect for the item comprises:
determining, by the processor based on the orientation of the electronic device, the location of the electronic device, the timing data, and a set of image data from an image sensor, the rendering effect for 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 identifying an orientation of the electronic device comprises:
determining, by the processor based on data from a sensor of the electronic device, the orientation of the electronic device.
19. The computer-implemented method of claim 18 , wherein the sensor is a gyroscope that senses rotational motion of the electronic device.
20. The computer-implemented method of claim 11 , wherein determining the rendering effect for the item comprises:
determining, based on the orientation of the electronic device, the location of the electronic device, and the timing 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 the rendering effect to create the reflection effect by overlaying the mask portion of the mask image on the portion of the item.