The Parallel Reality Computer <https://duncancrag...
# share-your-work
d
👍 1
👍🏼 1
❤️ 1
I need a name for the space, the parallel reality - maybe Paralland? Any ideas will be much appreciated!
d
Cool idea! Do you imagine a single object being able to live in multiple spaces, or does each object have a single home?
d
Thanks, Daniel! There's only one "space" overall but you can have, say, rooms of your own in that. Every object (3D or 2D) will usually be in one main place, but also every object you see can be grabbed (referred to) by its link and dropped anywhere else you like, giving 2 or more incoming links to that object. Is that what you're asking?
d
Yeah exactly, just thinking about how the linking would work. I think it makes sense for there to be some home for each object, as well as a way to refer to them from other locations, which seems like how you’re thinking about it.
🙏🏼 1
e
Yonder
d
YonWhatWhat? 😄
k
I've been thinking about how exactly this kind of 3D OS would look. To me, I think the best kind of interface is neither purely 2D (like our existing web apps (nor purely 3D (like a virtual reality copy of our real world). Instead, it would look a bit like this Fluent Design concept and these Spline 3D website mockups. So it'd be like our existing 2D apps, but objects placed in this 2D space shadow each other like they would if you had a piece of paper in real life, and you placed a cup on it. No current app does this right now, but I really think the time is ripe to have real 3D websites and apps (and I agree that the idea of an app is the wrong approach but that's the best way to describe it).
❤️ 1
d
I have nothing more to say - apart from "exactly!". Oh, and "really appreciate what you say, and those images"!!
Where did you get the images from? I was searching for examples like this.
In my personal notes I've been calling it "2D+", for want of something stronger
k
I've been calling it 3D PBUI, physically based UI, named after physically based rendering. Screenshots are from Spline (which people use to make partially 3D websites) and Fluent Design concepts and trailers. Here's another concept:

https://www.youtube.com/watch?v=i5Sov7Hz9bg

Microsoft hires a particular design studio that uses this kind of design language for basically all of their new products now. The new products don't have 3D UI at all, but I find these concepts to be the most compelling. This article's got a cool video who shows off the design language even more: https://www.theverge.com/2019/12/5/20996748/microsoft-fluent-design-mobile-office-apps-new-updates-features
❤️ 1
The most practical approach that I can see today, towards realising a truly 3D app, is mixing HTML with Three.js. One would write an app as they would normally which results in HTML elements, and then slap these elements onto 3D boxes that have volume. Then they would apply some kind of PBR shader to the box such that it has a realistic appearance. These boxes would shadow each other, and it could definitely have translucency too, so elements that need to represent glass would have realistic refraction and reflections. This opens up a whole new world for UX. Here are some examples: 1. Refraction - https://codesandbox.io/s/2n98yj 2. Slapping HTML on 3D WebGL objects - https://codesandbox.io/s/7ucso 3. Objects shadowing text - https://codesandbox.io/s/p9umgf Taken from here: https://docs.pmnd.rs/react-three-fiber/getting-started/examples
d
You're unstoppable, Kongwei Ying. I can't keep up. 😄
Thanks for the links, I'm exploring right now...
This:

https://www.youtube.com/watch?v=miM6mBAfA8g

is exactly the feeling I'm looking for. I love it
❤️ 2
I spent my entire life hating Microsoft, by the way
k
I hear that's a really common sentiments amongst folks who grew up when Microsoft was first on top
But long story short, I fully believe 3D UI is possible in a real app (not a tech or research demo), it's just that very few people have tried