I recreated Balatro's effects in Godot

Поділитися
Вставка
  • Опубліковано 26 вер 2024

КОМЕНТАРІ • 135

  • @confusedbystander2898
    @confusedbystander2898 5 місяців тому +35

    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 5 місяців тому +27

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

  • @TechCowboy
    @TechCowboy 5 місяців тому +25

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

  • @loxtir
    @loxtir 5 місяців тому +35

    SUMMONING ALGORITHM !

    • @mrelipteach
      @mrelipteach  5 місяців тому +3

      Perfect with this weekend's LD jam :)

  • @NKCubed
    @NKCubed 5 місяців тому +13

    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  5 місяців тому +3

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

    • @NKCubed
      @NKCubed 5 місяців тому +1

      @@mrelipteach hoping that acerola tackles it

  • @Zettabit7
    @Zettabit7 5 місяців тому +5

    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.

  • @arturitoproductions
    @arturitoproductions 2 місяці тому +1

    Love this one, I would love to see more like this. Exploring juicy games out there and reproducing their effects. Soo cool

    • @mrelipteach
      @mrelipteach  2 місяці тому

      Thanks! If you have recommendations for games you want me to explore, don't hesitate :)

  • @WhyDo
    @WhyDo 5 місяців тому +1

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

  • @natanmaia3575
    @natanmaia3575 5 місяців тому +2

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

  • @lucastsen
    @lucastsen 5 місяців тому +2

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

  • @Fittiboy
    @Fittiboy 3 місяці тому +2

    A simple trick to figure out how to make the background shader: Extract it from the game! Simplest way is to just copy the .exe and rename it to .zip first. The background shader is in the resources/shaders directory. It's 52 lines of code.

    • @partypiggaming9344
      @partypiggaming9344 Місяць тому +2

      This goes for any shader in any game Because of how they need to be compiled at run time for every gpu, they are normally packaged in as source code even in AAA games.

    • @benreber6321
      @benreber6321 Місяць тому +1

      Incredible! Never knew this, thanks for the tip!

  • @turbomodus
    @turbomodus Місяць тому

    The card3D effect example helped me a lot . Thanks

  • @MrBoko1234
    @MrBoko1234 5 місяців тому +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

  • @alanlai8769
    @alanlai8769 Місяць тому

    Amazing tutorial!!!!! A lot of thanks!!!

  • @N3MAT0DE
    @N3MAT0DE 4 місяці тому

    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!

  • @TheNewSuperGameDevStudent
    @TheNewSuperGameDevStudent 5 місяців тому +1

    Pretty neat! AAAAANNNNDDDD I bought your course 🤩

  • @JayDi85
    @JayDi85 25 днів тому

    Wow, it was a great and useful tutorials!

  • @nubi4006
    @nubi4006 Місяць тому

    THIS IS VERY GOOD

  • @mrussogamedev
    @mrussogamedev 5 місяців тому

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

  • @Aarimous
    @Aarimous 4 місяці тому

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

  • @xiangyuli504
    @xiangyuli504 2 місяці тому

    so good video! hope you could share whole project in video. I love it very much!

  • @nestorpiedraquesada2954
    @nestorpiedraquesada2954 5 місяців тому +1

    This information is GOLD!!!!

  • @ruandemeneses9513
    @ruandemeneses9513 5 місяців тому

    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

  • @MTiger114
    @MTiger114 3 місяці тому

    WoOo
    thats impressive work

  • @sergioortiz434
    @sergioortiz434 5 місяців тому +1

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

    • @mrelipteach
      @mrelipteach  5 місяців тому

      The card spiral in the intro or something else?

  • @AlexStrook
    @AlexStrook 5 місяців тому

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

    • @mrelipteach
      @mrelipteach  5 місяців тому

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

  • @comfortcove
    @comfortcove 5 місяців тому

    Great video packed with useful information. Subscribed.

  • @odog8x16
    @odog8x16 5 місяців тому

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

  • @enjoful
    @enjoful 5 місяців тому

    I was waiting for the background 🥲

    • @mrelipteach
      @mrelipteach  5 місяців тому

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

  • @marianbaica7279
    @marianbaica7279 5 місяців тому

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

  • @jamesbogart3334
    @jamesbogart3334 5 місяців тому

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

  • @Thulipa3
    @Thulipa3 5 місяців тому

    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?

  • @montoliodebrouchee3838
    @montoliodebrouchee3838 5 місяців тому

    Great tutorial, many thanks!

    • @mrelipteach
      @mrelipteach  5 місяців тому

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

  • @vader9133
    @vader9133 4 місяці тому

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

    • @mrelipteach
      @mrelipteach  4 місяці тому

      Thanks, I'll check it out!

  • @jusstyno
    @jusstyno 4 місяці тому

    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.

  • @lunalienray
    @lunalienray 5 днів тому

    Would you make tutorial on foil and holographic effect shader? It is really beautiful but I have no idea how to replicate it.

  • @marwenazouzi4738
    @marwenazouzi4738 21 день тому

    Really cool! Thank you so much for sharing :) Quick question, where can I download the cards?

    • @mrelipteach
      @mrelipteach  21 день тому +1

      You can find them on my itch mreliptik.itch.io/playing-cards-packs-52-cards

    • @marwenazouzi4738
      @marwenazouzi4738 20 днів тому

      @@mrelipteach thank you so much!

  • @rivenmain5753
    @rivenmain5753 3 місяці тому

    these are cool! can i use it for my project

  • @darknetworld
    @darknetworld 5 місяців тому

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

  • @XiaoLinCn
    @XiaoLinCn 4 місяці тому +2

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

  • @krzyszt0fus
    @krzyszt0fus 5 місяців тому

    Love the content! 🤩

  • @jfurmann
    @jfurmann 5 місяців тому

    Great video!

  • @gallenbr
    @gallenbr 3 місяці тому

    can you make a video talking about arctic eggs? i really want to make a low polly game in godot.

    • @mrelipteach
      @mrelipteach  3 місяці тому

      What would you like to see exactlyt? The low poly process?

    • @gallenbr
      @gallenbr 3 місяці тому

      @@mrelipteach i think recreating the mini game where you fry the eggs would be fun

  • @enjoful
    @enjoful 5 місяців тому

    Great video

  • @ethelegend
    @ethelegend 5 місяців тому

    4:21 huge missed opportunity to write Balatrecreation

  • @Frandibujacosas
    @Frandibujacosas 4 місяці тому

    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  4 місяці тому

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

  • @markaszagorskas7531
    @markaszagorskas7531 5 місяців тому

    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  5 місяців тому

      Ah yeah it seems it could be a great match

  • @mirtilo
    @mirtilo 5 місяців тому

    I'm always so happy to see when the Godot community in UA-cam 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!

  • @Lansamatv
    @Lansamatv 2 місяці тому

    you can make a prototype like axie infinity

  • @realeatisaiy
    @realeatisaiy 2 місяці тому

    Hell yeah

  • @griffink5554
    @griffink5554 16 днів тому

    The game is not compiled or obfuscated, so if you own the game you should be able to open the games lua source code and investigate what is going on with thate background shader

    • @mrelipteach
      @mrelipteach  15 днів тому

      Yeah totally. Someone made a Godot port of that shader and I think it's available on Godot shaders now

  • @codingidiot6754
    @codingidiot6754 2 місяці тому

    0:28 you HAVE to explain how this shader works. I tried to recreate it for 2 hours and failed miserably, then I tried to look at the source code of the shader and didn't understand anything at all (curse vector math!!!!!)

    • @mrelipteach
      @mrelipteach  Місяць тому +1

      I think you should look at the math behind perspective calculation, it's not related to Godot

  • @iGoldenDan
    @iGoldenDan 5 місяців тому +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  5 місяців тому +1

      Yes, sure, I'm doing it asap

    • @iGoldenDan
      @iGoldenDan 5 місяців тому

      @@mrelipteach Thanks so much!

  • @hiiambarney4489
    @hiiambarney4489 Місяць тому

    Wasn't Balatro's source code visable from within the steam release version openly?

    • @mrelipteach
      @mrelipteach  Місяць тому

      Balatro is made with Lua so technically the code is visible yes as there's no mechanism to "hide"

  • @Kio_Kurashi
    @Kio_Kurashi 5 місяців тому +2

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

    • @mrelipteach
      @mrelipteach  5 місяців тому +7

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

    • @Kio_Kurashi
      @Kio_Kurashi 5 місяців тому

      @@mrelipteach OS and microprocessor chip instructions too! 😤

  • @lukelearley
    @lukelearley 4 місяці тому

    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  4 місяці тому +1

      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

  • @ophanap
    @ophanap 3 місяці тому

    Working through this currently for the card game im making, great tips thanks so much for sharing!
    I'm getting a really weird issue with the "fake 3D" shader... I've got it mostly working using a viewport as per your video, but when rotating all the cards are upside down and stay that way when you leave the card area.
    Also hovering one card changes the rotation of all cards in hand, but I presume this is due to the way my individual project is set up. I'll need to take another look at everything, but I'd appreciate any thoughts re this!

    • @ophanap
      @ophanap 3 місяці тому

      I fixed the upside down issue, I had the default Angle X/Y Max set to 15 for some reason! It's been a long day...
      I still can't resolve the entire hand moving on mouse hover though, any help would be greatly appreciated!

    • @mrelipteach
      @mrelipteach  3 місяці тому +1

      The default angles are limited yes but you can change them without any problem.
      Every cards are moving because by default resources are shared in Godot. You can enable "local to scene" in your material to make sure it's going to be local to each card.

    • @ophanap
      @ophanap 3 місяці тому

      @@mrelipteach Thank you so much, that fixed it!

  • @sean7221
    @sean7221 5 місяців тому

    FOR THE ALGORITHM!

  • @Big_Dai
    @Big_Dai Місяць тому

    @6:09 The shadow under the main deck card is too distracting.

  • @NicolasEmbleton
    @NicolasEmbleton 5 місяців тому

    Brilliant

  • @kartopod
    @kartopod 5 місяців тому

    Could you share your editor theme? It looks really neat

    • @mrelipteach
      @mrelipteach  5 місяців тому +1

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

    • @kartopod
      @kartopod 5 місяців тому

      @@mrelipteach Thanks!

  • @neozoid7009
    @neozoid7009 2 місяці тому

    Brouhhh... but how did y implement the dragging mechanism ??

    • @mrelipteach
      @mrelipteach  2 місяці тому +1

      You can look at the code. When I click on a card, I move it to the position of the mouse every time the mouse move

    • @neozoid7009
      @neozoid7009 2 місяці тому +1

      @@mrelipteach ok thanks cool #####

  • @Pleasantnoob64
    @Pleasantnoob64 5 місяців тому

    Lovely

  • @gladman.stories
    @gladman.stories 5 місяців тому +1

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

  • @nahuelnavarrete2013
    @nahuelnavarrete2013 5 місяців тому

    nice content

  • @oivoodoo
    @oivoodoo 5 місяців тому

    Amazing🎉

  • @_Chouppa_
    @_Chouppa_ 3 місяці тому

    Sheeeesh

  • @Kitsune_Dev
    @Kitsune_Dev 5 місяців тому

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

  • @makoto-samaru8004
    @makoto-samaru8004 5 місяців тому

    Nice godot theme, where do i find it?

    • @mrelipteach
      @mrelipteach  5 місяців тому +1

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

  • @AlexanderFarber
    @AlexanderFarber 5 місяців тому

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

    • @mrelipteach
      @mrelipteach  5 місяців тому

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

  • @GodYar-mr1jj
    @GodYar-mr1jj 4 місяці тому

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

  • @Kitsune_Dev
    @Kitsune_Dev 5 місяців тому

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

  • @silentstormxd5530
    @silentstormxd5530 27 днів тому

    Algorithm

  • @viperjay1
    @viperjay1 5 місяців тому

    There is a tut on how to decompile Balatro. ua-cam.com/video/hmnbda6hJVM/v-deo.html

  • @SuperCaitball
    @SuperCaitball 3 місяці тому +1

    I was hoping to see the card edition effects replicated... too bad. Most of this video boiled down to "I used someone else's shader"

    • @mrelipteach
      @mrelipteach  3 місяці тому

      What's the card edition effect? Sorry but this is what gamedev is like most of the time

    • @SuperCaitball
      @SuperCaitball 3 місяці тому

      @@mrelipteach Polychrome / Holo / Foil

  • @meezi2987
    @meezi2987 5 місяців тому

    make big tutorial how to make your game more juicy

  • @keepyoursins
    @keepyoursins 5 місяців тому

    Looks great! Good job 👍

  • @arbust8
    @arbust8 5 місяців тому

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

  • @benreber6321
    @benreber6321 28 днів тому

    Thanks for this excellent video! I was inspired to give the background shader a shot, and have a pretty close approximation. You're right that it's noise warping. The twist effect for boss fights can be achieved by tweening a spiral + rotation parameter. I may post a detailed breakdown somewhere soon!

  • @pascalcasier959
    @pascalcasier959 5 місяців тому

    Super professionnel, bravo et merci

  • @kiri9979
    @kiri9979 5 місяців тому

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

  • @waltuh4716
    @waltuh4716 5 місяців тому +1

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