← Back

Prototypes

In February 2023 I started a series of interface explorations and prototypes built using SwiftUI.

The aim of these prototypes is to explore interesting interface ideas that use more of the device's capabilities and sensors, and make you feel something.

You can can follow along on Twitter/X.

Genie Effect Interactive 'genie' animation using SwiftUI shaders.

See Tweet
Zoom & Motion Blur Subtle zoom & motion blur shader that changes the feel of the dragged element entirely (and makes it fun to play around with).


See Tweet
Titanium Material Interactive Titanium material with particles that are driven by touch and the device's motion.
Amalgam of SpriteKit particles, gradients and blend modes.

See Tweet
Incense TimerTimer using a incense stick metaphor and gestural invocations for setting, starting and stopping the timer. A little exploration into materiality, gestures, particles and haptics.

See Tweet
Glass Material A glass-like material that subtly reflects and adapts the room's ambient light. The prototype samples the device's front camera to determine the light source in the room and adapts the border and surface reflection.

See Tweet
Hour GlassA timer that is initiated by a physical flip interaction. The interface responds and interacts with the device's motion. The effect is achieved by blending together linear gradients, shapes and SpriteKit particles.

See Tweet
Ambient Interface 1 Interface that responds to the current ambient light level and creates a glow-in-the-dark effect. The effect is achieved by reading the device's ambient light sensor and partially dimming UI elements.

See Tweet
Ambient Interface 2 A dynamic background using the same ambient light reading. The fireflies are generated using SpriteKit.

See Tweet
Reflective ButtonUses the device's front camera to emulate a reflective metal/chrome surface. The effect is augmented by layering multiple inner shadows and showing smudges after interacting with the button.

Solar Eclipse Uses the device's accelerometer to move the 'moon' around the canvas. When the moon and sun ellipses overlap they create an interesting glow effect. The smooth glow is achieved by layering multiple outer glows on top of each other.