正在加载视频...

视频加载失败

Next level reflection?

650,616 次观看 • 3 年前 •via X (Twitter)

10 条评论

Morten Just 的头像
Morten Just3 年前

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 的头像
Morten Just3 年前

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 的头像
Morten Just3 年前

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 的头像
Morten Just3 年前

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 的头像
Morten Just3 年前

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

Anthony Hobday 的头像
Anthony Hobday3 年前

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

Morten Just 的头像
Morten Just3 年前

Close! I was thinking it could show reflections on everything

Chris Frantz 的头像
Chris Frantz3 年前

I hate it, great work 👏

Dan ∞ Design systems consultant 的头像
Dan ∞ Design systems consultant3 年前

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

Morten Just 的头像
Morten Just3 年前

Had the same thought