Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Day 6 building the Figma for hardware. Another study today: transparent shells for transparent tech and windows, and how much the material changes what you can see inside a device. I’m exploring shell thickness, refraction, tint, frosted glass, optical layers and different window shapes, from small openings to convex...

28,292 Aufrufe • vor 21 Tagen •via X (Twitter)

28 Kommentare

Profilbild von Tykra
Tykravor 21 Tagen

Runs entirely in real time on the web.

Profilbild von Mathieu
Mathieuvor 21 Tagen

i could imagine people having nothing to do with industrial design using this product to 'play with it' because its satisfying haha

Profilbild von Tykra
Tykravor 21 Tagen

Maybe that is my goal 👀, but also it will have pub and many more features; it’s not just aesthetics.

Profilbild von Mathieu
Mathieuvor 20 Tagen

cool bro, really really nice, keep going. as i said in another comment. hmu if you'll need ambassadors for your product in switzerland. i'll connect you🛜

Profilbild von Tykra
Tykravor 20 Tagen

Thanks! It’s still in development, but I’ll DM you if I need any ambassadors. Right now, I’m looking for angel investors

Profilbild von Mathieu
Mathieuvor 21 Tagen

bro you are going to make millions. looking for any product ambassadors in switzerland?

Profilbild von Anton Gridz
Anton Gridzvor 21 Tagen

One of the most interesting projects in my feed. Love seeing the everyday progress 😍

Profilbild von klöss
klössvor 20 Tagen

Brilliant

Profilbild von Magpie
Magpievor 20 Tagen

This is sick, nice work!

Profilbild von Joseph M.
Joseph M.vor 21 Tagen

this is so sick

Profilbild von Andura
Anduravor 20 Tagen

Woah, can you disassemble it to see the inside? PCB and all. That must be cool.

Profilbild von Matthew Campbell
Matthew Campbellvor 20 Tagen

cool its funny most guys are so technical, no one is thinking about the aesthetics of the hardware. going to usher in a new generation

Profilbild von Kido Dreauw
Kido Dreauwvor 20 Tagen

Figma for hardware is just parametric cad with templates? 😅

Profilbild von kiruno
kirunovor 20 Tagen

看起来好棒啊,我能在哪里尝试它? 我需要导入自定义模型么,还是在应用中能够创建和编辑外壳?

Profilbild von Josiah Lau
Josiah Lauvor 20 Tagen

This looks amazing!

Profilbild von Calvin
Calvinvor 20 Tagen

看起来非常的有趣

Profilbild von Carlos Ocasio
Carlos Ocasiovor 20 Tagen

I love your mission, keep it pushing!

Profilbild von Daniel Song
Daniel Songvor 20 Tagen

no offense; quick question here - what's the biggest differentiator between Blender, Spline, Womp3D or etc? is it just a easier version of them?

Profilbild von Tykra
Tykravor 20 Tagen

Sdf it’s more than a 3d model you can do things like this wich is a real working stem player and not just an animation

Profilbild von wosti
wostivor 21 Tagen

how would your best functionally aesthetic smart speaker look like?

Profilbild von Joseph West
Joseph Westvor 20 Tagen

it would helpful to outfit the thickness based on what sizes you can actually achieve with sheet sizes, etc.

Profilbild von Aros
Arosvor 20 Tagen

You manufacture the boxes, how can they be obtained?

Profilbild von Sahil H
Sahil Hvor 20 Tagen

This looks like a nice toy to play with, good visual aesthetics but the hardest part of going from CAD to RL is manufacturability. How are you approaching this?

Profilbild von Tykra
Tykravor 20 Tagen

That’s the biggest challenge, and it’s why I’m building parametric components with emulated electronics and behavior. The idea is to create the entire product inside the software, test how it works, debug the software running on it, and then move toward production. It would be really cool to collaborate with manufacturers and get access to their actual components, so you could choose them directly from the app and build around real parts.

Profilbild von Sahil H
Sahil Hvor 20 Tagen

Yeah I mean you should talk to component suppliers like digikey mouser etc. And see if you can get component lists from them. No idea if they have an api you can access but theres tonnes of existing library packages. Problem is they aren't always accurate

Profilbild von Content Forge
Content Forgevor 20 Tagen

the frosted window makes hardware feel strangely alive

Profilbild von DΣЯƧᄃӨDΣƧ (Mohamed Anders Kitson)
DΣЯƧᄃӨDΣƧ (Mohamed Anders Kitson)vor 20 Tagen

Ship it

Profilbild von CALL SAL
CALL SALvor 21 Tagen

This is such a thoughtful extension of interface design into the material itself. Treating transparency as a parameter gives the object a kind of editorial control over what it reveals, which makes the hardware feel alive.

Ähnliche Videos

Great question! 🤔 How do you simulate *multiple* layers of glass/refraction in video games? In the last breakdown, I discussed how to create a glass shader in Unity URP. In essence, we were taking the render of the scene from the camera without any transparent objects. This is available in URP as the global _CameraOpaqueTexture. This is good enough for most use-cases, and more or less the classic way of doing it. 🔍 What is _CameraOpaqueTexture? As the name implies, there are no transparent objects rendered into this texture, so it's not possible by default to have something like a transparent-type ocean material/shader rendered through a refractive glass shader (which samples and distorts this texture to render on its surface, as if it's transparent). ⚠️ Why it’s tricky: It's much easier to sort without much further setup if you don't have refraction, and only a transparent material, because in that case you're not simulating the transparency yourself via sampling the rendered scene texture. But for refraction, it's required-- unless you want to go down the ray/path tracing route. You could simulate accurate, real dispersion... and that's about as expensive as it sounds, and it requires a rework of your entire rendering. --> 🚫 It's not a viable suggestion to offer. 📚 There are well-known terms regarding transparency sorting you can search up, but as you've specifically asked for refractive boxes, I'll discuss briefly about that. 🧱 Simulating layers of refraction: For this kind of rendering, you need some way to render the backfaces before rendering the front. And the backfaces that are rendered may contain whatever data you'd like for additional processing in the layer front-facing mesh render. 🧪 Examples: You could render the back face as a glass shader of its own, as an intermediate step after _CameraOpaqueTexture. Then you sample this texture instead and you end up with multi-layered refraction, "just like that". You can also render the back normals only, via a fully opaque shader, and use that to manually account for that during the front render. You could even bake in data needed for thickness in realtime. 🛠️ Without making it complicated for yourself, the most straightforward method is via render textures, and you can easily set some fractional resolution. Cameras in Unity have an open slot for target textures to render to. You can use custom render textures to process _SelfTexture2D. ⏱️ It's great to do low-resolution processing for more complex tasks, like blurring and caustics. You can get massive performance boosts, considering the square law and number of pixels/fragments that need calculations (quadratic scaling). 🚧 I've not fully exploited the possibilities myself, but research/development with PRISM is ongoing!

Mirza Beig

61,581 Aufrufe • vor 1 Jahr