Code Lesson using Google's Made with Code
•Download as DOCX, PDF•
0 likes•34 views
These step by step instructions are written for every level of coding student and teacher. This lesson takes approximately 25 to 35 minutes to accomplish and uses Google's Made with Code website as well as the free picture editing website, Lunapic. Have fun!
More Related Content
Similar to Code Lesson using Google's Made with Code
Similar to Code Lesson using Google's Made with Code (20)
Recently uploaded
Recently uploaded (20)
Code Lesson using Google's Made with Code
- 1. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 1 Make a GIF with Made with Code and Lunapic! A lesson for Hour of Code for any level learner.
- 2. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 2 Click on PROJECTS.
- 3. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 3 Move the Emoji block Object onto the open area block.
- 4. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 4 Perfect fit!
- 5. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 5 I picked Mia because I love red hair. Scroll through all the Emoji Character choices.
- 6. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 6 Drag EYES from the PERSONALIZE block. Let’s add a variable to our character. Let’s choose EYES from the Personalize block.
- 7. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 7 Scroll and click on Winky. There are lots of different types of eyes to choose from.
- 8. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 8 .Next, can you guess what the Values 50 and 50 mean? After you drag them into the X and Y spots, you will probably see they are telling the program where to put her eyes.
- 9. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 9 Drag the MOUTH variable from the PERSONALIZE block and place under EYES.
- 10. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 10 Choose Kiss
- 11. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 11 Next, can you guess what the Values 50 and 50 mean? After you drag them into the X and Y spots, you will guess they are telling the program where to put her mouth.
- 12. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 12 I think x at 58 and y at 66 makes a great kissing face!
- 13. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 13 Choose DONE!
- 14. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 14 Choose Download arrow. Beautiful! Gorgeous! Amazing! Now, let’s Download!
- 15. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 15 Enter your Emoji file name. For instance, your first name plus the word emoji. Click Save to your Desktop or another location easy to find later.
- 16. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 16 This Emojify Project was made with Code named Blockly. Let’s use our Emoji to make a GIF. Go to www.lunapic.com.
- 17. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 17 Click the Browse button.
- 18. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 18 Find and Upload the emoji we just created click Open.
- 19. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 19 Go to Animation and click Groovy Rainbow.
- 20. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 20 Click Save. The GIF is automatically downloaded to your Downloads folder.
- 21. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 21 To Open your GIF, go to the Downloads folder and double click. The name of the GIF is automatically generated and is usually long with numbers at the end.
- 22. Digital Animation for Kids, LLC Weekof Code,December3-7,2018 22 Enjoy your GIF, share it with social media and friends! Make more!