Scratch Button Tutorial | How to make the BEST Buttons!

Поделиться
HTML-код
  • Опубликовано: 2 окт 2024
  • In this Scratch tutorial, I show how to make the best buttons (I can make) in Scratch! Also, watch for the next tutorial where I'll show how to add functionality to these buttons!
    Thanks for watching! Please hit the like button and subscribe for future Scratch tutorials!
    🔗 LINKS:
    ▶ Scratch Profile Page:
    scratch.mit.ed...
    ▶ ShiftClickLearn Community:
    • SCL Scratch Community
    ▶ Scrolling Platformer (Night Ninja):
    • Scratch | Scrolling Pl...
    ▶ Cat Clicker tutorial:
    • Scratch | Cat Clicker ...
    ▶ Crossy Road tutorial:
    • Scratch | Making a Cro...
    ▶ Tower Defense tutorial:
    • Scratch | Making a Tow...
    ▶ Fish Game tutorial:
    • Scratch Tutorial | Hun...
    ▶ Scrolling Platformer tutorial:
    • Scratch Tutorial | Eas...
    ▶ Combat Based Platformer tutorial:
    • Scratch | Making a Com...
    ▶ Space Shooter game tutorial:
    • Scratch Space Shooter ...
    ▶ How-to tutorials:
    • Scratch | How-To Tutor...
    😸 Get Scratch Addons:
    scratchaddons....
    ❗ DISCLAIMER: This video is family-friendly! Hostile and/or rude comments will not be tolerated!

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

  • @ShiftClickLearn
    @ShiftClickLearn  2 года назад +48

    I hope this tutorial helps you out! What you are you going to do with your new buttons? :D

  • @mohamedamineabbassi6179
    @mohamedamineabbassi6179 2 года назад +10

    Your 10 cookies: 🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад +2

      yuuuuuuum

    • @theroastcell462
      @theroastcell462 2 года назад

      @@ShiftClickLearn your 0 cookies:🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪

  • @CoolScratcher
    @CoolScratcher 2 года назад +39

    "that immediately improves the look of our button because it just looks nicer to look at."
    amazing narration

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад +13

      ah yes...
      *-1,000 speaking skills*

    • @tigershelf
      @tigershelf 2 года назад +2

      @@ShiftClickLearn y e s

    • @WinterNox
      @WinterNox 2 года назад +2

      @@ShiftClickLearn +

  • @parthsolanki2617
    @parthsolanki2617 2 года назад +3

    God This is so satisfying'!

  • @zenfox-india8538
    @zenfox-india8538 2 года назад +11

    Thank you brother helped a lot 💞
    So can you make the start button with curved end it would look more cool but I ❤️ this once again thank you.

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад +4

      You're welcome!

    • @zenfox-india8538
      @zenfox-india8538 2 года назад +1

      @@ShiftClickLearn your welcome :D
      Also i like your scratch project nice vector art it has a nice finishing touches also you use hue colours it looks awesome i am still learning codding from your thank you 💞

  • @TZ-wg9kh
    @TZ-wg9kh 2 года назад +3

    Can I get a pin pls?

  • @circle6800
    @circle6800 2 года назад +3

    lol 100k comments and 7 views

  • @beckmcdonough7099
    @beckmcdonough7099 2 года назад +2

    Here’s another fact get a perfect circle go the shape tool select half and drag or follow number 9 griffpatch platformer to find out

  • @AVeryRandomDude
    @AVeryRandomDude 2 года назад +24

    you are the best scratch tutorial maker, sorry because I am not saying you are really good at coding, but your tutorials somehow looking so good!

    • @mangoxo
      @mangoxo 2 года назад +2

      ✅Correct!✅

    • @zachmann2911
      @zachmann2911 2 года назад +4

      You look familiar... Are you the same person as the 10-13 year old on FNF Psych Engine?

    • @AVeryRandomDude
      @AVeryRandomDude 2 года назад +2

      @@zachmann2911 maybe.

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад +5

      Thank you

    • @GamerZone-uu8uw
      @GamerZone-uu8uw 2 года назад +1

      @@zachmann2911 lmao, it is

  • @Mckinney764
    @Mckinney764 2 года назад +2

    my buttons 2nd costume is bigger and i have the code to where it changes the size so my button really pops out at u

  • @Crafter_100
    @Crafter_100 2 года назад +3

    I also hate all other buttons becuz they don't have a hover effect and not good designed😓
    But I do like this only!🥰

  • @s1nblitz
    @s1nblitz 2 года назад +6

    thanks for this! i'm making a clicker game and it really helped the thing you need to click look nicer

  • @AnjanRoyChoudhury
    @AnjanRoyChoudhury 2 года назад +2

    i just watched your pixel art vid and realised ..... HOW OLD AND MATURE YOU HAVE GROWN!!!

  • @robloxplanecrazyhead6170
    @robloxplanecrazyhead6170 2 года назад +4

    I will use this In my scratch project, it was indeed helpful. My buttons did not look good before I seen you're tutorial, thank you so much!

  • @alexdacat7052
    @alexdacat7052 2 года назад +3

    I do this just manually in bitmap because I like pixel art
    And without rotation because that ruins the pixel art feel

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад

      Yup! It all depends on what you are going for.

  • @ratheeshviswanathan5346
    @ratheeshviswanathan5346 2 года назад +3

    awesome! more videos will be valuable!

  • @TZ-wg9kh
    @TZ-wg9kh 2 года назад +6

    Nice job man, could you do some python tutorials? I subbed!

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад +3

      That's a cool idea! Maybe someday if I make another channel!

    • @TZ-wg9kh
      @TZ-wg9kh 2 года назад +2

      Thx man!

    • @TZ-wg9kh
      @TZ-wg9kh 2 года назад +1

      @@ShiftClickLearn can I get a pin?

    • @appabtw4777
      @appabtw4777 2 года назад +1

      Im pretty sure shift does c# with unity so its unlikely he will

  • @JtPwayzYT
    @JtPwayzYT Год назад +2

    i love that the button is literally called "Da Button Of Doom" XD

  • @nothpx
    @nothpx 2 года назад +6

    wow thanks, i never knew you couldve used saturation and lighter colors for good looks!

  • @vikramplayz
    @vikramplayz 2 года назад +3

    Fun Fact: The hover sound is just one tick of 'Clock Ticking'.

  • @mushedyeoji
    @mushedyeoji 2 года назад +2

    the first start button is just my start button always...so THX LOL

  • @orochimaruTheSanin
    @orochimaruTheSanin 2 года назад +8

    Dude! Thanks a lot this was soo easy other tutorials make it look hard, but this didn't. I'm making a computer project and this is exactly the type of button I was searching for. It's gonna make my project look WAY better and more attractive ( i hope so :( ) Keep it up, man. ROCK ON!!

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад +2

      You are so welcome! Thanks for this awesome comment, it means a lot to me!

    • @orochimaruTheSanin
      @orochimaruTheSanin 2 года назад +1

      @@ShiftClickLearn No problem at all :). Here are cookie lol - 🍪

  • @glitchycube123
    @glitchycube123 2 года назад +2

    I have a question. Where do you find your sound effects for your games? I am having a hard time finding some for my projects.

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад +2

      I just edit the sounds from Scratch's sound library! :D

    • @glitchycube123
      @glitchycube123 2 года назад +1

      @@ShiftClickLearn OK thanks!

  • @donjuangaming_gyatt
    @donjuangaming_gyatt 2 года назад +2

    Wow, thanks for the tutorial, My buttons always looked like CRAP

  • @parthsolanki2617
    @parthsolanki2617 2 года назад +2

    Hey,
    Can you make a new tile scrolling platformer like appel by griffpatch
    I would be very happy if you can do that

  • @loehgames3439
    @loehgames3439 2 года назад +2

    Me : Wants to make my button. After : Wants to see if there is a video I could watch just for fun. First line :

  • @OceanFacts99
    @OceanFacts99 2 года назад +2

    Early! :D love ur vids btw!!

  • @gapples6111
    @gapples6111 2 года назад +2

    o my god!!, this really helped!

  • @SPCAArdvark
    @SPCAArdvark 2 года назад +2

    If sprite clicked
    Broadcast start game f
    For fighting games

  • @RyRyplayz1115
    @RyRyplayz1115 2 года назад +2

    I will now put this in my backpack and take it out when I make a new game!!!

  • @neelamshukla1144
    @neelamshukla1144 6 месяцев назад +1

    Fun fact: If you take the "sine tilting/oscillation script" and combine it with the "tilting when clicked script" and then add a "tilt 45 degrees" block after it, You can have a mix of the two effects at once! Idk if I'm the first to realize it, I was just tinkering with the effects for my clicker game!

  • @saanvimurali6a054
    @saanvimurali6a054 2 года назад +2

    And this hover sound is just a cool little... Hover sound 🤷‍♂️

  • @sbfshadoe9918
    @sbfshadoe9918 2 года назад +3

    2/22/2022 twosday
    happy twosday lol

  • @Vbmusicedits_real
    @Vbmusicedits_real Год назад +1

    Op Bro
    I used it in my game with some modifications
    Thanks bro ;-)

  • @semirveskovic7980
    @semirveskovic7980 2 года назад +2

    No, just no. the easiest way to do it is place a :if touching mouse pointer (repeat until size=110 OR 112 OR 111) change size by 1 or 2 pick whicever number you want (i suggest 3 or 4)
    If NOT touching mouse pointer (Repeat until size=100 OR 101 OR 102 OR 99) change size by -1 or -2 or -3
    the rest is very good and helpfull

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад

      Thanks. Keep in mind that the size changing will be linear with a repeat until. The one showcased in the video smoothly slows down the speed of the size change as it reaches the end of the animation.

    • @semirveskovic7980
      @semirveskovic7980 Год назад

      @@ShiftClickLearn Sorry for the late reply, But i was gonna ask if you have any tips to like change the look of the button for it to not be so boring ( not judging ), I always tried but failed to make a good looking button.

  • @kaniperesta1750
    @kaniperesta1750 2 года назад +2

    Hey how if u try to use the BUTTONS to a game like in the tank game thanks

  • @aceeee.
    @aceeee. Год назад +1

    Thank you for helping me with my project :D

  • @patnasujeet
    @patnasujeet 2 года назад +2

    Make more community vids pls

  • @jaredandjadendespabiladera4458
    @jaredandjadendespabiladera4458 2 года назад +2

    @ShiftClickLearn I am making a platformer, so should I make my own art or use someone else's art?

    • @cdey3886
      @cdey3886 2 года назад +2

      Make your own, if you are using someone elses then ask for permition first, and credit them, else it would be plagirism.

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад +2

      Whatever you want! I like making my own art because I can look back and go, "Wow I made that lol".

  • @Armitons
    @Armitons 2 года назад +3

    good video what I needed now my buttons will not be bad anymore

  • @HaiDooo
    @HaiDooo 2 года назад +7

    Very detailed and helpful !

  • @Bed_Tom
    @Bed_Tom 2 года назад +2

    Bed tom is back with the random comments!
    ShiftClickLearn eats a iphone and gets in low battery.

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад

      lol ahhhhhhhhhhhhhhhhhhhhhhhhh

    • @Bed_Tom
      @Bed_Tom 2 года назад

      @@ShiftClickLearn lol hhhhhhhhhhhhhhhhaa

  • @appabtw4777
    @appabtw4777 2 года назад +3

    Epic button moment, 10/10 would press again

  • @GurrBrew
    @GurrBrew 2 года назад +2

    I am so glad i came now, There are 420 Likes :D

  • @adrninja12
    @adrninja12 2 года назад +3

    I'm making a start menu

  • @qskidxki1636
    @qskidxki1636 2 года назад +1

    Isnt hard 4 you, but very helping 4 me

  • @wojtekgame
    @wojtekgame 2 года назад +1

    i use [set variable to((variable)*0.95)] and if it touches the cursor or object: [set variable to ((variable)*1.1)]

  • @parthsolanki2617
    @parthsolanki2617 2 года назад +2

    Dude make a tutorial how to design your own sound

  • @YTStop1
    @YTStop1 2 года назад +3

    Button... Interesting

  • @meadow12313
    @meadow12313 2 года назад +1

    you power like griffpatch!!!

  • @MirzaIsBackAgain
    @MirzaIsBackAgain Год назад +1

    How to make the button sounds muted when its clicked?

  • @jaredandjadendespabiladera4458
    @jaredandjadendespabiladera4458 2 года назад +1

    @ShiftClickLearn I am doing your cat clicker tutorial, on episode 5, I keep on buying my second upgrade, but the third upgrade won't unlock. Also, I put in the create clones to create 6 clones but the clone ID is 7?
    Please give me solutions to these problems.

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад

      It is most likely from an error in your code!

  • @michellemoore7150
    @michellemoore7150 2 года назад +2

    how do i get the hover sound? it is not in the sound thing

  • @VINCENZOYT28
    @VINCENZOYT28 Год назад +1

    Well I used saturation and all but the effects look so cool

  • @nozimshavkiev
    @nozimshavkiev Год назад +1

    Thanks❤(Subscribed)

  • @animeeditspbkdv
    @animeeditspbkdv 2 года назад +2

    It looks nicer to look at- shift click learn

  • @parthsolanki2617
    @parthsolanki2617 2 года назад +2

    from where did you got this sound?

  • @dylanmoody1722
    @dylanmoody1722 2 года назад +2

    Could u please do a project that shows us how we could ‘save’ data or stats on our games?

    • @dylanmoody1722
      @dylanmoody1722 2 года назад +1

      Like keeping a highscore or coins when we return to the game

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад +1

      That is a really good idea!

    • @naddical
      @naddical 2 года назад

      @@ShiftClickLearn I'll need it for my game aswell

    • @dylanmoody1722
      @dylanmoody1722 2 года назад

      @@ShiftClickLearn I know of many people who would like to include this feature but have found it particularly difficult to find an answer, so if you did show us how to do that, that would be great.

  • @dudeplayz2152
    @dudeplayz2152 2 года назад +3

    WOOOOOOOOOOOO

  • @notthatntg
    @notthatntg 2 года назад +2

    Or, you can make it like a real button by having a black shape of the same dimensions 'underneath' and moving the button down on it when pressed.

  • @parthsolanki2617
    @parthsolanki2617 2 года назад +1

    Make a new cloud platformer which would be the best tutorial from all the other tutor from your channel😁

  • @fairytimeplays9868
    @fairytimeplays9868 2 года назад +1

    Help me, My button is gliching and when i do the code, it goes to size 344 or something, am i doing something wrong here? *Edit* I got it working, thank you!

  • @seansaju9810
    @seansaju9810 2 года назад +2

    Have you ever seen a comment by me? (Reply to this comment if so)

  • @noobrobloxdev9690
    @noobrobloxdev9690 2 года назад +2

    my buttons look a whole lot better now

  • @Mistereee
    @Mistereee 2 года назад +2

    give me a shoutout 🥺

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад +1

      hmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

  • @tamdao3479
    @tamdao3479 2 года назад +2

    verry verry cool!!!!!!!!!!! lol 👌🤞😎

  • @malikaoliver3182
    @malikaoliver3182 2 года назад +1

    Ah yes, I'd love to make the item of what I should press more sophisticated to satisfy the people playing the screen called a "video game."

  • @parthsolanki2617
    @parthsolanki2617 2 года назад +4

    this code is definitely going to come in my every game

  • @dolliethedoll
    @dolliethedoll 2 года назад +2

    you deserve more than 8k…

  • @CoolBoy76628
    @CoolBoy76628 2 года назад +1

    ITS SO COOL BRO idk why scratch lagging but its not bec its cool

  • @prociso234
    @prociso234 2 года назад +2

    This what i was searching for my future games! Thank you! 🍪🍪🍪🍪🍪

  • @yt-ef4nt
    @yt-ef4nt 2 года назад +3

    Thanks!😄

  • @notkirb_
    @notkirb_ 2 года назад +1

    oh my god, i haven't watched you in a while and all i can say is, puberty!

  • @zariyahnieves7447
    @zariyahnieves7447 2 года назад +1

    I tried your codeeee its really great but why is that I even I entered other level the buttons on the menu part still making sounds and I cant make it stop. Pls helppp

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад

      Thanks! Did you accidentally put a play sound in a forever loop?

  • @bas1cbrick705
    @bas1cbrick705 2 года назад +1

    there is a hacked block that literally makes this so much easier its insane, you can give the button effects, easier sounds and more with this one block

  • @NewtYT
    @NewtYT 2 года назад +1

    Can I have a shout out? You'll get 100 Choco chip cookies!

  • @DodoGamerz511
    @DodoGamerz511 2 года назад +4

    What an awesome tutorial bro!

  • @KeysXTheGamer
    @KeysXTheGamer 2 года назад +1

    This did help me improve my buttons because before they were preety bad.

  • @khoraa4292
    @khoraa4292 2 года назад +2

    I'm happy to see this was updated because I remember watching your old button tutorial
    edit: nevermind the button tutorial was part of another video

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад +1

      I'm glad! Also... I had an old button tutorial? Huh... XD

    • @khoraa4292
      @khoraa4292 2 года назад +1

      @@ShiftClickLearn I think so

    • @khoraa4292
      @khoraa4292 2 года назад +1

      nevermind, my bad
      it was actually just part of another video ¯\_(ツ)_/¯

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад

      @@khoraa4292 Ah I see!

  • @DavidGreatMod
    @DavidGreatMod 2 года назад +2

    This is super good!!

  • @dunnomynameso746
    @dunnomynameso746 Год назад +1

    I HAVE a problem where were i put the mouse down button for starting the game it works when you click anywhere, so the other buttons wouldent work pls help me with that
    edit: i found it out by my self and ill tell it here
    you have to make a sprite name cursor and draw a custom mouse pointer(or whatever you wanna call it) then make it always follow the mouse pointer (also you can make it visible or hidden), then make a variable called "mouse down" (or whatever you want to call it), then add an if else statement in the forever loop and add an boolean in the if (this block from the sensing category), then put in the if (set variable "mouse down" to "true") and in the else (set variable "mouse down" to false)
    now go to your button sprite, add an if statement and put the boolean then put another if statement where you put a boolean then the code you use to start the game
    hope this helps :)

    • @ShiftClickLearn
      @ShiftClickLearn  Год назад

      Ooh thanks for sharing! :D

    • @dunnomynameso746
      @dunnomynameso746 Год назад

      in this comment your gonna find out that I and shift click learn forgets about the (when this sprite is clicked) block

  • @xevior1319
    @xevior1319 2 года назад +2

    8,129th, lesss goooo!

  • @mehthab1916
    @mehthab1916 2 года назад +2

    Hello, it is I, the one and only, -PotatoLord-

  • @kaustubhshrestha1265
    @kaustubhshrestha1265 2 года назад +2

    yay I suggested this

  • @naddical
    @naddical 2 года назад +2

    Hey. I’m currently working on a FNaF remake in a bean-esque art style and it’s been really hard. Do you have any tips for the AI? You can find it featured on the page for “AleGerGer”.

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад

      I am not really familier with FNaF games! Sorry!

    • @naddical
      @naddical 2 года назад

      @@ShiftClickLearn well, I just need some help with the code for making the mask and doors work. If you don’t know anything though, that’s fine!

  • @MRMUSTACHE_YT
    @MRMUSTACHE_YT 2 года назад +1

    tysm Now I can finally make a better menu in my game

  • @superplaylists1616
    @superplaylists1616 2 года назад +2

    Please make a video explaining how you managed to make these blocks too, I cant for the life of me figure out all this maths but most importantly _why_ it works!

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад +1

      Hey, that's a good idea although it mostly just come down to practice! I've learned by just practicing/ watching tutorials on RUclips... Hours and hours of messing around with stuff and making games/ prototypes! :D

    • @superplaylists1616
      @superplaylists1616 2 года назад

      @@ShiftClickLearn Well thats what my friend suggest I do too, so I guess I just gotta go with it for now

  • @samuelyeokaikiat4130
    @samuelyeokaikiat4130 2 года назад +2

    Thanks so much! I could not figure out how to animate the button before this tutorial!

  • @jackeysanimalstudy7239
    @jackeysanimalstudy7239 2 года назад +1

    this made me make a good game called loops and it foumouse thanks

  • @senanisgodly
    @senanisgodly 2 года назад +1

    the floating isnt working! i have the exact same code... it;s either keeps going up and never comes down or the opposite!

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад

      Are you sure you copied it right?

    • @ezimbot
      @ezimbot 2 года назад

      make sure it's a set y not a change y.

  • @blobstudio
    @blobstudio Год назад

    Hello ShiftClickLearn! At 5:25, you show how to make it so it turns in which direction the cursor is coming from. Can you please teach me how you I can make it so that the farther the cursor selects the button, the higher the button turns?

  • @ActuallyHyperionOS
    @ActuallyHyperionOS 2 года назад +2

    Ahh yes buttony

  • @salutationsjosh
    @salutationsjosh Год назад +1

    thanks!! :)

  • @gembelova893
    @gembelova893 2 года назад +2

    Hi! Which screen recorder you use?

  • @kids9699
    @kids9699 2 года назад +1

    My rotate loop won't work can you you help with it?

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад

      Sounds like you copied the little bit inside the point in direction wrong!

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

    How do I make it make a sound ONCE when I point my mouse on it?

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

    Bro Turned eazyst toturial into a griffpatch video💀💀💀

  • @ishaanbansal1089
    @ishaanbansal1089 2 года назад +2

    What happened to my comment?

  • @animationsbelike
    @animationsbelike 2 года назад +2

    Cool! :)

  • @blockybeanz9924
    @blockybeanz9924 2 года назад +1

    it didint work i shiftclicked and didint learn

    • @ShiftClickLearn
      @ShiftClickLearn  2 года назад

      It will work, you just have to copy everything correctly.