Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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.

Arunabh Verma

2,660 subscribers

20,549 views • 9 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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 views • 6 months ago

this was made from a single prompt btw…yeah, no wonder kimi k3 is sitting at #1 for frontend. sure, i could’ve spent more time polishing it, but it already nailed >the scroll pacing >oversized text reveals >smooth number transitions >layout shifts >color inversions and the way each section flows into the next. the whole thing moves like an actual designer touched it... pretty ridiculous for one prompt.

this was made from a single prompt btw…yeah, no wonder kimi k3 is sitting at #1 for frontend. sure, i could’ve spent more time polishing it, but it already nailed >the scroll pacing >oversized text reveals >smooth number transitions >layout shifts >color inversions and the way each section flows into the next. the whole thing moves like an actual designer touched it... pretty ridiculous for one prompt.

JUMPERZ

199,866 views • 14 days ago

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

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

73,347 views • 3 months ago

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.

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 views • 1 year ago

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)

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,364 views • 1 year ago

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

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 views • 3 months ago

Start your next project with a giant scroll of paper I learned this from my friend Rob Kalin, founder of Etsy. When he starts a project, he gets out a giant piece of butcher paper — like three feet by sixty feet. When you start the project, you put your first ideas down in the top-left corner. As you keep working, the scroll becomes an organic timeline of your thinking. I started a scroll for Metalabel back in November 2021 and finished it this February. Three-plus years of ideas, from Metalabel to A-Corps, on paper as they happened. Scroll #2 is already almost done. A great way to see exactly how you and your ideas progressed over the course of a project and to open yourself up to unexpected directions Here's a timelapse of three-plus years of thinking (music by Ana Roxanne)

Start your next project with a giant scroll of paper I learned this from my friend Rob Kalin, founder of Etsy. When he starts a project, he gets out a giant piece of butcher paper — like three feet by sixty feet. When you start the project, you put your first ideas down in the top-left corner. As you keep working, the scroll becomes an organic timeline of your thinking. I started a scroll for Metalabel back in November 2021 and finished it this February. Three-plus years of ideas, from Metalabel to A-Corps, on paper as they happened. Scroll #2 is already almost done. A great way to see exactly how you and your ideas progressed over the course of a project and to open yourself up to unexpected directions Here's a timelapse of three-plus years of thinking (music by Ana Roxanne)

Yancey Strickler

245,586 views • 11 months ago

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. 🤣

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 views • 7 months ago

Watch as simple rotation evolves into mesmerizing geometry! This video demonstrates how multiple rotating axes, each with unique speeds and lengths, create intricate patterns known as Spirograph or Epicycloid curves. From 1 axis to 3, the complexity explodes into a hypnotic dance of math and color. Which pattern was your favorite?

Watch as simple rotation evolves into mesmerizing geometry! This video demonstrates how multiple rotating axes, each with unique speeds and lengths, create intricate patterns known as Spirograph or Epicycloid curves. From 1 axis to 3, the complexity explodes into a hypnotic dance of math and color. Which pattern was your favorite?

Mathematica

16,078 views • 3 months ago

New sounds for paintball & splatters are working, ammo color change is not fully done however. This is a fun weapon with low damage, I can see it used in mini-games. Also as mentioned before paintball ammo color changes your paintball overalls color. #Rust

New sounds for paintball & splatters are working, ammo color change is not fully done however. This is a fun weapon with low damage, I can see it used in mini-games. Also as mentioned before paintball ammo color changes your paintball overalls color. #Rust

Protox

11,993 views • 6 months ago

Eric Rohmer on the use of Colour in "La Collectionneuse" (1967) and "Claire's Knee" (1970): "I didn't use color as a dramatic element, as some filmmakers have done. For me it's something inherent in the film as a whole. I think that in 'La Collectionneuse' (1967) color above all heightens the sense of reality and increases the immediacy of the settings. In this film color acts in an indirect way; it's not direct and there aren't any color effects, as there are for example in Bergman's most recent film, his second one in color, where the color is very deliberately worked out and he gets his effects mainly by the way he uses red. I've never tried for dramatic effects of this kind, but. for example, the sense of time-evening, morning, and so on-can be rendered in a much more precise way through color. Color can also give a stronger sense of warmth, of heat, for when the film is in black-and-white you get less of a feeling of the different moments of the day, and there is less of what you might call a tactile impression about it. In 'Claire's Knee' (1970), I think it works in the same way: the presence of the lake and the mountains is stronger in color than in black-and-white. It's a film I couldn't imagine in black-and-white. The color green seems to me essential in that film, I couldn't imagine it without the green in it. And the blue too-the cold color as a whole. This film mould have no value for me in black-and-white. It's a very difficult thing to explain. It's more a feeling I have that can't be reasoned out logically." (Eric Rohmer's interview with Graham Petrie, Film Quarterly, 1971)

Eric Rohmer on the use of Colour in "La Collectionneuse" (1967) and "Claire's Knee" (1970): "I didn't use color as a dramatic element, as some filmmakers have done. For me it's something inherent in the film as a whole. I think that in 'La Collectionneuse' (1967) color above all heightens the sense of reality and increases the immediacy of the settings. In this film color acts in an indirect way; it's not direct and there aren't any color effects, as there are for example in Bergman's most recent film, his second one in color, where the color is very deliberately worked out and he gets his effects mainly by the way he uses red. I've never tried for dramatic effects of this kind, but. for example, the sense of time-evening, morning, and so on-can be rendered in a much more precise way through color. Color can also give a stronger sense of warmth, of heat, for when the film is in black-and-white you get less of a feeling of the different moments of the day, and there is less of what you might call a tactile impression about it. In 'Claire's Knee' (1970), I think it works in the same way: the presence of the lake and the mountains is stronger in color than in black-and-white. It's a film I couldn't imagine in black-and-white. The color green seems to me essential in that film, I couldn't imagine it without the green in it. And the blue too-the cold color as a whole. This film mould have no value for me in black-and-white. It's a very difficult thing to explain. It's more a feeling I have that can't be reasoned out logically." (Eric Rohmer's interview with Graham Petrie, Film Quarterly, 1971)

DepressedBergman

61,555 views • 1 year ago

THIS GUY TURNED A DESK LAMP INTO A LIVE CLAUDE CODE STATUS INDICATOR the lamp changes color based on what claude code is doing in real time when claude is thinking it's one color. when it's writing code it shifts. when it's done it changes again. when it errors out you know instantly without even looking at your screen the lamp is a moonside halo and i'm already tryna to buy one I might even buy multiple for the multiple claude sessions running in the background and turn my room into a disco if the color reflected the operational status of claude it would just be red 24/7 it could also track your usage limit. green at the start of the session, slowly fading to red as your tokens drain people are already hooking this up to their philips hue and govee setups at home

THIS GUY TURNED A DESK LAMP INTO A LIVE CLAUDE CODE STATUS INDICATOR the lamp changes color based on what claude code is doing in real time when claude is thinking it's one color. when it's writing code it shifts. when it's done it changes again. when it errors out you know instantly without even looking at your screen the lamp is a moonside halo and i'm already tryna to buy one I might even buy multiple for the multiple claude sessions running in the background and turn my room into a disco if the color reflected the operational status of claude it would just be red 24/7 it could also track your usage limit. green at the start of the session, slowly fading to red as your tokens drain people are already hooking this up to their philips hue and govee setups at home

Om Patel

108,062 views • 2 months ago

📜 Get ready for the game-changing #Scroll Mainnet! 🪂 #Airdrop alert! 🪂🪂 If you want to be one of the first to use Scroll Mainnet ➣ Like and RT ➣ Reply "#Scroll #Mainnet" As the CEO of Scroll said: "Users will win" (a hint for an 🪂#airdrop) 👀 𝗪𝗵𝗶𝗹𝗲 Scroll 𝗵𝗮𝘀𝗻'𝘁 𝗺𝗮𝗱𝗲 𝗮𝗻 𝗼𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗮𝗻𝗻𝗼𝘂𝗻𝗰𝗲𝗺𝗲𝗻𝘁 𝘆𝗲𝘁, 𝗜 𝗰𝗼𝘂𝗹𝗱𝗻'𝘁 𝘄𝗮𝗶𝘁 𝘁𝗼 𝘀𝗵𝗮𝗿𝗲 𝗺𝘆 𝗯𝗿𝗶𝗱𝗴𝗲 𝘁𝗼 𝘁𝗵𝗲 𝗠𝗮𝗶𝗻𝗻𝗲𝘁 𝘂𝘀𝗶𝗻𝗴 Owlto Finance(🦉💛🦉). 𝗖𝗵𝗲𝗰𝗸 𝗼𝘂𝘁 𝘁𝗵𝗲 𝘃𝗶𝗱𝗲𝗼 𝗯𝗲𝗹𝗼𝘄! 🙋‍♂️ To add 📜 Scroll to your Metamask: E͟x͟p͟l͟o͟r͟e͟ ͟t͟h͟e͟ ͟S͟c͟r͟o͟l͟l͟ ͟b͟r͟i͟d͟g͟e͟:͟ ͟🦉͟🔗͟ ͟ ⏳Avg block time 26sec Introducing Scroll mainnet: it's not just about transactions, it's about unlocking a world of possibilities! Here's what you need to know: ✨ Testnet activities? A snapshot has probably been taken. 💸 Early transactions? Get ready for a potential $SCROLL multiplier! ⚡️ Feeling the pressure? Scroll's launch is shaking up Linea and Polygon ZkEVM, possibly speeding up their airdrops too! 🪂 Don't miss out on this game-changing moment. Dive into the Scroll universe now! 🚀

📜 Get ready for the game-changing #Scroll Mainnet! 🪂 #Airdrop alert! 🪂🪂 If you want to be one of the first to use Scroll Mainnet ➣ Like and RT ➣ Reply "#Scroll #Mainnet" As the CEO of Scroll said: "Users will win" (a hint for an 🪂#airdrop) 👀 𝗪𝗵𝗶𝗹𝗲 Scroll 𝗵𝗮𝘀𝗻'𝘁 𝗺𝗮𝗱𝗲 𝗮𝗻 𝗼𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗮𝗻𝗻𝗼𝘂𝗻𝗰𝗲𝗺𝗲𝗻𝘁 𝘆𝗲𝘁, 𝗜 𝗰𝗼𝘂𝗹𝗱𝗻'𝘁 𝘄𝗮𝗶𝘁 𝘁𝗼 𝘀𝗵𝗮𝗿𝗲 𝗺𝘆 𝗯𝗿𝗶𝗱𝗴𝗲 𝘁𝗼 𝘁𝗵𝗲 𝗠𝗮𝗶𝗻𝗻𝗲𝘁 𝘂𝘀𝗶𝗻𝗴 Owlto Finance(🦉💛🦉). 𝗖𝗵𝗲𝗰𝗸 𝗼𝘂𝘁 𝘁𝗵𝗲 𝘃𝗶𝗱𝗲𝗼 𝗯𝗲𝗹𝗼𝘄! 🙋‍♂️ To add 📜 Scroll to your Metamask: E͟x͟p͟l͟o͟r͟e͟ ͟t͟h͟e͟ ͟S͟c͟r͟o͟l͟l͟ ͟b͟r͟i͟d͟g͟e͟:͟ ͟🦉͟🔗͟ ͟ ⏳Avg block time 26sec Introducing Scroll mainnet: it's not just about transactions, it's about unlocking a world of possibilities! Here's what you need to know: ✨ Testnet activities? A snapshot has probably been taken. 💸 Early transactions? Get ready for a potential $SCROLL multiplier! ⚡️ Feeling the pressure? Scroll's launch is shaking up Linea and Polygon ZkEVM, possibly speeding up their airdrops too! 🪂 Don't miss out on this game-changing moment. Dive into the Scroll universe now! 🚀

🪂Airdrop Alert Daily 🦇🔊 #AAD (uTube)

53,715 views • 2 years ago

Two guys walked up to my Cybertruck and tried to open the doors, thinking it was theirs—it was parked just one space away and had the exact same wrap color as mine. It took a little bit for them to figure out 😅 Funny thing is, I did the same thing a few weeks ago.

Two guys walked up to my Cybertruck and tried to open the doors, thinking it was theirs—it was parked just one space away and had the exact same wrap color as mine. It took a little bit for them to figure out 😅 Funny thing is, I did the same thing a few weeks ago.

Ray

114,437 views • 4 months ago

Karina: when I read books, I like to use 1 bookmark for each book so I matched this with the color & since I like dinosaurs, it's a brachiosaurus bookmark, like this. It's cute right? SHE'S SO CUTE 😭 🦕🦕🦕

Karina: when I read books, I like to use 1 bookmark for each book so I matched this with the color & since I like dinosaurs, it's a brachiosaurus bookmark, like this. It's cute right? SHE'S SO CUTE 😭 🦕🦕🦕

ty

71,382 views • 7 months ago

This man had the most polite interaction with a man that didn’t like him for just the color of his skin! 👀 Crazy story, but I believe him! 😅

This man had the most polite interaction with a man that didn’t like him for just the color of his skin! 👀 Crazy story, but I believe him! 😅

James Pleickhardt

46,902 views • 1 year ago

Future CSS Tip! ⚡️ You can combine CSS :has() & :user-valid/:user-invalid to power micro interactions 😍 No JavaScript. Watch for the little animations ✨ label { --color: var(--default); color: var(--color); border-color: var(--color); } .group:has(:user-valid) { --color: var(--valid); } .group:not(:focus-within):has(:user-invalid) { --color: var(--invalid); } These new pseudo-elements only fire once an input has been interacted with. This means you don't need to do things like the "transparent :placeholder-shown" hack from before 🙌 Then you can lean into the power of scoped custom properties and change the theme based on the status of a form group 😎 It's a nice little touch. But remember, don't rely on color to communicate things! CodePen.IO link below! 👇

Future CSS Tip! ⚡️ You can combine CSS :has() & :user-valid/:user-invalid to power micro interactions 😍 No JavaScript. Watch for the little animations ✨ label { --color: var(--default); color: var(--color); border-color: var(--color); } .group:has(:user-valid) { --color: var(--valid); } .group:not(:focus-within):has(:user-invalid) { --color: var(--invalid); } These new pseudo-elements only fire once an input has been interacted with. This means you don't need to do things like the "transparent :placeholder-shown" hack from before 🙌 Then you can lean into the power of scoped custom properties and change the theme based on the status of a form group 😎 It's a nice little touch. But remember, don't rely on color to communicate things! CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

283,972 views • 2 years ago

You know, I just think it's really neat that #FFXIV made a whole pro-wrestling raid series where each boss not only has their own gimmick but also theme. It's just fun and silly stuff. I tried to cram as many into 2 minutes as I could :)

You know, I just think it's really neat that #FFXIV made a whole pro-wrestling raid series where each boss not only has their own gimmick but also theme. It's just fun and silly stuff. I tried to cram as many into 2 minutes as I could :)

Jesse Cox

58,711 views • 10 months ago

These corrupt bastards can't do something so simple as just put the smith-mundt act back as it was. You don't need to fuck with it. just put it back as it was before. Leave it alone, it's not a weiner, quit playing with it. #Goodluck to you all #LongLiveTheRepublic

These corrupt bastards can't do something so simple as just put the smith-mundt act back as it was. You don't need to fuck with it. just put it back as it was before. Leave it alone, it's not a weiner, quit playing with it. #Goodluck to you all #LongLiveTheRepublic

The Artist known as Jess

126,252 views • 10 months ago

I made Bluprint: a simple preview to help you plan your Merge. Pick two colors, explore the possible evolution path, and choose the aesthetic you want for your Blupet. To reach a final form, you’ll need 8 NFTs of the same color and burn 7 of them. Why would you do that? It's up to you. All onchain activity matters in my world.

I made Bluprint: a simple preview to help you plan your Merge. Pick two colors, explore the possible evolution path, and choose the aesthetic you want for your Blupet. To reach a final form, you’ll need 8 NFTs of the same color and burn 7 of them. Why would you do that? It's up to you. All onchain activity matters in my world.

Bunya🏀

17,235 views • 1 month ago