How to make scrolling backgrounds in Scratch

Поділитися
Вставка
  • Опубліковано 28 вер 2024
  • Breaking out of Scratch's 480-pixel screen is on the wishlist of most new coders, but the math can seem a little tricky until it's explained properly. In this short tutorial, Mr. T walks you through the process of sliding background tiles around to create the illusion of an infinite background.
    01:08 Let's start coding
    02:02 Your backgrounds is stuck on the screen
    03:46 How does the Mod block work?
    Check out Mr. T's Scroll-O-Matic, a custom block that handles ALL the math for you so you can create custom blocks no sweat. scratch.mit.ed...
    You'll find more of the Scratch files we used to create our tutorials in this studio: scratch.mit.ed...
    Created by Atomec Studios and narrated by veteran tech educator Andrew Tomec, SCRATCH HACKS is a new series of quick and simple Scratch coding tutorials aimed at beginner- to intermediate-level coders. Scratch Hacks aim to take the fear factor out of coding with byte-sized video tutorials that offer tips and advice on the most common questions and problems that arise when youngsters first take up coding in Scratch. In his work as a Canadian elementary school teacher, Mr. T has taught hundreds of introductory coding classes to children from kindergarten up. "I was struck by how often the same simple questions arise in every class I teach. Learning to code is like learning any other language, and these compact lessons will help give learners the vocabulary they need to express themselves in the digital world."
    Illustrations by Lynne Anderson
    @MissLynne71 on Scratch
    WHAT IS ATOMEC STUDIOS?
    Atomec Studios is a non-profit learning initiative that aims to put the A into STEAM with fun and accessible learning that emphasizes creative expression over algorithms. We believe that kids learn best when set free to pursue their own unique passions, a goal that's been aided tremendously by the growth of powerful, kid-friendly software like MIT's Scratch, that unlock the world of animation, storytelling, game production, music composition and digital art.
    For more information about our online content and real-world workshops and teacher training, visit our website at atomec.com.
    #scratch #scrolling #coding #tutorial

КОМЕНТАРІ • 27

  • @Sikco-1111
    @Sikco-1111 Рік тому +8

    Way better than the official scratch tutorial

  • @Marshmellow_Cat
    @Marshmellow_Cat Рік тому +2

    I am a scratcher for more than years Now, but I never bothered to learn how to use the "mod" block, I would just search up a tutorial if I'm not able to code something by my own!
    This is a great video for all beginners, and even tho I know most of these stuff, I just like to watch them, plus your way of scrolling backgrounds is so much better than how I do It!
    Thanks for this video, you are really understand!! ❤❤

  • @musicmanjoe7117
    @musicmanjoe7117 Рік тому +1

    Another masterpiece of a tutorial, another way I saw in some animations, is that instead of scrolling with multiple sprites, you can use one sprite and make it scroll through that one sprite. Although it may only be possible if using the size 1 glitch, which has a whole other can of worms. But anyways, good job Chromeworks! 😅

    • @atomecstudios
      @atomecstudios  Рік тому +1

      Thanks Joe! We're phasing out the Chromeworks name, btw, now that we've launched this new channel.

  • @ComputerFan7252
    @ComputerFan7252 Рік тому +2

    how to code an 3d platformer

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

      I don't think Scratch is especially good at doing 3D. My son started coding in Scratch at age 8, and it was a great introduction to coding concepts, but when he was ready to move into 3D worlds we switched him over to Unity. He's 20 now and working as a pro game developer, so I think there's a lot to be said for that upgrade path. @griffpatch has made some excellent tutorials on 3D in Scratch, and if you're determined to try using Scratch to attempt 3D I think you'd be better off looking at his material.

  • @nithiyaselvamuthukumaran6833

    I want to ask doubt in this

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

    mod: gives remainder of number divided by number

    • @atomecstudios
      @atomecstudios  Рік тому +1

      Yes, you're right about that, of course. Thanks for filing in that detail.
      We're trying to avoid getting too deep into math in this series, as many of the kids watching are pretty young. In the end, what the block can do for you is what's most important, and I think we explained that pretty clearly.

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

      @@atomecstudiosI always use the mod block

  • @aryashghosh-k5p
    @aryashghosh-k5p 7 місяців тому +1

    what was the value of player x

  • @aditidump
    @aditidump 6 місяців тому +1

    THIS IS GOLD

    • @atomecstudios
      @atomecstudios  6 місяців тому

      Thanks! Glad you found it helpful!

  • @freelance-writer
    @freelance-writer 3 місяці тому

    How did you assign the "player x" variable to the goat sprite?

  • @neverplay5135
    @neverplay5135 Рік тому +1

    ty for making the tutorial

  • @aryashghosh-k5p
    @aryashghosh-k5p 7 місяців тому

    what was the value of player x

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

    Is there a way to make the screen scroll faster?

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

      Yes! In the player code, the variable Player X changes by 5 when you press arrow key. Change this variable to whatever you like.

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

      ​@@atomecstudios thank you 😊

  • @Rom-x8i
    @Rom-x8i Рік тому

    How hade sprite

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

      I think you typed something wrong. Can you ask that again?