I recreated Balatro's effects in Godot

[@TechCowboy]

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

[@confusedbystander2898]

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.

[@lucastsen]

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

[@user-nc9on4bp2o]

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

[@loxtir]

SUMMONING ALGORITHM !

[@mrelipteach]

Perfect with this weekend's LD jam :)

[@myaseena]

The shine / shimmer effect on the "candy bar" at 07:16 is also really cool

[@montoliodebrouchee3838]

Great tutorial, many thanks!

[@mrelipteach]

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

[@NKCubed]

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]

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

[@NKCubed]

@@mrelipteach hoping that acerola tackles it

[@natanmaia3575]

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

[@mrelipteach]

Glad you liked it :)

[@myaseena]

Thanks a lot to putting this together. I am a beginner both in Godot and Shaders and learned a lot.

[@Zettabit7]

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.

[@anthonygill718]

That's a crazy amount of wisdom packed in one video. Studying every frame!

[@mrelipteach]

Glad you enjoyed it!

[@arturitoproductions]

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

[@mrelipteach]

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

[@WhyDo]

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

[@loupax]

I was about to recreate my card game using 3D assets, thank you for sharing your knowledge

[@Fittiboy]

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]

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]

Incredible! Never knew this, thanks for the tip!

[@kryyto6587]

Hi, could you please detail a bit more this method you are speaking about?

[@kryyto6587]

Nevermind I got it to work, thank you very much

[@benreber6321]

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!

[@brainmaxxing1]

Did you ever get a breakdown posted somewhere?

[@gladman.stories]

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

[@WIZARDOFSUNSHINE]

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!

[@mrelipteach]

Welcome aboard!

[@gallenbr]

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

[@mrelipteach]

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

[@gallenbr]

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

[@TheNewSuperGameDevStudent]

Pretty neat! AAAAANNNNDDDD I bought your course 🤩

[@mrelipteach]

Awesome! Thank you!

[@MrBoko1234]

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

[@nestorpiedraquesada2954]

This information is GOLD!!!!

[@warny1337]

holy this channel is a gem, thx so much

[@mrelipteach]

Glad you enjoy it!

[@kiri9979]

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

[@mrelipteach]

Glad you liked it!

[@mrussogamedev]

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

[@marianbaica7279]

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

[@mrelipteach]

You are the best

[@Aarimous]

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

[@mrelipteach]

Please do!

[@comfortcove]

Great video packed with useful information. Subscribed.

[@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

[@xiangyuli504]

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

[@Haunchfluff]

Is anyone else having a strange problem with getting this to work in Godot 4.3? I've remade the project in 4.2 and it works fine but in 4.3 it seems like the velocity breaks down. Anyone have a solution to this?

[@pvp-man]

Idk if this is still relevant anymore or if this is gonna help, but I just had kinda the same problem and was able to fix it. For me the rotation was applied always on the upper left corner of the card. Godot 4.3 had some changes on how it's rotation is calculated on Control Nodes, therefore you need to replace: func follow_mouse(delta: float) -> void: if not following_mouse: return var mouse_pos: Vector2 = get_global_mouse_position() global_position = mouse_pos - (size/2.0) With: func follow_mouse(delta: float) -> void: if !following_mouse: return var mouse_pos : Vector2 = get_global_mouse_position() global_position = mouse_pos - get_global_transform().basis_xform(size / 2) Idk exactly why this is needed, but a Github Issue on Godot's repo recommended this as a solution and it worked for me

[@turbomodus]

The card3D effect example helped me a lot . Thanks

[@mrelipteach]

You're welcome!

[@octavius_360]

pls i need, help. I don't know how to donwload the shader.

[@sergioortiz434]

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

[@mrelipteach]

The card spiral in the intro or something else?

[@alanlai8769]

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

[@MTiger114]

WoOo thats impressive work

[@odog8x16]

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

[@JayDi85]

Wow, it was a great and useful tutorials!

[@mrelipteach]

Glad to hear that!

[@krzyszt0fus]

Love the content! 🤩

[@mrelipteach]

Thank you 🙌

[@lukelearley]

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]

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

[@kiwi__1011]

looking at the shader for the background, it seems to just add a radial gradient and then swirls and distorts the uvs multiple times with sin/cos; no noise textures at all

[@mrelipteach]

Someone made it available on godotshaders godotshaders.com/shader/balatro-background-shader/

[@gamedev6698]

AWESOME Thank you very much m'y for this tresure my friend

[@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?

[@pascalcasier959]

Super professionnel, bravo et merci

[@dudeweedlmao8519]

man, I was REALLY hoping you would go into card foil effects. but still its a good tutorial

[@jfurmann]

Great video!

[@mrelipteach]

Glad you enjoyed it

[@jusstyno]

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.

[@mrelipteach]

Good luck!

[@jamesbogart3334]

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

[@drendelous]

yt lacks a channel which would do that to games. would be so helpful for us poor souls

[@DemonBismuth]

would you know how to replicate that fire effect over the scores?

[@mrelipteach]

you could start with just particles but it's porbably using a noise based technique. If you look at how to make fire using scrolling noise you should get quite close

[@nubi4006]

THIS IS VERY GOOD

[@enjoful]

Great video

[@vader9133]

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

[@mrelipteach]

Thanks, I'll check it out!

[@ophanap]

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]

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]

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]

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

[@enjoful]

I was waiting for the background 🥲

[@mrelipteach]

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

[@lunalienray]

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

[@mrelipteach]

I don't know how to do it tbh!

[@lunalienray]

@@mrelipteach same it looks kinda difficult. I Only see tutorial for 3D

[@darknetworld]

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

[@spiegel3314]

incredible

[@Ocdib]

Does the shader work if I'm using it on Sprite2D as well? Or only TextureRect

[@mrelipteach]

I don't see any reason why it wouldn't work. A canvasitem shader will work on any canvasitem derived node

[@marwenazouzi4738]

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

[@mrelipteach]

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

[@marwenazouzi4738]

@@mrelipteach thank you so much!

[@neozoid7009]

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

[@mrelipteach]

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]

@@mrelipteach ok thanks cool #####

[@daliborgarza5244]

The background appears to be using a flowmap.

[@hiiambarney4489]

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

[@mrelipteach]

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

[@Dragon20C]

pretty cool, makes the whole card feel alive! can you figure out how to hide the card by flipping it over, so we only see the back of the card so if the card game involves other players, it would be nice to hide it from other players.

[@mrelipteach]

Yeah sure you can look at the rotation value in the shader and if its above or below a certain value it means the card is showing the back so you can hide the front control node and show the back

[@Dragon20C]

@@mrelipteach thats interesting, thank you for the reply!

[@sennheisermxsennheisermx]

now you can write balatro TOO

[@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]

Ah yeah it seems it could be a great match

[@nahuelnavarrete2013]

nice content

[@mrelipteach]

Thank you! 🙂

[@kartopod]

Could you share your editor theme? It looks really neat

[@mrelipteach]

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

[@kartopod]

@@mrelipteach Thanks!

[@rivenmain5753]

these are cool! can i use it for my project

[@mrelipteach]

Yes of course!

[@AlexStrook]

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

[@mrelipteach]

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

[@NicolasEmbleton]

Brilliant

[@iGoldenDan]

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]

Yes, sure, I'm doing it asap

[@iGoldenDan]

@@mrelipteach Thanks so much!

[@Pleasantnoob64]

Lovely

[@oivoodoo]

Amazing🎉

[@Frandibujacosas]

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]

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

[@IniMahya]

the perspective code is not working in godot 4.3

[@mrelipteach]

What error do you have?

[@griffink5554]

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]

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

[@Nomskiss]

Cool tutorial! But I'd like to mention one thing. It's a bit misleading to use a pixel shader, since Balatro uses pixel art, not a shader. Using a shader will make all of the textures a bit wonky and inconsistent. Aseprite is a good option for pixel art, but good free alternatives are Piskel or even something like Gimp! Sidenote: While using premade assets and shaders can come in handy, if you solely rely on them you'll never really learn how things actually work!

[@mrelipteach]

Maybe but at the same time Balatro squeezes and rotates pixels so it's probably not even retaining true pixel perfect anyway so I don't think it's a big deal imo

[@Nomskiss]

@mrelipteach Yes, Balatro does manipulate its sprites, but it uses the pixel art as a base for the manipulation. That is if I understood your comment correctly.

[@realeatisaiy]

Hell yeah

[@makoto-samaru8004]

Nice godot theme, where do i find it?

[@mrelipteach]

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

[@epsilonthetalambda]

4:21 huge missed opportunity to write Balatrecreation

[@mrelipteach]

Next time!

[@codingidiot6754]

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]

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

[@Lansamatv]

you can make a prototype like axie infinity

[@Big_Dai]

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

[@AlexanderFarber]

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

[@mrelipteach]

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

[@Kitsune_Dev]

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

[@_Chouppa_]

Sheeeesh

[@viperjay1]

There is a tut on how to decompile Balatro. kzbin.info/www/bejne/np7Rk5eXa819jK8

[@sean7221]

FOR THE ALGORITHM!

[@XiaoLinCn]

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

[@purplenurple9148]

1989 TIANANMEN SQUARE TAIWAN IS A COUNTRY

[@wowyomad]

​@@purplenurple9148braindead

[@JJSmalls]

Free Hong Kong

[@abnormaltaro]

动态网自由门 天安門 天安门 法輪功 李洪志 Free Tibet 六四天安門事件 The Tiananmen Square protests of 1989 天安門大屠殺 The Tiananmen Square Massacre 反右派鬥爭 The Anti-Rightist Struggle 大躍進政策 The Great Leap Forward 文化大革命 The Great Proletarian Cultural Revolution 人權 Human Rights 民運 Democratization 自由 Freedom 獨立 Independence 多黨制 Multi-party system 台灣 臺灣 Taiwan Formosa 中華民國 Republic of China 西藏 土伯特 唐古特 Tibet 達賴喇嘛 Dalai Lama 法輪功 Falun Dafa 新疆維吾爾自治區 The Xinjiang Uyghur Autonomous Region 諾貝爾和平獎 Nobel Peace Prize 劉暁波 Liu Xiaobo 民主 言論 思想 反共 反革命 抗議 運動 騷亂 暴亂 騷擾 擾亂 抗暴 平反 維權 示威游行 李洪志 法輪大法 大法弟子 強制斷種 強制堕胎 民族淨化 人體實驗 肅清 胡耀邦 趙紫陽 魏京生 王丹 還政於民 和平演變 激流中國 北京之春 大紀元時報 九評論共産黨 獨裁 專制 壓制 統一 監視 鎮壓 迫害 侵略 掠奪 破壞 拷問 屠殺 活摘器官 誘拐 買賣人口 遊進 走私 毒品 賣淫 春畫 賭博 六合彩 天安門 天安门 法輪功 李洪志 Winnie the Pooh 劉曉波动态网自由门

[@wowyomad]

@@XiaoLinCn a bunch of bots above

[@Kitsune_Dev]

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

[@GodYar-mr1jj]

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

[@Kio_Kurashi]

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

[@mrelipteach]

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

[@Kio_Kurashi]

@@mrelipteach OS and microprocessor chip instructions too! 😤

[@waltuh4716]

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

[@silentstormxd5530]

Algorithm

[@SuperCaitball]

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]

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

[@SuperCaitball]

@@mrelipteach Polychrome / Holo / Foil

[@keepyoursins]

Looks great! Good job 👍

[@mrelipteach]

Thank you! Cheers!

[@meezi2987]

make big tutorial how to make your game more juicy

[@arbust8]

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