Scratch Card Effect with Shine, Haptics & CoreMotion (2024) | SwiftUI Tutorial

Learn how to create the scratch card effect in SwiftUI using simple paths & the mask modifier. We'll also add a cool shine effect, detect scratched amount, add haptic feedback on scratching as well as motion tilt using CoreMotion.

📥 Source code:
🔗 https://github.com/anupdsouza/ios-scr...

⏰ Timestamps:
00:00 Sneak peak
00:25 Create UI
09:00 Add shine effect
13:00 Add haptic feedback
13:20 Add motion tilt
15:25 Demo time!

📥 Checkout some of my other videos:
👉🏻 Duolingo Style 3D Buttons🦉:    • Duolingo Style 3D Buttons🦉 | SwiftUI ...  
👉🏻 Gemini 1.5 Flash⚡️Multimodal Chatbot:    • Gemini 1.5 Flash⚡️Multimodal Chatbot ...  
👉🏻 Zoom Navigation Transition on iOS 18:    • Zoom Navigation Transition on iOS 18 ...  
👉🏻 Get started with Gemini AI:    • Gemini AI on iOS with SwiftUI (Tutorial)  
👉🏻 Implement mult-turn chat (text prompts):    • Multi-turn Chat with Gemini AI on iOS...  
👉🏻 Implement multi-modal chat (text + image):    • Text & Image (multimodal) streaming C...  
👉🏻 Horoscope App with Gemini AI:    • Horoscope App with Gemini AI on iOS |...  
👉🏻 Murder Mystery Game powered by Gemini AI:    • Murder Mystery Game powered by Gemini...  
👉🏻 Storybook app powered by Gemini AI & Dall-E:    • Storybook app powered by Gemini AI & ...  
👉🏻 Chatbot in 15 mins on iOS using Firebase Gemini API Extension:    • Chatbot in 15 mins on iOS using Fireb...  
👉🏻 Multimodal Chatbot with Gemini using Vertex AI:    • Multimodal Chatbot with Gemini API us...  

✅ Consider SUBSCRIBING to the channel & giving this video a LIKE 👍🏼
🔗    / @swiftodyssey  
👉🏻 Click the BELL 🔔 icon to be notified of new content!

🌐 Follow me online:
🕸️ https://www.anupdsouza.com
🔗   / swift_odyssey  
👨🏻‍💻 https://github.com/anupdsouza

🎗️ Support:
☕️ BuyMeaCoffee: https://www.buymeacoffee.com/adsouza
🤝 Patreon:   / adsouza  
🙏🏼 Thanks for watching

🎶 Music:
Music by Lidérc from Pixabay

Komorebi by | e s c p | https://www.escp.space
https://escp-music.bandcamp.com

Rooftop by Alex-Productions | https://onsound.eu/
Music promoted by https://www.free-stock-music.com
Creative Commons / Attribution 3.0 Unported License (CC BY 3.0)
https://creativecommons.org/licenses/...

Synthetic by | e s c p | https://www.escp.space
https://escp-music.bandcamp.com

🏷️ Tags: #scratcheffect #ios #haptics #coremotion #animation #scratchcards #scratchcard #scratchcardapp #swiftui #iOS #swiftuianimation #wwdc #wwdc24 #apple #ios #swift #swiftui #xcode #xcode13 #xcode14 #xcode15 #swifttutorial #swiftuitutorial #swiftbasics #swiftuibasics #swiftexample #swiftuiexample #uikit #uikitbasics #uikittutorial #swiftuianimation #tech #uikitanimation #animation #iosapp #mobilegame #swiftcode #iosappdevelopment #mobileappdevelopment #mobileapplications #mobileapps #mobile #developer #development #programming #programmingbasics #intermediateprogramming #advancedprogramming #swiftprogramming #swiftuiprogramming #design #uikitprogramming #code #coding #beginnerprogramming #ui #ux #beginner #intermediate #advanced #tutorial #iostutorial #programmingtutorial #codingtutorial #applicationdevelopment #objectivec #macos #macosdevelopment #macappdevelopment #iphone #iphoneappdevelopment #iphonedevelopment #iphoneos #ipados #iOS13 #iOS14 #iOS15 #iOS16 #iOS17 #iphone13 #iphone14 #iphone15 #iphonexr #iphoneplus #iphonepromax #iphonese #iphonepro #ipad #ipadmini #ipadpro #ipadair #simulator