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

• 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 start er platformer project: https://scratch.mit.edu/projects/451739970 

• T-Rex (Jumping Dinosaur) game:  

  • Easier example project: https://scratch.mit.edu/projects/222253163/ 

  • 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/ 

• A separate tutorial (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