GDevelop - How to Add Responsive UI using Anchors

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

КОМЕНТАРІ • 74

  • @plexquared1877
    @plexquared1877 4 роки тому +9

    I got curious because I wanted to do this for a game I'm making, and now I feel stupid because I didn't see this.
    This is a great tutorial though, thanks. Definitely earned a subscriber today.

    • @cltr_shft
      @cltr_shft  4 роки тому

      Thanks fro watching and for subscribing :) glad that i was able to help

  • @ittaloornilo
    @ittaloornilo 4 роки тому +3

    I was out from youtube for only 3 days and when I'm back, you have 3 new AWESOME tutorials! Loved that!
    =

    • @cltr_shft
      @cltr_shft  4 роки тому +1

      Eheh thanks :) I was feeling productive in the past couple of days :)

  • @kumoitojp
    @kumoitojp 3 роки тому +2

    I'm pretty sure God created you to answer all of my GDevelop questions. Thank you so much!

  • @narendragandhi6840
    @narendragandhi6840 3 роки тому +2

    This was the thing I was searching BT couldn't find ...I tried many methods...neither of them worked correctly.....and knowing gdevelop had option that was actually so easy...its making me feel dumb....😂...loved ur video ✨

  • @kevinp.a1722
    @kevinp.a1722 3 роки тому +1

    Me: *casually makes an error*
    My brain: "And where did that bring you... right back to Wishforge Games"

  • @BatteryProductions
    @BatteryProductions 4 роки тому +1

    thanks for clarifying the behaviors, i had been wondering what was the tween and anchor behavior.. yesterday you cleared one, now the other.. thanks man..!
    good workaround for middle anchor!

    • @cltr_shft
      @cltr_shft  4 роки тому

      Thanks for watching :) i am glad that i've been able to help you

  • @navendukala9377
    @navendukala9377 3 роки тому +4

    Man i just

  • @b3rn4rddd
    @b3rn4rddd 4 роки тому +1

    I love your tutorials

  • @esab__5235
    @esab__5235 4 роки тому

    Thank you! I had not found information about this topic, excellent tutorial.❤️

    • @cltr_shft
      @cltr_shft  4 роки тому

      Thank for watching :) and I am very glad this helped

  • @mantastrumpickas5508
    @mantastrumpickas5508 4 роки тому +6

    Hey. I'm having a problem centering the object to a screen so if someone else is having the same problem then here is a fix:
    Condition: Always;
    Action: X position of an object 🡺 Modification's sign: = (set to) ; Value: SceneWindowWidth()/2-YourObjectName.Width()/2 🡺 Click OK

  • @kaqyn
    @kaqyn 4 роки тому

    This is what I've been trying to do.
    Thanks, man!

    • @cltr_shft
      @cltr_shft  4 роки тому

      Thanks :) glad I have helped

  • @cvetankamburov932
    @cvetankamburov932 4 роки тому

    Your channel is awesome and very helpful. The content is very easy to understand. I'm a Big Fan!

    • @cltr_shft
      @cltr_shft  4 роки тому

      Thanks you for such great feedback :) I am glad that I have been able to help . More videos are coming up, so stay tuned

  • @heltonmaxwell867
    @heltonmaxwell867 2 роки тому

    Nice tutorial, Thanks

  • @DiosLi
    @DiosLi 4 роки тому

    this helped me a lot, thanks! awesome channel!

    • @cltr_shft
      @cltr_shft  4 роки тому +1

      Thanks for watching :) I am glad I could help

  • @ninjarunner
    @ninjarunner 3 роки тому

    I wish I'd known about this back when I used gdevelop. I used to just constantly set objects' positions to a fraction of the screen width lmfao

  • @SinfulSeraph
    @SinfulSeraph Рік тому

    Kudos on this tutorial!
    I just ran into a glitch where objects containing tweening events don't seem to anchor properly😕

  • @mekuri_purr
    @mekuri_purr 4 роки тому

    These tutorials are so helpful, thanks
    And is this game coming to mobile?

    • @cltr_shft
      @cltr_shft  4 роки тому

      Thanks you :) the art you see in this tutorial is just some old art i made for a project i have never started, so this is not in development. I do have another game i am working on, but that one will go first on Windows, Mac and Linux.

  • @BlackKatto
    @BlackKatto Рік тому

    Can u tell me where do u get those pixel art ui and characters and tilesets

  • @aulaoenem-prof.adilsonrosa6895
    @aulaoenem-prof.adilsonrosa6895 4 роки тому +1

    great man

  • @RTBRuhan
    @RTBRuhan 4 роки тому +1

    Nice tutorial

  • @tiangelart3816
    @tiangelart3816 4 роки тому

    Wooh nice tutorial brother, you're the best,👍👍👍

    • @cltr_shft
      @cltr_shft  4 роки тому +1

      Thank you ! :) thanks for watching and support

  • @historyofkings2400
    @historyofkings2400 2 роки тому

    when I tried to have the button anchored, the image distorted and stretched to offscreen area

  • @chalorivas8611
    @chalorivas8611 4 роки тому

    Amazing tutorial! thanks🤘

    • @cltr_shft
      @cltr_shft  4 роки тому +1

      Thanks :)

    • @chalorivas8611
      @chalorivas8611 4 роки тому

      @@cltr_shft Hi! I used your tutorial and helped me a lot with my touch buttons and life counter.
      When I was about to put my scoreboard in the middle of the screen after the level is completed I came up with a problem, when I added the Always_SceneWindowWidth()/2 my object aligned to the left on the center of the screen instead of been aligned center on the center of the screen.
      If this happens the fix I found was to set the origin point of the object = to the Center point and then is going to align perfectly to the screen width.
      Once Again thank you for your tutorials!🤘

  • @tyronejackson1491
    @tyronejackson1491 4 роки тому +1

    hey man I have a question.
    I want at the beginning of the game, the player to be in the left side of the screen, and after he run in the right like every platformer game, the camera to start follow the player.
    so I don't want the player to be in the center of the screen, but in the left corner of the screen and from there camera to follow him. How can I do that?

    • @cltr_shft
      @cltr_shft  4 роки тому +1

      Hey, so i never done this, but i guess you could: 1. create an invisible object that always follows your players (or hitbox) Y position. 2 center your camera on that object 3. when you touch that object, switch the camera to follow your player sprite (or hitbox). I hope that makes sense :)

    • @tyronejackson1491
      @tyronejackson1491 4 роки тому

      @@cltr_shft Thank you! I appreciate your help!

  • @fihrilkamal7296
    @fihrilkamal7296 2 роки тому

    Amazing simple tutorial 👍👍👍👍

  • @Eyadisitc-Fantastic
    @Eyadisitc-Fantastic 4 роки тому

    damn nice video bro
    btw i subbed

    • @cltr_shft
      @cltr_shft  4 роки тому

      Thanks for watching and subscribing :) i really appreciate it

  • @Nodata404_
    @Nodata404_ 4 роки тому

    This helped me on my project

    • @cltr_shft
      @cltr_shft  4 роки тому

      I am very glad I could help :)

  • @rootwayder77
    @rootwayder77 4 роки тому

    Man only now i came to know that ancor is used for that thankyou:)

    • @cltr_shft
      @cltr_shft  4 роки тому

      Gokul dev yeah , anchors are very useful :) np

    • @rootwayder77
      @rootwayder77 4 роки тому

      @@cltr_shft i will use that for the ui thanks for that vedio. Or els i wont know that it is used for that thankyou:)

  • @sadedits2681
    @sadedits2681 3 роки тому

    Thanks a lot sir😊😊

  • @BenJames02
    @BenJames02 4 роки тому +2

    what is the best resolution for pixel games?

    • @cltr_shft
      @cltr_shft  4 роки тому

      It depends from the size of your assets and target device , in a few words: think what are the main aspects ratio screens you are building your game for,l? are your assets too small or to big on these screens? and then adopt proper resolution based on that :)

  • @karthiknaidu4240
    @karthiknaidu4240 3 роки тому

    This is great tutorial....really easy and helpful

  • @themckinney6477
    @themckinney6477 4 роки тому

    So when I did this, then tried it on my mobile device, even after I released the button, it wouldn’t stop. I haven’t figured it out yet. Any help?

    • @cltr_shft
      @cltr_shft  4 роки тому

      At the beginning of the scene add event: De/activate moving the mouse cursor with touches, and set it to NO

  • @adventum7655
    @adventum7655 4 роки тому

    You the best!

    • @cltr_shft
      @cltr_shft  4 роки тому

      :D Thanks, just trying to make some useful content

  • @animerov286
    @animerov286 Рік тому

    Can I have this asset pack

  • @teket4
    @teket4 4 роки тому +2

    please, make video about smooth camera movenent!
    like👍🏻

    • @cltr_shft
      @cltr_shft  4 роки тому

      Hey, yes i am planning to do that, but for now you can take a look at this video: ua-cam.com/video/ZMhXqmVtVLo/v-deo.html i've implemented smooth camera in my game following that video, hope this helps

    • @teket4
      @teket4 4 роки тому

      @@cltr_shft thanks :-)

  • @Nodata404_
    @Nodata404_ 4 роки тому

    Make a video on saving levels

    • @cltr_shft
      @cltr_shft  4 роки тому +2

      Yes, I am definitely doing that :)

  • @MashySob
    @MashySob 4 роки тому +1

    Yo found you from you subbing to me and your channel is awesome keep it up 👍

    • @cltr_shft
      @cltr_shft  4 роки тому +1

      Thanks ! :) glad you like it

  • @laggybro64
    @laggybro64 2 роки тому +2

    the mustache is a lie

  • @animeizler7633
    @animeizler7633 4 роки тому

    What this project resolution?

    • @cltr_shft
      @cltr_shft  4 роки тому

      For this one in particular it was something random, like 240x170 or something, because that was the whole point of the tutorial, doesn't matter what resolution is, you will still stick your ui in the right places

    • @animeizler7633
      @animeizler7633 4 роки тому

      @@cltr_shft Thank you so much

    • @animeizler7633
      @animeizler7633 4 роки тому

      @@cltr_shft How does it look good when the resolution of your game is so low?