General Resources

• Video Tutorials from the Scratch Team: https://www.youtube.com/playlist?list=PLpfxVARjkP-_f-E9IU6IHmy5ECj0HqiLB 

• GriffPatch Video Tutorials: https://www.youtube.com/c/griffpatch/playlists 

• Scratch 3 Programming Playground: https://inventwithscratch.com/book3/ 

• Tips for specific problems/concepts:

  • • https://en.scratch-wiki.info/wiki/Separating_Clone_and_Sprite_Triggers 

    • Custom "My Blocks" https://en.scratch-wiki.info/wiki/My_Blocks or https://resources.scratch.mit.edu/www/guides/en/ScratchLearningResource_MyBlocks.pdf 

    • Follow scripts that minimize lag while increasing in difficulty: https://scratch.mit.edu/projects/1037141615/ 

    • Create a custom webpage running Scratch game: 

      • • https://phosphorus.github.io/ 

        • https://forkphorus.github.io/

        • https://sulfurous.aau.at/ 

        • https://turbowarp.org/ 

    • Using embed codes: https://www.mryellowdog.com/2021/04/how-to-embed-scratch-projects-to-your.html 

Scrolling Platform Game

Easier

• Flappy Bird (Scrolling Game) Tutorial and Gliding Bar Sprite

  • • Demo version with explanations: https://scratch.mit.edu/projects/1184857467 

• Basic example of movement and gravity scripts (not side-scrolling):  https://scratch.mit.edu/projects/630350060

• Check out a sample platformer project: https://scratch.mit.edu/projects/227391977/ 

• Start by remixing an existing starter platformer project: https://scratch.mit.edu/projects/451739970 

• T-Rex (Jumping Dinosaur) game:  

  • Simpler version:

    • • Demo version with instructions: https://scratch.mit.edu/projects/862110871 

      • Starter version to remix with scripts removed: https://scratch.mit.edu/projects/1157047740 

  • https://www.youtube.com/watch?v=TL7YI9icbh8  (more complex video tutorial)

Advanced

• Video Tutorial Series:

  • https://www.youtube.com/watch?v=sebnyhBsXug&list=PLy4zsTUHwGJIqB6hg-sOxiwsJn7UfuCLw 

  • extra explanations: https://thecodingfun.com/2021/02/07/use-scratch-3-0-to-make-scrolling-platformer-game-some-key-points/ 

  • completed version with explanations: https://scratch.mit.edu/projects/1160814262 

• A separate tutorial for Platformer (no video, includes good explanations): https://inventwithscratch.com/book3/chapter7.html 

  • pdf version: https://learn71-my.sharepoint.com/:b:/g/personal/mark_taylor_sd71_bc_ca/EUYn_HuODP9PiaT-DXvU5u4BiO6rKanYQY_ryuCTZ1Oqcg?e=wsWrk5 

  • Skeleton version of project with Sprites and other assets preloaded: https://scratch.mit.edu/projects/700876072 (You can remix this project for yourself)

  • Complete version to try out: https://scratch.mit.edu/projects/117513806 

  • Download-able resources: https://drive.google.com/file/d/17HbbLdoJytajwR0dGEa7Gv1pMaRZQiMg/view?usp=sharing 

• 
  

Clicker (Idle) Games

• Simple Cookie Clicker tutorial: 

  • example project https://scratch.mit.edu/projects/528861156/editor/ 

  • tutorial: https://www.create-learn.us/blog/how-to-make-a-clicker-game-on-scratch/ 

• Advanced Cookie Clicker tutorial:

  • https://en.scratch-wiki.info/wiki/How_to_Make_a_Clicker_Game

  • Example:  https://scratch.mit.edu/projects/12684770 

  • 2nd example:  https://scratch.mit.edu/projects/487171636/ 

Convert Scratch Projects into a JavaScript-based website running locally on your computer

Overview Video: Convert Scratch to JavaScript AUTOMATICALLY! (Leopard)

Steps

• Share project from Scratch 3.0 online, copy the link

• https://leopardjs.com/

  • • • Enter shared link

      • Click Edit as JavaScript

  • From Codesandbox.io:

    • • Left side of screen

        • Sandbox menu

          • Download

      • .zip file will download

  • Extract zip file to a folder in your OneDrive

  • Right-click "open with code"

    • • Open terminal

        • • Check that node is installed with node --version command

          •  npm install http-server

          • npx http-server -p 3000

      • Open browser, go to http://localhost:3000/index.html

        • • When finished, return to VS Code terminal

          • Use Ctrl-C to stop http-server

• References:

  • https://github.com/leopard-js/leopard

  • Convert Scratch to JavaScript AUTOMATICALLY! (Leopard)

Scratch Pen / Leaving A Trail

• Example: https://scratch.mit.edu/projects/10015857/ 

• Pen Resources

  • wiki:  https://en.scratch-wiki.info/wiki/Pen 

  • documentation: https://scratch-tutorial.readthedocs.io/fr/latest/4_pen/pen.html 

  • tutorial: https://en.scratch-wiki.info/wiki/Drawing_with_the_Mouse (only works when  not in Editor View)

• Leaving a trail: https://en.scratch-wiki.info/wiki/Making_a_Trail 

Common Coding Mistakes

• Make sure “For all sprites” or “For this sprite only” is properly selected. On the Stage, “For this sprite only” variables will have the sprite name in front of the variable name.

• If the “go to x y” code seems to make the sprite move somewhere else, the costume center might be off.

• Using “set” instead of “change” for the “set/change x” or “set/change variable” or “set/change color effect” blocks.

• Mixing up the <, =, and > blocks.

• Adding code to the wrong sprite. Check which sprite is selected when looking at the code.

• Using “broadcast” instead of “broadcast and wait”.

• When using <, =, >, make sure whitespace isn’t accidentally entered in the text fields.

(adapted from https://inventwithscratch.com/Scratch_Class_Handbook_v3.pdf)