Instant Better UI with Godot 4's Theme Editor - Tutorial

Подписаться 5 тыс.

Просмотров 44 тыс.

50% 1

Feel free to ask questions in the comments I will answer them all!
Play Moving In: store.steampowered.com/app/23...
Discord: / discord
Patreon: / abrasivetroop
Twitter: / berryberryniceu
Linktree: linktr.ee/abrasivetroop
Buy my game Mirrorama: store.steampowered.com/app/18...
#gamedev #godot #tutorial #indiegamedev #indiegame
#godot3 #godot4

Игры

Опубликовано:

26 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 77

@abradotcs 10 месяцев назад

Wishlisht my game Moving In: store.steampowered.com/app/2307660/Moving_In/

@EightFaun Год назад

Y'know, this did help me make UI better using Godot 4's theme editor. Thanks

@abradotcs Год назад

im glad it helped :p

@abradotcs Год назад

Sorry little berry got in the way a little bit in this video 😪Also let me know what else you want me to cover in next videos please!

@j-kevinampong1379 Год назад

Can do make a next tutorial for tile map?

@Mustache_Dev Год назад

Maybe the next video about optimizing performance...

@S4AAS Год назад

Good looking UI (finally) moment after this tutorial! 10/10 would recommend

@abradotcs Год назад

lol xD thakns

@lizzyg1947 10 дней назад

Wow. I needed this my dear friend. I can not express to you how badly I needed this video, I have been on solo journey towards building my very first simple game! It's been quite a few months now and as you all know, It is never quite that simple, not when it comes to code. This video solved so many of my problems. Thank you! a million times thank you!

@dionelcarreno1832 7 месяцев назад

Thank you very much, i was kind of afraid theming were kind of difficult to implement, but now i see how simple it is, amazing!

@Ansgaar3 6 месяцев назад

Thank you! So obscenely difficult to find good information on the simplest of things. Really really appreciate it!

@CrushingJosch 11 месяцев назад

Another very useful and concise tutorial, thanks a lot :)

@nishaqiao828 Месяц назад

omfg, you just saved my life! It takes me 4 hours to find a tutorial to basically change the Button Background Color! GD made it so counterintuitive...

@galaxyguy4247 6 месяцев назад

Thanks a lott, im new to godot and my main problem with Godot is UI. Its been very hard to make nice and functional UI and this makes it alot easier.

@CutyDina 9 месяцев назад

Thanks a lot. Simple and quick tutorial to start creating themes. Started with Godot few days ago. 😁

@gecko6872 9 месяцев назад

Thanks. This is a perfect kick-start for working with UI Themes.

@razorbl8de 4 месяца назад

Super handy explanation, and still 100% works after 10 months. Great job

@wavetro Год назад

this explained it way better than the docs. thank you talking food creature

@abradotcs Год назад

You are very welcome :p

@erikdong Год назад

great quick and dirty video. perfect. quick and to the point. many thanks!

@abradotcs Год назад

Glad it helped!

@LeKooKoo Год назад

This is really cool thank you. (Your voice is really relaxing lol)

@abradotcs Год назад

Aww thank you so much :D You are so sweet XD

@markshumarov Месяц назад

Thank you for the great video!

@eliasguyd 7 месяцев назад

The copy and paste tip was excellent for me. Thank you!

@MrBreakthompson 4 месяца назад

This saves a lot of time! Thank you!!!

@julien_5049 3 месяца назад

Thanks a lot for this video :D

@adelatorremothelet 11 месяцев назад

Thanks a lot for this quick tutorial. I was completely lost about how the theme editor worked!!

@abradotcs 11 месяцев назад

you are welcome!

@TheSouluser Месяц назад

awesome clean tutorial!!! Thank you

@abradotcs Месяц назад

Glad it was helpful!

@kartopod 2 месяца назад

Tip, when typing in any of the field textboxes with multiple fields in a row, (Like the corner radius fields for eg) you can press TAB to go to the next field, without having to do it manually

@user-xs1bv6ns5b День назад

Great tut!

@Merocom-ed2xv Год назад

Good quick tutorial video ❤

@abradotcs Год назад

Thanks man :p

@yazeedosman9491 4 месяца назад

Thanks very much this video is amaizing

@refeals 8 месяцев назад

didnt know about this, pretty awesome

@lukasvnenk5664 28 дней назад

Amazing tutorial and also (as Unity user) I’m amazed by how many great features Godot has. Loving it.

@abradotcs 28 дней назад

How long have you used Unity?

@lukasvnenk5664 28 дней назад

Used Unity for about 5 years, though I always failed to finish a project lol! Got many projects in a concept state and some quite polished, but not complete. Now playing with Godot and things just seem simpler, lighter.. somehow it makes me focus on important things more and keep it all simple.. idk

@yomamasofat413 8 месяцев назад

awesomeeeee! Works for godot 3.5 as well

@plopsis Год назад

Very good tutorial.

@abradotcs Год назад

Thankss :p

@owenlloyd2528 Год назад

Thank you

@felixp535 12 дней назад

Amazing tutorial! Any idea how to make the text not blurry though?

@Mustache_Dev Год назад

Great vid, maybe I'll move to Godot4...

@nickkoldys 5 месяцев назад

Very nice video! How do I change the color of the button text?

@zikcman Год назад

Thx 👍

@varen4662 Год назад

Don't know if I did something wrong but when I changed the colours for pressed/hover it changed the colour of normal as well. I had to click 'make unique' after pasting to make the Style be different for every option.

@nyuh Год назад

yippee !! thank you berry :) time make slightly less bad ui

@abradotcs Год назад

lol you welcome

@himeto3170 Год назад

How would you go about making different elements of the same type? Like if I wanted one Progress Bar to be blue and another to be red (mana and health for example). I managed to do this using Theme Overrides but I feel like that's not the best solution, since afaik you have to redo the properties for every new element done this way. Great vid btw

@abradotcs Год назад

I would create multiple themes and attach them directly to ui nodes

@SaiponathGames 11 месяцев назад

There is a theme variations option, I would recommend exploring it

@fvhaudsilhvdfs 5 месяцев назад

i figured out how to make the tabs (in tabcontainer) display an icon instead of text, but do you know how to get each tab to display a different icon? ATM I can only make each one display the same icon.

@KaletheQuick 4 месяца назад

Are there any cool things for an image button? Or animations?

@W_0_W Год назад

Can you change a button background texture and its border textures, not just size and colors?

@bcbdjane День назад

the custom font gets replaced by the default font in the debug screen when i run the scene, how do i fix this?

@andyandrew2453 9 месяцев назад

Can you do something about the text on the button ? I mean it look kinda blurry...

@mohamadaljeldeh 4 месяца назад

I made a button but when using theme and changed the modes the way I want like hover, pressed and focus but when I used the code button.grab_focus() The hover and pressed did not work on the button anymore😢

@SandSeppel Год назад

nice.

@abradotcs Год назад

Thansk :p

@Osjey 11 месяцев назад

what If I just want to create Buttons, Sliders etc. as png images? Does that still work and how?

@didhack 9 месяцев назад

Awesome, thank you for the tutorial. I would love a tutorial about common/basic physics in 2D, like collisions, forces/gravity, one object following another or getting closer to the other, bounces. Btw good luck on your game!

@MOtherMetroid Год назад

4.0.0 was quite buggy when i tried to use a button to change between window and fullscreen, I'd appreciate any help.

@abradotcs Год назад

you had a problem switching window modes?

@MOtherMetroid Год назад

@@abradotcs Yeah, starting in Windowed Mode, it works fine (except for a tiny white border, ugh). But starting in Fullscreen Mode (which is what I want), weird things happen. First time switching, it stays fullscreen (and gets the annoying border) while also changing monitor. Trying to go fullscreen then does nothing. Going windowed again makes the window so small that the Godot Logo is between the minimize and maximize button. The debugger also starts freaking out here.

@abradotcs Год назад

@@MOtherMetroid you might wanna report that sounds like a serious bug

@TheRealAfroRick 8 месяцев назад

This is effectively what Unity has been trying to build with their UI tools for an absurdly long amount of time.

@abradotcs 8 месяцев назад

Godot UI is probably the best out there 😂

@BriariusTitan Месяц назад

@daviskyLV Год назад

Making buttons so nice and this easy feels illegal

@abradotcs Год назад

Ikr!

@--Arthur 9 месяцев назад

"Instant better UI", wdym instant? This is an extremely slow process for a complete set of UI🤦

@abradotcs 9 месяцев назад

Bro is new to RU-vid

@--Arthur 9 месяцев назад

@@abradotcs Care to elaborate? I followed your tutorial for my prototype thinking it wouldn't take hours - before realizing it would. Now I have to recreate some UI, because the styling is messed up after I cleared the theme, realizing the effort wasn't worth my time atm. Not only do you waste the time for me to follow along, but I also have to clean up afterwards. Is it reaalllyy cool to skadoodle others, bro? Thought I could rely on you🤷

@abradotcs 9 месяцев назад

@@--Arthur You do realize game dev takes time right? Designing some vector art for ui would probably take up to hours but you can set this in minutes and it will apply to all the UI in your game idk what you are on about here?