Extendable slider.

Bidirectional Slider. #ui #interactiondesign #swiftui #uiprogramming #uidesign

Added PROXIMITY algorithm to modifiers for Generista [Figma Plugin]. I liked the effect in Cinema 4D and often used it with P5.js and Processing. And now you can do this directly in Figma!

Updated the XR controllers I use in BoxelXR. Now ALL actions and UI interactions have Sound and Haptic Feedback. Not sure if I overdid it, but it felt fun :) #spatialcomputing #voxeleditor #xr #vr #mixedreality

Got a few new books for weekend readings. Started “Why Machines Learn” and “AI Engineering”. So far so good. Was pleasantly surprised that the math behind the ML/AI was so similar to what I use when I work on spatial interactions and shaders.

Asked Claude to generate a bunch of Minecraft characters for my little voxel editor, BoxelXR. It looked at the existing handmade models and followed their example. The result is fine. It’s much better than the generation test I made last year.

A homeostatic version.

something i've been playing with over the last couple of weekends: a circle slider. similar to a dial, this allows you to turn circular motion into input, by dragging off of a ui element. #uxsky #designsky

UI experiment with a slider inspired by lever mechanics. Built in SwiftUI.

Made a few quality-of-life updates for Generista: 1️⃣ Improved randomization algorithms; 2️⃣ Fixed a few bugs in input validation; 3️⃣ Added cross-session UI state sharing (the plugin remembers your settings); 4️⃣ Added a help icon to explain what each modifier does. Happy Designing!

Another experiment with a slider UI leveraging a lever. Like the previous one, pulling down increases value, while pulling up decreases it. It follows physics-based expectations: the slider indicator behaves like a liquid. #uidesign #ui #interactiondesign #slider #progress #microinteractions

ui experiment: pull to lever.

Over the weekend, I was refactoring some of my old projects with Claude, and accidentally added several new features to Sparkliner: ✅ Vertical Bar Graph; ✅ Donut/Pie Graph; ✅ Preserving users’ UI changes across sessions. #figmaplugin #datavisualisation #productdesign #graphs

This is my original design of the sharing screen for Spatial Snake. Looks like a portal. I love their multi-dimensional contrast when a 2D plane reveals hidden 3D space (the absurdity of portals is fascinating).

Made a preloading animation for Spatial Snake. It’s one of the cases when an eye-catching animation can mask a few seconds of processing delay, making the experience feel more seamless than it actually is. #spatialcomputing #spatialdesign #mixedreality #xrdevelopment #3d

Discovered that you can display a mesh's edge length in the editor. 3D UI Design 🤝 Blender.

🕹️ Finished my little game, Spatial Snake. It’s available on the App Store. Feel free to try it! And don’t forget to share your score with Haiku, written by on-device AI (FoundationModels)! #swiftui #realitykit #visionos #visionpro #spatialcomputing #mixedreality #foundationmodels #xr

Spatial Snake logo exploration: 🏀 VS 📦

Tried a sphere as a base shape for the Spatial Snake. Looks interesting, but it feels like it decreases spatial awareness a bit. Plus, when you use cubes, you have a directional affordance for in which direction you can poke the shape. Spheres lack this. #swiftui #realitykit #visionos #visionpro

The source code, if you were curious :) github.com/Volorf/Reali...

Tested `GroundingShadowComponent` and was surprised that the preview scene in XCode is actually 3D. I thought it was a simple cube with a texture, because it was real-time and fast. That's Apple for you.

Put my recent Homeostatic UI experiments into an app. Feel free to try it via TestFlight -- testflight.apple.com/join/MHJd1kT3 ⚒️ Tools: XCode + SwiftUI #interactiondesign #swiftui #uidesign #uiprogramming

Made a share score screen for the ARSnake game I posted last time. The cubes’ composition is a 2D projection of your snake's final state. There is a haiku to celebrate the challenge you have taken. The haiku is generated by Apple’s FoundationModels (on-device!). #swiftui #realitykit #visionos

Added a menu and sounds to my lil AR game. It’s really great that audio spatialization is coming by default in VisionOS. It helps significantly improve spatial awareness of the experience. #swiftui #realitykit #visionos #visionpro #spatialcomputing

Made a lil attraction physics experiment using RealityKit. Runs on Apple Vision Pro. #spatialcomputing #realitykit #visionos

Played with the 3 Newton's motion laws in RealityKit. ECS is fun! #spatialcomputing #xr #realitykit #visionos #ecs

Tried 1m^3 voxels. The size is not particularly useful in AR/VR for close-range interactions. It seriously decreases spatial awareness, and it's quite tiring to move around. Mentally, the appropriate size was the one where the offset is reachable in a single step. Which is 0.5m for me.

Tried to use Minecraft-sized voxels in my previous RealityKit experiment. It won’t be practical for indoor use, but I can see some use cases for this size if you're designing in the field. #spatialcomputing #visionos #realitykit #spatialdesign

Tried small voxels. 👍 Felt comfortable, compact. You don't need to move your head too much. 👎 Tap accuracy decreased with the target size, obviously. 🔊 Added a touch sound. Love how audio is spatialized by default in VisionOS, no need for plugins or extra setup.

Prototyped a little VisionOS game based on the previous RealityKit experiment. I plan to juice it (or lose it) and release it on the App Store. Stay tuned! #swiftui #realitykit #visionpro #spatialcomputing

Added an emission shader to my last prototype. Looks nice too. And useful, if you're hacking around late at night! Love how gracefully VisionOS handles body and object occlusion. #spatialcomputing #visionos #swiftui #realitykit #spatialdesign

Made another prototype to explore how you can create a voxel with hand-tracking. When you push the main voxel, it generates “wireframe” voxels along its path. Tools: XCode + RealityKit + SwiftUI Device: Apple Vision Pro #spatialcomputing #visionos #realitykit #swiftui #prototyping

Thought to try the Glass UI in AR/VR. During a quick test, it became obvious that it wouldn't work well. Which is ironic, since it might be seen as something inspired by spatial UI.

Recently, I have been working quite extensively with C++ and Unreal, so I thought it would be a good idea to learn more about the language from its creator. That is, Bjarne Stroustrup! It was a big surprise to discover that C++ has friends. Would never have thought about this! #cpp #programming

A while ago, I made a few prototypes while exploring different navigation patterns with finger-based interactions. Thought some of these ideas would work well as a musical instrument (or as an input system that drives the MIDI communication).

Added APKs of these experiments with spatial hover effects on interactive surfaces to my XR prototypes collection. 🎮 If you have Meta Quest, feel free to try it! ⬇️ GitHub -- github.com/Volorf/xr-pr...

It was a fun year! Happy New Year 🥳

Motion effects exploration for spatial touch interactions using a proximity algorithm. #programming #interactiondesign

BFS + Queue

Switching from JavaScript to C++ is a piece of cake.

Here is another haptic feedback experiment with hand tracking. This time there are more boxes! Or cuboids, for greater scientific rigor. #prototyping #hapticfeedback #xr #spatialcomputing

a bunch of studies for my upcoming haptic in AR experiment

Blocks are one of my favourite musical gears from ROLI. Bought this one many years ago. Still use it. Love its modularity and the idea of enhancing a physical object with digital augmentations. Also, it looks beautiful!

A few people asked about my previous prototype: what would happen if you interacted with many boxes? Prototyped how it might look with different motion patterns.

Made a quick haptic feedback prototype for hand-tracking interactions with a voxel. Felt fun and engaging. It's another level of immersiveness (unfortunately, the video is not able to convey this). #prototyping #xr #spatialcomputing #hapticdesign #spatialux

One of the most requested features for BoxelXR was the ability to create volumes. Just finished the algorithmic part of the interaction. Will see soon how it works with the hands! #spatialcomputing #xrdevelopment

Love KodeLife. It's great for quick prototyping.

Here are my debugging scripts that I use for my previous demo. They are very useful. It not only helps test math and the correctness of algorithms quickly, but also forces you to decouple key systems of your app from each other to make it work. #spatialcomputing #xrdevelopment #xrdesign

saw nice trees in key gardens

Added an APK of the prototype to my XR collection. Feel free to try it! github.com/Volorf/xr-pr...