I recreated Balatro's effects in Godot

Поделиться
HTML-код
  • Опубликовано: 1 июн 2024
  • Balatro is a super cool and juicy game and I wanted to recreate some of his effects in Godot
    Checkout the source code: github.com/MrEliptik/godot_ui...
    🎓 Learn how to make JUICY games 👇
    shorturl.at/eIT36
    👤 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
    🧠 Try Notion: affiliate.notion.so/mreliptik
    🔗All links: bento.me/mreliptik
    🖥 SETUP
    ~~~~~~~~~~~~
    These links are affiliate, it helps me if you buy through them!
    💻 PC/desk setup
    Ultrawide Monitor: LG 29": amzn.to/4bVcwd9
    24" HP monitor: amzn.to/48Fi8We
    Electric standing desk legs: amzn.to/3uQDpyj
    Chair: not the exact same, but better: amzn.to/48yL1n8
    SSD: Samsung 980 pro: amzn.to/3OWUcqw
    Stream deck: amzn.to/4bYcOjy
    Mic: Maono AU A04: amzn.to/4bSBHgB
    Keyboard: MX mechanical: amzn.to/3wBwYzT
    Mouse: MX master 2S: amzn.to/3wsMy0s
    Earbuds: OnePlus Nord Buds 2: amzn.to/3OYQNHq
    Elgato Mounting Pole: amzn.to/3P1UYSO
    Xbox Series controller: amzn.to/4c6DRcK
    Heated desk pad 🔥: amzn.to/3TgWyTw
    USB desk fan: amzn.to/48AbZdK
    Tablet: Samsung S6 lite: amzn.to/3wu4zvk
    Walking treadmill: amzn.to/3T50EwW
    📹 Camera
    Camera: Sony ZV E10: amzn.to/4bXhfem
    Lense: Tamron 17-70: amzn.to/3wGKSR2
    Tripod K&F: amzn.to/3In4psg
    SD card: SanDisk 128GB: amzn.to/3STzZTD
    📚 Books
    Steal like an artist: amzn.to/42Uloff
    How innovation works: amzn.to/42ZfLMX
    Turtles, Termites, and Traffic Jams: Explorations in Massively Parallel Microworlds: amzn.to/3UYBVN3
    👑 Patrons
    ~~~~~~~~~~~~
    Thanks to the Patrons on Patreon for making this video possible! 💖
    kycho, lokomotywa, furet, Sslaxx, Fernando, Markus, Zimi, Kyle, Mark, Sam, Michett, TLN
    🎬 CHAPTERS
    ~~~~~~~~~~~~
    00:00 - Intro
    00:17 - 3D card effect
    01:11 - Card tween hover
    01:30 - Shadows
    02:12 - Dissolve shader
    03:36 - Velocity
    04:00 - Text animation RichText
    04:34 - Background shader
    04:59 - Post processing
    05:31 - Drawing cards animation
    06:31 - Juice course
    06:43 - Cards wave animation
    07:09 - Parallax
    07:31 - Outro
  • ИгрыИгры

Комментарии • 91

  • @confusedbystander2898
    @confusedbystander2898 Месяц назад +20

    Balatro motivated me to up my shadergame and now I find the fountain that quenches all my burning question.
    Searched for a way to inject parameters into shaders in an elegant way and this did it for me.

  • @user-nc9on4bp2o
    @user-nc9on4bp2o Месяц назад +17

    Excellent tutorial. Truck load of information in less than 10 minutes. Score: 10/10. Perfect. Good job.

  • @TechCowboy
    @TechCowboy Месяц назад +16

    I didn't realize you could create such amazing effects with so little code. Thank you.

  • @loxtir
    @loxtir Месяц назад +26

    SUMMONING ALGORITHM !

    • @mrelipteach
      @mrelipteach  Месяц назад +3

      Perfect with this weekend's LD jam :)

  • @NKCubed
    @NKCubed Месяц назад +9

    Super cute! I'd love to see you tackle the five different joker editions as well, especially polychrome (it's so pretty!). Those ones are definitely harder to do though, I know the dev spent a lot of time on them as he's talked about in interviews.

    • @mrelipteach
      @mrelipteach  Месяц назад +2

      Oh yeah there are some cool shaders to reproduce, but it's a bit out of my league for now!

    • @NKCubed
      @NKCubed Месяц назад

      @@mrelipteach hoping that acerola tackles it

  • @Zettabit7
    @Zettabit7 Месяц назад +3

    It feels like Balatro has more juice than a grocery store. As for the background shader, the closest I could find was a mixing paint shader on shadertoy, but I haven't looked into it too deeply.

  • @comfortcove
    @comfortcove Месяц назад

    Great video packed with useful information. Subscribed.

  • @N3MAT0DE
    @N3MAT0DE 10 дней назад

    holy hell, this was a perfect video to get remotivated. Been needing a nice godot take on this game. easy sub and will enroll in ur juice course at some point!

  • @WhyDo
    @WhyDo Месяц назад

    Wow this is awesome. Would love to see more videos recreating effects from really 'juicy' games in Godot.

  • @lucastsen
    @lucastsen Месяц назад +2

    Incredible, i definitely like the polish you give to make games stand out, the godot engine is really nice

  • @natanmaia3575
    @natanmaia3575 Месяц назад +2

    really helpful! lots of little details I'd not have thought of replicating.

  • @kiri9979
    @kiri9979 Месяц назад

    amazing video man
    I was already wondering how some of these things work this is sick!

  • @gladman.stories
    @gladman.stories Месяц назад

    Mate, this is awesome! Wish you lot of subscribers.

  • @nestorpiedraquesada2954
    @nestorpiedraquesada2954 Месяц назад +1

    This information is GOLD!!!!

  • @MrBoko1234
    @MrBoko1234 Месяц назад +1

    i was just implementing my own version of the card tilt effect using that same base shader :D crazy how the algorithm just works

  • @mirtilo
    @mirtilo Месяц назад

    I'm always so happy to see when the Godot community in RUclips comes up with videos like these, they're so informative and educational but also just so entertaining to me! If you could keep making videos like this as a series or something i'd love it. Thanks for making this!

  • @odog8x16
    @odog8x16 Месяц назад

    Awesome vid, would love to see some of the backend card handling if you went in to that at all with this project.

  • @mrussogamedev
    @mrussogamedev Месяц назад

    awesome thanks for sharing. edit: ha I have already bought and watched your juice course. Keep the juice coming.

  • @Aarimous
    @Aarimous 19 дней назад

    Thanks for sharing, def going to use some of this if I make a card game.

  • @ruandemeneses9513
    @ruandemeneses9513 Месяц назад

    i'd like to see a tour around the animation aspect of godot the build in functionalities and using some external or custumized assets like character cheets and how to merge and make transitions between the animations, i've been searching content about it, but are not to much good content like yours

  • @pascalcasier959
    @pascalcasier959 Месяц назад

    Super professionnel, bravo et merci

  • @montoliodebrouchee3838
    @montoliodebrouchee3838 Месяц назад

    Great tutorial, many thanks!

    • @mrelipteach
      @mrelipteach  Месяц назад

      Glad you enjoyed it! Thank you for your donation :)

  • @AlexStrook
    @AlexStrook Месяц назад

    me bookmarking all your videos for when I have I time to dig more into godot: 👁👄👁

    • @mrelipteach
      @mrelipteach  Месяц назад

      Ahhh awesome! Don't hesitate if you have any questions ;)

  • @enjoful
    @enjoful Месяц назад

    Great video

  • @krzyszt0fus
    @krzyszt0fus Месяц назад

    Love the content! 🤩

  • @Thulipa3
    @Thulipa3 Месяц назад

    Man, what an incredible tutorial! Thank you very much for existing! XD
    I have a question at 1:00, what kind of value should the variable angle_y/x_max be? Something like 45? What values ​​did you use?

  • @TheNewSuperGameDevStudent
    @TheNewSuperGameDevStudent Месяц назад +1

    Pretty neat! AAAAANNNNDDDD I bought your course 🤩

  • @marianbaica7279
    @marianbaica7279 Месяц назад

    Eyooo this is too good, you are one of the best godot content creators!

  • @sergioortiz434
    @sergioortiz434 Месяц назад +1

    very interesting, will you also try to recreate the spiral from the background?

    • @mrelipteach
      @mrelipteach  Месяц назад

      The card spiral in the intro or something else?

  • @jfurmann
    @jfurmann Месяц назад

    Great video!

  • @jamesbogart3334
    @jamesbogart3334 Месяц назад

    Very very cool, learned a lot! Perfect mid level tutorial

  • @vader9133
    @vader9133 20 дней назад

    FencerDevLog uploaded a tutorial last month for a 'Warped plasma shader' that's exaclty the background swirling effect.

  • @oivoodoo
    @oivoodoo Месяц назад

    Amazing🎉

  • @NicolasEmbleton
    @NicolasEmbleton Месяц назад

    Brilliant

  • @nahuelnavarrete2013
    @nahuelnavarrete2013 Месяц назад

    nice content

  • @darknetworld
    @darknetworld Месяц назад

    I nice to share and tech stuff is a lot of work in design. XD

  • @lusunguchansa5586
    @lusunguchansa5586 Месяц назад

    Lovely

  • @enjoful
    @enjoful Месяц назад

    I was waiting for the background 🥲

    • @mrelipteach
      @mrelipteach  Месяц назад

      Some people gave intersting suggestions in the comments. You can look for FBM

  • @lukelearley
    @lukelearley 10 дней назад

    do you talk about your decision to use buttons for the cards anywhere? i am just getting started in godot and curious what the implications of such a choice would be in my own games.

    • @mrelipteach
      @mrelipteach  6 дней назад

      I'm using buttons because they give me signals to know if we're hovering, clicking, etc and also because they would make supporting gamepad MUCH easier. That being said, you don't need them and you could recreate everything using Area2D for example

  • @kartopod
    @kartopod Месяц назад

    Could you share your editor theme? It looks really neat

    • @mrelipteach
      @mrelipteach  Месяц назад +1

      I'm using the one from passivestar: github.com/passivestar/godot-minimal-theme

    • @kartopod
      @kartopod Месяц назад

      @@mrelipteach Thanks!

  • @ethelegend
    @ethelegend Месяц назад

    4:21 huge missed opportunity to write Balatrecreation

  • @FranciscoSanchez-ut3uz
    @FranciscoSanchez-ut3uz 28 дней назад

    This video is super useful. Godot motivated me to learn how to program. I'm trying to create a card game, so the video is ideal. For now I learned how to create menus and navigate through them. I also learned how to localize languages. I made a button to toggle between English and Spanish, but I don't know how to create a code that allows the selected language to be memorized when closing the application.
    Another button to reset to default values would also be nice. Could you help me? Thank you very much! :D

    • @mrelipteach
      @mrelipteach  26 дней назад

      The Godot docs is a good ressource to get started: docs.godotengine.org/en/stable/tutorials/io/saving_games.html

  • @iGoldenDan
    @iGoldenDan Месяц назад +1

    Great work! I would like to use this in my own projects. Could you add a license to your github repository by any chance? Thank you.

    • @mrelipteach
      @mrelipteach  Месяц назад +1

      Yes, sure, I'm doing it asap

    • @iGoldenDan
      @iGoldenDan Месяц назад

      @@mrelipteach Thanks so much!

  • @makoto-samaru8004
    @makoto-samaru8004 Месяц назад

    Nice godot theme, where do i find it?

    • @mrelipteach
      @mrelipteach  Месяц назад +1

      I think it's from Passivestar github.com/passivestar/godot-minimal-theme

  • @AlexanderFarber
    @AlexanderFarber Месяц назад

    Nice explanations, do you have a Github link? BTW I bought your Udemy course last year

    • @mrelipteach
      @mrelipteach  Месяц назад

      Yes, it's in the description! Thank you, I hope you enjoyed it :)

  • @markaszagorskas7531
    @markaszagorskas7531 Месяц назад

    I'm sure that someone that is more familiar with shaders will correct me, but the background looks like its using Fractal Brownian Motion together with color change. You can look up how to do that with the Book of Shaders online.

    • @mrelipteach
      @mrelipteach  Месяц назад

      Ah yeah it seems it could be a great match

  • @sean7221
    @sean7221 Месяц назад

    FOR THE ALGORITHM!

  • @viperjay1
    @viperjay1 Месяц назад

    There is a tut on how to decompile Balatro. ruclips.net/video/hmnbda6hJVM/видео.html

  • @jusstyno
    @jusstyno 23 дня назад

    As someone currently learning godot, this looks awesome and i cant wait to get to do this sorta stuff myself, once i start a proper project.

  • @Kio_Kurashi
    @Kio_Kurashi Месяц назад +2

    Alternative title: Other people already did most of the work for creating Balatro's effects in Godot!

    • @mrelipteach
      @mrelipteach  Месяц назад +7

      Oh yeah sorry next time I'll make sure to start by creating my own engine first

    • @Kio_Kurashi
      @Kio_Kurashi Месяц назад

      @@mrelipteach OS and microprocessor chip instructions too! 😤

  • @XiaoLinCn
    @XiaoLinCn 18 дней назад +1

    Sir, may I repost your tutorial on a Chinese platform? RUclips is not available in China.

  • @GodYar-mr1jj
    @GodYar-mr1jj 9 дней назад

    Please make youtube in godot with api !!!!!

  • @Kitsune_Dev
    @Kitsune_Dev Месяц назад

    too bad, I wouldn’t be able to make this in Roblox with just 2D

  • @Kitsune_Dev
    @Kitsune_Dev Месяц назад

    i actually don’t notice these effects because I use Xbox controller to play

  • @waltuh4716
    @waltuh4716 Месяц назад +1

    Better title: “I used premade shaders to create effects from balatro”

  • @keepyoursins
    @keepyoursins Месяц назад

    Looks great! Good job 👍

  • @meezi2987
    @meezi2987 Месяц назад

    make big tutorial how to make your game more juicy

  • @arbust8
    @arbust8 Месяц назад

    sprinkle some nodes
    pour some juice 🧃
    oh mighty algorithm
    i summon you! 🙌