Oleg Frolov
volorf.bsky.social
Oleg Frolov
@volorf.bsky.social
400 followers 85 following 130 posts
XR Design and Engineering. Spatial Computing. Semiotics.
Posts Media Videos Starter Packs
Wrote an article about math I use to design and develop interactive experiences for AR/VR. I tried to focus on the practical aspects of it and keep it as simple as possible. Hope you will find it helpful!

medium.com/@olegfrolov/...

#uiprogramming #3dmath #spatialdesign #xr #interactiondesign
2) To modulate an audio signal: changing a pitch, volume, pan, transposing voices, or any other arbitrary parameter that needs to be temporarily modulated (similar to the pitch wheel on synths).
3) For the general manual 1D "Perlin" noise generation to transform any arbitrary data.
All of the cases are real-time applied value transformation.

Use cases:
1) To control for movement, where non-zero values are offsets from for one of the transform axes (player.location.x += stepper.GetValue());
For this particular variant, I set it to automatically revert to the default after the user stops interacting with the UI.

This specific behavior makes this UI unlikely to be seen in a product cart to select several items, but there are a few cases when someone might use it.
Balanced Stepper III
Another interaction experiment with a stepper. The main idea behind this piece of UI is that the interaction mechanics favor restoring the balanced default value (zero in this example).

#swiftui #interactiondesign #uidesign #uxdesign #prototyping
thought it was a screenshot from Sinksong first :)
The more deviated the value, the easier it is to go back to the optimal one. Tapping the value restores the default state immediately.
The interactive zone for decreasing the current value increases in proportion to the value itself. And vice versa (the interactive zone for "+" is inversely proportional to the value).
Thanks! The interaction is quite similar to a regular slider. The interactive zone for decreasing the current value increases in proportion to the value itself. And vice versa.
Here are some use cases when using such interaction might be helpful to:
- Applying color correction;
- Modifying the audio signal;
- Setting offsets for a predefined trajectory;
- Setting deviation values for distributions;
- Correcting data weights.
The affordance of this UI is to make it easy to revert to a default optimal value. The more deviated the value, the easier it is to go back to the optimal one. So, it requires a high level of awareness to set extreme deviational values, which decreases the chance of doing this accidentally.
Made a Balanced Stepper. I was exploring a fusion between a slider and a stepper. Came up with an interesting interaction pattern.

#swiftui #interactiondesign #uidesign #uxdesign #prototyping
Cross Product visualisation for Essential Math for Spatial Computing. I use it this operation a lot when I need to reconstruct some local 3D space base only two available directions.
VolumeUI demo + sounds. The APK is available on GitHub.
#volumeui #interactiondesign #spatialcomputing
scalar multiplication of vectors demo
vector subtraction demo
I use it to program almost all my spatial interactions for converting 6DoF of verbose human body movement into meaningful values for restricted UI spaces (volume/plane/line).
The dot product has many powerful properties. My favourite one is this: when you multiply a normalised target vector by an arbitrary vector, you get a number, which you can use to scale the target vector and get a projection vector of the arbitrary vector onto the target one!

#spatialmath #3dmath
A vector addition demo as a part of my upcoming talk about Essential Math for Spatial Computing at Design Engineering Meetup.
No way! Having a good audio feedback system is the only change to develop muscle memory that does not rely on visual feedback (which is crucial if you care about user retention rate!).

Here is my sound design set :)
Yes, plan to redesign sound a little (in this shot, OBS failed to record audio). Want to add sound during the pressing phase as well. Will share an APK soon 😊
Tested some of the components of my VolumeUI library in VR. Thought it would be nice to add RGB corners to the backplate as well. So, did it. All components will support some types of RGB animations.

#spatialcomputing #xrdesign #volumeui #virtualreality #unity3d #uidesign #uilibrary #3dmath