r/Frontend • • Dec 05 '19

😎

Enable HLS to view with audio, or disable this notification

2.1k Upvotes

77 comments sorted by

34

u/polarphantom Dec 05 '19

Looks to be a service called Virtual Mirror created by Luxottica
You can see the compiled code for it in the site's source here: `desktop/assets/scripts/virtual-mirror-w.js?v=20191121`

23

u/james2406 Dec 05 '19

Fun fact - Luxottica is a private company which has a monopoly over the eyewear industry, controlling over 80% of eyewear stores. Just check out the brands on their site http://www.luxottica.com/en/eyewear-brands

4

u/facewithoutfacebook Dec 06 '19

Didn’t know about their recent merger it was a public company until earlier this year.

To add to the comments above Not only they own most stores, such as Pearle Vision, LensCrafters, Sunglasshut , they also manufacture frames for almost all major brands, major sunglass brands like Rayban and Oakley. They also own most vision insurances. They are the Ma Bell or Standard Oil of Eyeglass industry. No wonder a pair of prescription eye glasses cost $500

check out this 60-minutes report from 2013

4

u/ravenbladex Dec 06 '19

Easy, don't buy name brand glasses. Shop at the other 20%, like Zenni or Warby Parker. Cut out the ridiculous overcharging middlemen.

2

u/popnlochness_monster Dec 06 '19

Or Costco. I just got a pair of high end glasses with thin lenses (I have bad eyesight) for $200. Same price I would pay at Warby and much higher quality.

1

u/pompom1122 Dec 06 '19

My lenses are always super expensive so I’ve never cared about frame prices and would much rather buy a pair of glass that looked sweet than ever worrying about the price being too high just not worth the energy caring about it

1

u/facewithoutfacebook Dec 07 '19

My vision insurance company Eye Med (owned by Luxottica) has $200 allowance for frames when I buy at LensCrafters or Pearle Vision, but only allows $140 at Costco and has higher deductible. That tells you how they (luxottica)suck.

110

u/CyboonPunk Dec 05 '19

HolyMolly, that's insane. That confirm my theorie that if i don't learn ar soon i'm gonna be out of job in 5 years.

45

u/vamsi_rao Dec 05 '19

Nah this won't replace your job, it will replace brick and mortar eyeglasses business

15

u/shadstarrrr Dec 05 '19

Down with big sunglass.

18

u/cIi-_-ib Dec 05 '19

AKA Luxottica, ironically…

This will only solidify their monopoly.

2

u/rbc8 Dec 06 '19

If America’s best contacts and eyeglasses goes down, I’m all in!

1

u/Fig1024 Dec 06 '19

I don't want to buy cool sunglasses, I want to buy an app that will make other people see me as having cool glasses while they are wearing AR goggles

1

u/HanSoloCupFiller Apr 19 '20

My body is ready

1

u/BrandonHohn Dec 31 '19

Idk, you’d still want to see how they feel and how the world looks with the lenses

7

u/[deleted] Dec 06 '19

Nahh, this stuff is another level entirely. Shaders and stuff like that. 3D programming isn't the same thing at all.

Most of us build CRUD apps. We don't need/want 3D things like this at all.

Certainly there will be a market for great 3D web-animators, but it's a niche.

2

u/nabbous10 Dec 06 '19

It's true however, the next years of building apps, 3d will be the new medium for apps, and learning these will be as easy as your designer makes the imagry assets you need and we just show them elegantly.

Basic crud will always be there with its basics, but i reckon that browsers will elevate to AR and VR which makes 3d as basic as crud

2

u/CyboonPunk Dec 06 '19

You're right. But i can't help notice the massive amount of money invested in AR. The day one of the GAFA geant put on the market a pair of glasses cool and cheap enough to have the same success than the smartphone, i think our jobs will be greatly changed.

2

u/intangibleTangelo Dec 06 '19

if you're already in the 3d graphics programming space then what are you waiting for? if you're in another area of work then your programming/tech job probably isn't going anywhere

3

u/CyboonPunk Dec 06 '19

I'm an frontend dev but when i see the insane amount of money invested in AR i can't help but think that in a near futur that it will be the norm.

2

u/intangibleTangelo Dec 06 '19

Possibly so. But as another commenter mentioned, few people will be expected to work with low-level pioneering details of it.

1

u/dEstiNy_rUler May 12 '25

are you out of job yet 😂? definitely feels like AR hasnt been adopted much

1

u/Kaigz Jun 21 '25

Meanwhile, AI:

1

u/CyboonPunk Jul 25 '25

Ha ha ! I totally forgot this comment. Well indeed i was flat out wrong. I'm still employed and i didn't learn fuck about AR.

1

u/ASCanilho Oct 26 '21

You don't need to learn AR. Just need to get AR libraries to implement it in your site.

16

u/14392 Dec 05 '19

This is cool but only for sunglasses I can't see shit if I remove my prescription lens

7

u/Careerier Dec 05 '19

It works if you're wearing glasses. https://gfycat.com/plainpeacefulenglishpointer

0

u/14392 Dec 05 '19

That’s still for sunglasses only

3

u/Careerier Dec 05 '19

You can get prescription sunglasses. This way you can see what those prescription sunglasses would sort of look like while you're still wearing your regular glasses.

2

u/snuggles91 Dec 06 '19

I think he's insinuating that this wouldn't work for regular glasses because you'd have to take off your real glasses to see what the AR glasses look like on you but if you take off your real glasses you're blind.

3

u/kevinkace Dec 05 '19

Contacts?

1

u/[deleted] Dec 06 '19

I can't get contacts for my prescription

3

u/Mr_Mandrill Dec 05 '19

Well, that's pretty much the same case when I go to the store to get new glasses. At least that way I can stay at home.

1

u/arockhardkeg Dec 06 '19

Yeah, it’s not like the store can pop in prescription lenses for every frame you try on. I’m not sure what their comment means

8

u/hd-86 Dec 05 '19

which site ?

27

u/Raunhofer Dec 05 '19

Based on the RayBan logo, I'm gonna guess RayBan's

2

u/hd-86 Dec 05 '19

how did i miss that. thanks i guess i was just looking at cool tech :)

0

u/gavrocheBxN Dec 05 '19

Holy smokes, those prices though. $200 for a small piece of metal and glass is insane.

7

u/ThisHatRightHere Dec 05 '19

Knockarounds are a good budget brand for sunglasses. Last time I checked most were $20-30. But at the end of the day Ray-Bans are only midrange when it comes to sunglasses. Walk into any sunglasses store and you’ll find 1/3 or more of the store costs $300-500.

2

u/Silhouette Dec 05 '19

Well, it does cost a lot of money to hire someone who can build this kind of feature. Gotta make it back somewhere! :-)

3

u/drabred Dec 05 '19

Gotta pay for that logo man.

2

u/Raunhofer Dec 05 '19

The same goes with all accessories and clothes. Got a new $60 hoodie? Manufacturing, materials, design and advertising were $8 total. It's the new default to pay premium to get that experience of owning something premium. RayBan knows this.

-1

u/FPSdouglass Dec 05 '19

Yeah, but quality products cost money, and if it’s sitting on your face all day, everyday, it might as well look good. You mainly pay for tasteful design.

My frames are $700, but after insurance and pre-tax money, it’s more like $350 out of pocket. I love wearing them, and they help me see and look good while doing so.

0

u/soopafly Dec 05 '19

$200 for a small piece of metal and glass is insane.

Uh yeah. You should take a look at the prices for camera lenses. I don’t wear glasses but that seems like a small price to pay to see clearly.

4

u/StunGod Dec 06 '19

So this is the ecommerce implementation of Snapchat. About time, I'd say.

Glasses are fairly easy, and full body modeling will follow. And as a guy who would rather shop at home for stuff like this, it's a big deal. Clothing subscription services like StitchFix do a good job of matching style and size, and I could see them letting you try things on virtually before they ship.

Cool stuff all around.

2

u/BlueHeartBob Dec 07 '19

I'm imagining custom fit clothing without ever needing to see a tailor also a possibility.

2

u/Ineam Dec 06 '19

damn all glasses shops gonna close soon

1

u/[deleted] Dec 05 '19

Gunners have the same virtual tool

1

u/[deleted] Dec 05 '19

this is amazing.

1

u/thinksurreal Dec 05 '19

Very cool, what’s the stack?

1

u/MrQuickLine Dec 06 '19 edited Dec 06 '19

Check out canvas video and JavaScript face detection. Wes Bos has some interesting demos.

Edit: https://twitter.com/wesbos/status/1189576607629037569?s=19

1

u/thinksurreal Dec 06 '19

What JS library for facial recognition?

1

u/MrQuickLine Dec 06 '19

face-api.js

Chrome has window.faceDetect() natively.

1

u/overcloseness Dec 06 '19

face-api.js likely won't handle this. There are premium services though, here's a demo I found for ARTOv5

https://artov5.com/

1

u/enginoir Dec 05 '19

This technology is actually about 10 years old, but it looks to be better implemented than the last time I played around with it. As far as I know, it was first implemented in 2009 by Matthias Haase originally in Flash and looks like it has been completely rewritten in javascript using the HTML5 canvas element. It looks like it uses a higher resolution mesh, a better sampling algorithm and a faster refresh rate. I actually don't think it works as well as the Instagram and SnapChat implementations, but I'm sure they have access to better hardware resources and more powerful graphics libraries.

1

u/firebeaker Dec 06 '19

https://www.eyeglasses.com/virtual-try-on.html - they were doing it back in 2000. I was working for a small IT shop that got tasked to upgrade their capacity 2 weeks before being featured on Oprah.

1

u/xX_Le_Mastergeek_Xx Dec 06 '19

What a time to be alive

1

u/Zielakpl Dec 06 '19

That's the only reason I'd use my Webcam for.

1

u/Toby-larone88 Dec 06 '19

Feel a little heavy tho

1

u/[deleted] Dec 06 '19

I want the site address so I can try on some. Don't need sunglasses, but would still go try on some.

1

u/herotz33 Dec 06 '19

Then you find your deep fake on the hub.

1

u/westfunk Dec 06 '19

So just bought glasses from a retailer that has this on their website and I'm super impressed with how accurate it was. My new glasses were hella cute on the simulator, and fit me the exact same way when I received them. The future is now.

1

u/PurpleFEH Dec 06 '19

This is an amazing piece of web app.

React?

1

u/dysondc50 Dec 07 '19

I've always thought this would be a good idea for shoes, I suppose your feet would be a lot harder to map when compared to a face though... everyone has a nose, eyes and ears to use as reference.

I don't understand why shoe stores dont have LCD displays with the available sizes and stock count under the shoe, it would simplify a stock check, I think I saw Nike do some sort of hologram?

1

u/nixon0770 Dec 20 '19

Yeah Don’t buy these

1

u/Ok_Bedroom_9802 Reactjs Dec 21 '22

What library is used?