Author | Lightnews

Oleg Frolov @volorf.bsky.social · 1d

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

9 32

Oleg Frolov @volorf.bsky.social · 5d

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.

Oleg Frolov @volorf.bsky.social · 5d

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());

1

Oleg Frolov @volorf.bsky.social · 5d

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.

1

Oleg Frolov @volorf.bsky.social · 5d

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

1 12

Oleg Frolov @volorf.bsky.social · 7d

thought it was a screenshot from Sinksong first :)

1 1

Oleg Frolov @volorf.bsky.social · 28d

The more deviated the value, the easier it is to go back to the optimal one. Tapping the value restores the default state immediately.

Oleg Frolov @volorf.bsky.social · 28d

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).

1

Oleg Frolov @volorf.bsky.social · 28d

Balanced Stepper II

2 4

Oleg Frolov @volorf.bsky.social · 29d

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.

1

Oleg Frolov @volorf.bsky.social · Sep 22

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.

2

Oleg Frolov @volorf.bsky.social · Sep 22

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.

1 2

Oleg Frolov @volorf.bsky.social · Sep 22

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

4 2 20

Oleg Frolov @volorf.bsky.social · Sep 18

Like this

3 12

Oleg Frolov @volorf.bsky.social · Sep 18

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.

1 3 8

Oleg Frolov @volorf.bsky.social · Sep 16

The link is github.com/Volorf/xr-pr...

GitHub - Volorf/xr-prototypes: A collection of my XR prototypes as apk files for Meta Quest devices.

A collection of my XR prototypes as apk files for Meta Quest devices. - Volorf/xr-prototypes

github.com

1

Oleg Frolov @volorf.bsky.social · Sep 16

VolumeUI demo + sounds. The APK is available on GitHub.
#volumeui #interactiondesign #spatialcomputing

1 1 8

Oleg Frolov @volorf.bsky.social · Sep 14

scalar multiplication of vectors demo

1

Oleg Frolov @volorf.bsky.social · Sep 13

vector subtraction demo

4

Oleg Frolov @volorf.bsky.social · Sep 12

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).

1

Oleg Frolov @volorf.bsky.social · Sep 12

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

1 11

Oleg Frolov @volorf.bsky.social · Sep 9

A vector addition demo as a part of my upcoming talk about Essential Math for Spatial Computing at Design Engineering Meetup.

1 5

Oleg Frolov @volorf.bsky.social · Sep 3

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 :)

2

Oleg Frolov @volorf.bsky.social · Sep 3

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 😊

1 1

Oleg Frolov @volorf.bsky.social · Sep 3

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

1 3 11