Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Next level reflection?

650,614 görüntüleme • 3 yıl önce •via X (Twitter)

10 Yorum

Morten Just profil fotoğrafı
Morten Just3 yıl önce

I'm pulling frames from the webcam through a warp kernel on the GPU, then desaturate, blend, opacity etc. No idea how the kernel stuff works, just stole it from @FlexMonkey's book

Morten Just profil fotoğrafı
Morten Just3 yıl önce

The OSX Jaguar raster lines are from a handy Core Image generator, most likely related to how those stripes were drawn back in the day. I extended SwiftUI's Color so I can do Color.white.striped(with: .gray) and fill any shape with it in one line

Morten Just profil fotoğrafı
Morten Just3 yıl önce

The candy cane progress indicator is a custom Shape drawing "\" shapes across the width + an additional one so I can move the offset, creating the illusion of an infinite sliding animation. Let's try red circles instead:

Morten Just profil fotoğrafı
Morten Just3 yıl önce

The Aqua button is a pile of gradients on top of each other. I forgot how those primary buttons glowed calmly. Also note how the light-emitting element at the bottom emits its color into the drop shadow

Morten Just profil fotoğrafı
Morten Just3 yıl önce

If anyone is interested I can clean up and add comments to the code and walk through the design on

Anthony Hobday profil fotoğrafı
Anthony Hobday3 yıl önce

Permission needed: This website wants access to your camera for: Button reflections [Deny access] [Grant access]

Morten Just profil fotoğrafı
Morten Just3 yıl önce

Close! I was thinking it could show reflections on everything

Chris Frantz profil fotoğrafı
Chris Frantz3 yıl önce

I hate it, great work 👏

Dan ∞ Design systems consultant profil fotoğrafı
Dan ∞ Design systems consultant3 yıl önce

Send help - there's someone trapped inside a button! Our worst nightmare come true...

Morten Just profil fotoğrafı
Morten Just3 yıl önce

Had the same thought

Benzer Videolar