Josh Ackerman

Dynamic Lighting

  • Save
Dynamic Lighting ui lighting ar vr framer framerjs light source dynamic lighting lighting dynamic blck blckos

With the advent of AR, computer interfaces will need to blend seamlessly and unobtrusively with the real world which contains many, multidirectional light sources. So not all shadows have the same properties and not all objects have highlights at the same angle. By making interface shadows and gradients dynamic, it is possible to create more natural and seamless interfaces for augmented reality. This is a prototype of this idea made in Framer.

In this example, the light source is visible so you can see how the objects and their shadows react to moving it. In an actual implementation, real data from ambient light sensors or the camera, could be used to calculate this position.

keyboard shortcuts: L or F like