TINDER mobile app SWIPE In GODOT

In this video, I'm recreating the Tinder card swiping UI in Godot!
You can find the sources for this project, on my GitHub: github.com/MrEliptik/godot_ex...
👤 SOCIALS
~~~~~~~~~~~~
💰 One time donation: ko-fi.com/mreliptik
💰 Support me on Patreon: / mreliptik
🟣 Join us on Discord: / discord
🔴 Twitch: / mreliptik
🐤 Twitter: / mreliptik
🎥 TikTok: / mreliptik
🖼️ Instagram: / mreliptik
🔗All links: bento.me/mreliptik
- Icon source
Icons8.com icons8.com
- Intro & outro music
Jazzhead - VOiD1 Gaming (www.void1gaming.com)
CHAPTERS
~~~~~~~~~~~~
00:00 - Intro with result
00:18 - Analyzing the Tinder app
01:18 - Projects settings
01:34 - App scene
02:18 - Match scene
02:55 - Card scene
03:55 - Card script
05:36 - App script
06:21 - Final result
06:46 - Wrap up & conclusion
06:56 - Outro

[@maralex2726]

Man this tutorial is beautiful! It really helped me to make my game, and I love that you explained how everything work down to a line, perfect work! Thank you for your tutorial!

[@moinkskie]

i love it ♥️ more detailed tutorial like about the containers. keep it up ☺️

[@mrelipteach]

Great idea, I'll see what I can do!

[@BHanif-zc2pr]

Great tutorial.. need more

[@enimal524]

Hello, can you explain why you use 1080 1920 for the size ? I currently developing a mobile app and I use 720 1080 because I've read somewhere that what works on most mobile devices. What do you think it's better ? There not many videos explaining the subject in the Godot community.

[@mrelipteach]

Hey I've already replied to this on Discord but I want to also reply here in case anyone else is interested! I've simply used the usual 1920x1080 but in vertical. I believe it doesn't matter much, because on mobile you want to make your app responsive to all the different screen resolutions and aspect ratios. Using containers correctly, you should be able to adapt to every screens.

[@nukeman4]

This is great! Nice work! Can you do tiktok next?

[@mrelipteach]

Those videos don't do super well, so I'll think about it. TikTok should be simple enough tho!

[@nukeman4]

@@mrelipteach Because people use godot for games. Then there is me, who will try someting diferent XD

[@harshab108]

Hey if i download from the git and play the game, i'm unable to do swipe action in windows, do you know why?

[@mrelipteach]

Just to clarify for others as we discussed than on Discord. The app is only listening for InputEventScreenDrag to achieve the swipe. It means this works only on mobile. You can use InputEventMouseMotion if you want the swipe to work on desktop

[@BHanif-zc2pr]

I want to learn how to make selecting system like candy crush. Will you make one tutorial?

[@mrelipteach]

What exactly do you mean by a "selecting system"?

[@BHanif-zc2pr]

@@mrelipteach did you ever played candy crush or word puzzle?

[@mrelipteach]

@@BHanif-zc2pr Yes, but can you describe exactly what you want. Are you talking about the "match 3" mechanic, where you check if 3 things or more are aligned?

[@BHanif-zc2pr]

@@mrelipteach yes. Are you on discord or WhatsApp? Let me send a video what i exactly want.. send me your social id or number

[@Rabbidking]

Do you have any advice on how to make this work with Godot 4.0? I wanted to use a similar method as a level select for a game I'm making, but I'm having trouble getting things to work properly. Mainly, I can't seem to get the card swiping animations to work at all, despite converting the project to work within 4.0's standards. The screen does detect whether or not the mouse is clicked on the left or right side of the image but swiping doesn't play the animation for the card, it just seems to cycle between the three pictures of the first person. There's also the fact that the Tween node was removed from 4.0, making it difficult to figure out how to readjust it to work. Most other issues I had got solved in the conversion process or by fiddling around with stuff (initially I couldn't get the TextureRect images to load but switching them to a Sprite2D and back again seems to have solved that part, hence some edits from me on this comment). Any tips you might have would be greatly appreciated (and properly credited of course)!

[@mrelipteach]

Honestly I didn't try updating it to Godot 4 so I'm not really sure why it wouldn't work. If the main pain point is the tween, you can quite easily convert it to the new tween system. The functionalities are the same, only the usage style is different. If you have specific problems, don't hesitate to ask on my discord