Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Made a scroll-based color interpolation effect. Each item's color shifts smoothly as you scroll, all done with Reanimated. I was silly thinking I'd need a MaskedView for this 😅 Turns out it's just simple math.

iamarunabh's profile picture

Arunabh Verma

2,660 subscribers

20,549 görüntüleme • 8 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

effect with the same logic just with no color I MADE THIS FOR A KILLER IN MY GAME BTW ITS SOOOOOOOOOO YUMMY
0:47

effect with the same logic just with no color I MADE THIS FOR A KILLER IN MY GAME BTW ITS SOOOOOOOOOO YUMMY

AlexIsFunny

32,371 görüntüleme • 5 ay önce

As a guy, I can't scroll past a V-8. I tried, I can't, I just scroll back. It's a fact... I know I'm not the only one.
4:34

As a guy, I can't scroll past a V-8. I tried, I can't, I just scroll back. It's a fact... I know I'm not the only one.

J∅kër Kîng 👑

83,159 görüntüleme • 1 ay önce

You can make a WebGPU-based 3D Landing page with scroll-based interactions like this one in Omma.
0:28

You can make a WebGPU-based 3D Landing page with scroll-based interactions like this one in Omma.

Omma

102,757 görüntüleme • 3 ay önce

cause you're just a man It's just what you do your head in your hands as you color me blue yeah, you're just a man all through and through your head in your hands as you color me blue
0:32

cause you're just a man It's just what you do your head in your hands as you color me blue yeah, you're just a man all through and through your head in your hands as you color me blue

rosie

127,530 görüntüleme • 9 ay önce

With the new iOS 17 scroll view APIs, we can create a scroll animation like this with just a few lines of code. For more, check out the video👇
0:32

With the new iOS 17 scroll view APIs, we can create a scroll animation like this with just a few lines of code. For more, check out the video👇

Kavsoft

156,039 görüntüleme • 2 yıl önce

Just figured out how to do that smooth Apple scroll effect in 2 steps! It came down to two things: 1. Generating a scroll-optimized video with xAI GROK 2. Turning it into frames in v0 so users can actually scroll through it That's it! 🤯 You might wanna save this for your next landing page
3:43

Just figured out how to do that smooth Apple scroll effect in 2 steps! It came down to two things: 1. Generating a scroll-optimized video with xAI GROK 2. Turning it into frames in v0 so users can actually scroll through it That's it! 🤯 You might wanna save this for your next landing page

Safinaz Elhadary

72,967 görüntüleme • 2 ay önce

If you need a unique color combination to make your house stand out from the pack, watch this video for some color combination ideas
1:04

If you need a unique color combination to make your house stand out from the pack, watch this video for some color combination ideas

BSAT Properties

20,164 görüntüleme • 1 ay önce

'Wait, don't scroll." This young man shares a powerful message for everyone. I hope it resonates and shifts some perspectives with its spot-on truth!
1:32

'Wait, don't scroll." This young man shares a powerful message for everyone. I hope it resonates and shifts some perspectives with its spot-on truth!

Mark UltraMaga 1A 2A

21,160 görüntüleme • 10 ay önce

Scroll-based image gallery transition made with Blissful Image Shaders app
0:41

Scroll-based image gallery transition made with Blissful Image Shaders app

Steve Lauda

18,592 görüntüleme • 2 ay önce

i wasn't aware of `animation-timeline` css property if I be honest. with it you can use css `scroll()` function to tie an animation with the scroll progress of a scrollable element. here im animating a `mask-image`s size based on the scroll progress with `2rem` of threshold.
0:34

i wasn't aware of `animation-timeline` css property if I be honest. with it you can use css `scroll()` function to tie an animation with the scroll progress of a scrollable element. here im animating a `mask-image`s size based on the scroll progress with `2rem` of threshold.

Soren

184,261 görüntüleme • 8 ay önce

A throwback. I need this color again.
0:25

A throwback. I need this color again.

topsy kret 🪬

36,898 görüntüleme • 2 ay önce

THIS DUDE MADE ART WITH MATH—LIKE, ACTUAL MATH Some guy at UCL just went viral for drawing pictures using nothing but equations. Yeah, math made this. Not Photoshop or AI. He figured out how to turn boring numbers into colorful, pixel-perfect images by plotting shapes and telling each pixel what color to be. It’s like if a calculator got into art school and absolutely slayed. So next time you say “When will I ever use this?”—apparently, when you’re making math Mona Lisas.
0:50

THIS DUDE MADE ART WITH MATH—LIKE, ACTUAL MATH Some guy at UCL just went viral for drawing pictures using nothing but equations. Yeah, math made this. Not Photoshop or AI. He figured out how to turn boring numbers into colorful, pixel-perfect images by plotting shapes and telling each pixel what color to be. It’s like if a calculator got into art school and absolutely slayed. So next time you say “When will I ever use this?”—apparently, when you’re making math Mona Lisas.

Mario Nawfal

149,225 görüntüleme • 1 yıl önce

Here is my talk at Massachusetts Institute of Technology (MIT) (after some delay😅) I made this talk last year when I was thinking about a paradigm shift. This delayed posting is timely as we just released o1, which I believe is a new paradigm. It's a good time to zoom out for high level thinking. (1/11)
2:52

Here is my talk at Massachusetts Institute of Technology (MIT) (after some delay😅) I made this talk last year when I was thinking about a paradigm shift. This delayed posting is timely as we just released o1, which I believe is a new paradigm. It's a good time to zoom out for high level thinking. (1/11)

Hyung Won Chung

398,217 görüntüleme • 1 yıl önce

Carousels just got a major glow up 💅 New CSS primitives let you build carousels that are interactive at first paint. Easily add native scroll buttons, scroll markers, & scroll snap effects to turn a simple layout into a full story →
1:26

Carousels just got a major glow up 💅 New CSS primitives let you build carousels that are interactive at first paint. Easily add native scroll buttons, scroll markers, & scroll snap effects to turn a simple layout into a full story →

Chrome for Developers

46,450 görüntüleme • 6 ay önce

today’s the day. the official Lenis plugin for Framer is live, for free. smooth scroll. infinite scroll. horizontal scroll. no code. just drop it in, toggle what you need, and go.
0:30

today’s the day. the official Lenis plugin for Framer is live, for free. smooth scroll. infinite scroll. horizontal scroll. no code. just drop it in, toggle what you need, and go.

darkroom.engineering

41,653 görüntüleme • 1 yıl önce

I like style between NPR and PBR Why I mix base color : 1.Make shade color lighter → Result become flatter 2. It keeps all BSDF effects as half 3. One factor to control style For Soft&Hard Shadow : Just Use Light Angle this is just a simple good start #blender
1:48

I like style between NPR and PBR Why I mix base color : 1.Make shade color lighter → Result become flatter 2. It keeps all BSDF effects as half 3. One factor to control style For Soft&Hard Shadow : Just Use Light Angle this is just a simple good start #blender

龍の宴

60,275 görüntüleme • 2 ay önce

We added two properties to the Scroll Constraint options that you can animate and control with the State Machine: - Scroll Percent X/Y: 0-100% dynamically computed based on the viewport and content size - Scroll Index: scroll to a specific child item by index - See docs for details:
0:28

We added two properties to the Scroll Constraint options that you can animate and control with the State Machine: - Scroll Percent X/Y: 0-100% dynamically computed based on the viewport and content size - Scroll Index: scroll to a specific child item by index - See docs for details:

Rive

16,536 görüntüleme • 1 yıl önce

Don’t scroll past this This is for (you) (YOU) need to hear this
1:05

Don’t scroll past this This is for (you) (YOU) need to hear this

Dr. C ⭐️⭐️⭐️

64,602 görüntüleme • 5 ay önce

Check this out!!! It’s a matte white R1S with projectors strategically placed around the car, all of which are precisely calibrated to change the entire SUV color! Sorry for the bad video as I was filming and changing the color at the same time. 🤣
0:27

Check this out!!! It’s a matte white R1S with projectors strategically placed around the car, all of which are precisely calibrated to change the entire SUV color! Sorry for the bad video as I was filming and changing the color at the same time. 🤣

Carlos R

16,325 görüntüleme • 7 ay önce

because i feel like people will quickly scroll past this again thinking it’s a photo-
0:29

Sensitive content

because i feel like people will quickly scroll past this again thinking it’s a photo-

Three

720,520 görüntüleme • 6 ay önce