> For the complete documentation index, see [llms.txt](https://computational-thinking-in-room11.gitbook.io/room-112-dhs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://computational-thinking-in-room11.gitbook.io/room-112-dhs/computer-exploration/super-heros.md).

# Super Heros

CS First Activity with Google & Introduction to Event Driven Programming

#### Take an Everyday Hero & Turn them into a Super Hero

Network Notebook: Think of an important regular person in your life. Write down 3 things that make them important or amazing to you. Then make a list of 2 super powers you think they should have! 

{% embed url="<https://storage.googleapis.com/files.cs-first.com/Code%20Your%20Hero/HOC_Code%20Your%20Hero%20-%20Intro_From%20Hero%20to%20Superhero.mp4>" %}

After watching the video open up the starter project and start designing

{% embed url="<https://scratch.mit.edu/projects/340741624/editor/>" %}

Now add Movement

{% embed url="<https://storage.googleapis.com/files.cs-first.com/Code%20Your%20Hero/HOC_Code%20Your%20Hero%20-%20AO1%20-%20Move%20Your%20Hero.mp4>" %}

Network Notebook: Write 2 sentences that explain the event that controls the movement of your super hero (explain what the user does and then what happens on the screen).

Now Make your Hero Fly:&#x20;

{% embed url="<https://storage.googleapis.com/files.cs-first.com/Code%20Your%20Hero/HOC_Code%20Your%20Hero%20-%20AO2%20-%20Fly%20Over%20Buildings.mp4>" %}

Now: Add some Sound Effects & Backgrounds

{% embed url="<https://storage.googleapis.com/files.cs-first.com/Code%20Your%20Hero/HOC_Code%20Your%20Hero%20-%20AO3%20-%20Add%20Background%20Music.mp4>" %}