{"id":496727,"date":"2018-07-25T08:26:26","date_gmt":"2018-07-25T15:26:26","guid":{"rendered":"https:\/\/www.microsoft.com\/en-us\/research\/?p=496727"},"modified":"2018-08-27T08:57:29","modified_gmt":"2018-08-27T15:57:29","slug":"summer-of-makecode-for-kids","status":"publish","type":"post","link":"https:\/\/www.microsoft.com\/en-us\/research\/blog\/summer-of-makecode-for-kids\/","title":{"rendered":"Summer of MakeCode for kids"},"content":{"rendered":"<div id=\"attachment_496781\" style=\"width: 2497px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-496781\" class=\"size-full wp-image-496781\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MakeCodeOffice_smaller.jpg\" alt=\"\" width=\"2487\" height=\"1608\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MakeCodeOffice_smaller.jpg 2487w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MakeCodeOffice_smaller-300x194.jpg 300w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MakeCodeOffice_smaller-768x497.jpg 768w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MakeCodeOffice_smaller-1024x662.jpg 1024w\" sizes=\"(max-width: 2487px) 100vw, 2487px\" \/><p id=\"caption-attachment-496781\" class=\"wp-caption-text\">MakeCode Office Space<\/p><\/div>\n<h2>Introduction<\/h2>\n<p>Microsoft MakeCode (<a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/makecode.com\/\">makecode.com<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>) is a web-based learning environment for kids and teens to create with technology. MakeCode takes a unique approach to computing education by combining the magic of making with the power of code as a way to make learning about computers and technology more accessible and interesting to a wider audience.<\/p>\n<p>The MakeCode team at Microsoft is small, but mighty! We are passionate about making technology fun, exciting and accessible for all kids. We work in a fun office space at Microsoft campus in Redmond, Washington and love coming to work every day!<\/p>\n<p>Over the next few weeks, we\u2019ll be publishing some easy MakeCode projects that you can do with your kids at home over the summer using a different MakeCode product each week.<\/p>\n<p>Grab your kids and a glue gun and come on the Summer of MakeCode tour with us!<\/p>\n<p>&#8211; The MakeCode Team<\/p>\n<h2>Weekly Projects<\/h2>\n<h2>\t\t\t<div class=\"js-accordion\" data-accordion-prefix-classes=\"msr-accordion\" data-accordion-expandall=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"js-accordion__header\">\n\t\t\t\tWeek 1: Micro:Pet\t\t\t<\/h4>\n\t\t\t\t\t\t\t<div class=\"js-accordion__panel\">\n\t\t\t\t<p class=\"msr-accordion-content\">\n\t\t\t\t\t\t\t\t\t\t<h2>Week 1: Micro:Pet<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-498206\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MicroPets.png\" alt=\"\" width=\"944\" height=\"583\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MicroPets.png 944w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MicroPets-300x185.png 300w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MicroPets-768x474.png 768w\" sizes=\"(max-width: 944px) 100vw, 944px\" \/><\/p>\n<p>If your kids are like mine, they\u2019ll spend a few minutes playing with their fancy toys, and a few hours playing with good old-fashioned cardboard boxes, string and markers in the garage!<\/p>\n<p>Micro:Pet is a fun project that gets your kids\u2019 creativity flowing using materials you can find around the house while incorporating electronics and coding concepts and activities with the micro:bit.<\/p>\n<h3>For the Micro:Pet project, you\u2019ll need:<\/h3>\n<ul>\n<li>A computer with internet connection and USB port<\/li>\n<li>A micro:bit Go Kit (available at<a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"http:\/\/www.microcenter.com\/product\/480034\/MicroBit_Go_Kit\"> Microcenter.com<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>) that includes a micro:bit, a USB cable, a battery pack and batteries<\/li>\n<li>Small cardboard boxes, toilet paper rolls, paper cups\/bowls or anything you have around the house to construct your pet with<\/li>\n<li>Markers, pipe cleaners, googly eyes, colored paper, feathers and anything else you have on hand to decorate your pet!<\/li>\n<\/ul>\n<p>Check out our fun video about our micro:pets!<\/p>\n<p><iframe loading=\"lazy\" title=\"Micro:Pet Project - Making\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/UDeq6tjoGqs?feature=oembed&rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><strong>Step 1: What\u2019s your dream pet?<\/strong><\/p>\n<p>The first thing you\u2019ll want to do is think about what kind of pet you want to create. It could be something you\u2019ve always wanted to have as a pet, but couldn\u2019t \u2013 say a unicorn, a dragon or a skunk.<\/p>\n<p><strong>Step 2: Make your pet<\/strong><\/p>\n<p>Using the materials at hand, create your dream Pet. Remember to include enough space in your design to attach your micro:bit and the battery pack.<\/p>\n<p><strong>Step 3: Code the micro:bit<\/strong><\/p>\n<p>If you have a Windows 10 computer, you can download and install the micro:bit app at<a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"http:\/\/aka.ms\/microbitapp\"> http:\/\/aka.ms\/microbitapp<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>. Otherwise, go to <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/makecode.microbit.org\/\">https:\/\/makecode.microbit.org\/<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>.<\/p>\n<p>You can use your micro:bit in many different ways on your pet. Here is an example of a program for your Micro:Pet, but be creative and come up with your own unique project!<\/p>\n<div id=\"attachment_496751\" style=\"width: 1246px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-496751\" class=\"size-full wp-image-496751\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/Figure-1_An-example-of-a-MicroPet-program..png\" alt=\"\" width=\"1236\" height=\"721\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/Figure-1_An-example-of-a-MicroPet-program..png 1236w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/Figure-1_An-example-of-a-MicroPet-program.-300x175.png 300w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/Figure-1_An-example-of-a-MicroPet-program.-768x448.png 768w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/Figure-1_An-example-of-a-MicroPet-program.-1024x597.png 1024w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/Figure-1_An-example-of-a-MicroPet-program.-480x280.png 480w\" sizes=\"(max-width: 1236px) 100vw, 1236px\" \/><p id=\"caption-attachment-496751\" class=\"wp-caption-text\">Figure 1 \u2013 An example of a Micro:Pet program. Don\u2019t miss the video at <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/youtu.be\/Sd_hB4nyUXI\">https:\/\/youtu.be\/Sd_hB4nyUXI<span class=\"sr-only\"> (opens in new tab)<\/span><\/a><\/p><\/div>\n<h3>Optional steps:<\/h3>\n<p><strong>1. Adding audio<\/strong><\/p>\n<p>You can add audio and play sounds through your micro:bit by connecting it to headphones, earbuds or an external speaker. Note: there is only one volume level at which the micro:bit plays \u2013 and it is very loud! Don\u2019t put earbuds in your ear when you run your program. In addition to the micro:bit, you will need:<\/p>\n<ul>\n<li>Headphones, earbuds, or a speaker with an audio jack<\/li>\n<li>alligator\/crocodile clips (for example, see <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/www.Alpha XR\/WGGE-WG-026-Pieces-Colors-Alligator\/dp\/B06XX25HFX\/\">https:\/\/www.Alpha XR\/WGGE-WG-026-Pieces-Colors-Alligator\/dp\/B06XX25HFX\/<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>)or<\/li>\n<li>A headphone adapter (see <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"http:\/\/microbit-accessories.co.uk\/shop\/music\/headphone-adapter\/\">http:\/\/microbit-accessories.co.uk\/shop\/music\/headphone-adapter\/<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>)<\/li>\n<\/ul>\n<p><div id=\"attachment_496754\" style=\"width: 742px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-496754\" class=\"size-full wp-image-496754\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MicrobitAudioConnection.png\" alt=\"\" width=\"732\" height=\"565\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MicrobitAudioConnection.png 732w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MicrobitAudioConnection-300x232.png 300w\" sizes=\"(max-width: 732px) 100vw, 732px\" \/><p id=\"caption-attachment-496754\" class=\"wp-caption-text\">Figure 2 \u2013 What you\u2019ll need for sound. Don\u2019t miss the video at <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/youtu.be\/Wx73kbW5s9E\">https:\/\/youtu.be\/Wx73kbW5s9E<span class=\"sr-only\"> (opens in new tab)<\/span><\/a><\/p><\/div><div id=\"attachment_496757\" style=\"width: 3667px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-496757\" class=\"size-full wp-image-496757\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/microbit-music.png\" alt=\"\" width=\"3657\" height=\"1796\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/microbit-music.png 3657w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/microbit-music-300x147.png 300w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/microbit-music-768x377.png 768w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/microbit-music-1024x503.png 1024w\" sizes=\"(max-width: 3657px) 100vw, 3657px\" \/><p id=\"caption-attachment-496757\" class=\"wp-caption-text\">Figure 3 \u2013 Example program using sounds.<\/p><\/div><\/p>\n<p><strong>2. Adding motion<\/strong><\/p>\n<p>You can add motion to your Micro:Pet \u2013 for example, wagging its tail when your pet is fed. To do this, you will need to attach a servo motor to your micro:bit. You will need:<\/p>\n<ul>\n<li>A 180-degree servo motor (see <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/www.Alpha XR\/J-Deal-Micro-Helicopter-Airplane-Controls\/dp\/B015H5AVZG\/\">https:\/\/www.Alpha XR\/J-Deal-Micro-Helicopter-Airplane-Controls\/dp\/B015H5AVZG\/<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>)<\/li>\n<li>3 alligator-to-male connector cables (see <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/www.Alpha XR\/Alligator-Clip-Pigtail-10-Pack\/dp\/B07C6YHB9S\/\">https:\/\/www.Alpha XR\/Alligator-Clip-Pigtail-10-Pack\/dp\/B07C6YHB9S\/<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>)<\/li>\n<\/ul>\n<p><div id=\"attachment_496748\" style=\"width: 623px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-496748\" class=\"wp-image-496748 size-full\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MicrobitServoConnection.png\" alt=\"\" width=\"613\" height=\"442\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MicrobitServoConnection.png 613w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MicrobitServoConnection-300x216.png 300w\" sizes=\"(max-width: 613px) 100vw, 613px\" \/><p id=\"caption-attachment-496748\" class=\"wp-caption-text\">Figure 4 \u2013 What you\u2019ll need to put your pet in motion. Don\u2019t miss the video at <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/youtu.be\/qdX86in2YXo\">https:\/\/youtu.be\/qdX86in2YXo<span class=\"sr-only\"> (opens in new tab)<\/span><\/a><\/p><\/div><div id=\"attachment_496745\" style=\"width: 2797px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-496745\" class=\"wp-image-496745 size-full\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/microbit-servo.png\" alt=\"\" width=\"2787\" height=\"1115\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/microbit-servo.png 2787w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/microbit-servo-300x120.png 300w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/microbit-servo-768x307.png 768w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/microbit-servo-1024x410.png 1024w\" sizes=\"(max-width: 2787px) 100vw, 2787px\" \/><p id=\"caption-attachment-496745\" class=\"wp-caption-text\">Figure 5 \u2013 Example program using a servo motor.<\/p><\/div><\/p>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"js-accordion__header\">\n\t\t\t\tWeek 2: Fortune Teller\t\t\t<\/h4>\n\t\t\t\t\t\t\t<div class=\"js-accordion__panel\">\n\t\t\t\t<p class=\"msr-accordion-content\">\n\t\t\t\t\t\t\t\t\t\t<h2>Week 2: Fortune Teller<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-476067 size-full\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/07\/FortuneTeller.png\" alt=\"\" width=\"742\" height=\"624\" \/><\/p>\n<p>This project generated hours of fun for my kids! They spent the next few days consulting their Fortune Teller machines \u2013 \u201cWhat should I do today?\u201d \u201cWill I get ice cream for dessert?\u201d \u201cWhat game should my brother play next?\u201d \u201cDo I have to go to bed now?\u201d<\/p>\n<p>Fortune Teller is a fun, easy project you can do with your kids using the Circuit Playground Express and some simple crafting materials.<\/p>\n<p>For this project, you\u2019ll need:<\/p>\n<ul>\n<li>A computer with internet connection and a USB port<\/li>\n<li>A Circuit Playground Express Base Kit (see <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/www.adafruit.com\/product\/3517\">https:\/\/www.adafruit.com\/product\/3517<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>) that includes the Circuit Playground Express board, a USB cable, batteries and a battery pack<\/li>\n<li>Paper \u2013 slightly thicker cardstock paper works better<\/li>\n<li>Scissors<\/li>\n<li>Tape<\/li>\n<li>Colored Markers and\/or Pencils or Pens<\/li>\n<li>Stickers or anything else you want to use to decorate your Fortune Telling Machine<\/li>\n<\/ul>\n<p><strong>Step 1: Envision your Fortune Telling Machine<\/strong><\/p>\n<p>Will it give simple Yes\/No\/Maybe answers? Will it be a random number generator? Or will it give specialized responses \u2013 like types of games to play, ice cream flavors, or books to read? Use your imagination to come up with a unique Fortune Telling Machine!<\/p>\n<p><strong>Step 2: Make your Fortune Telling Machine<\/strong><\/p>\n<p>Watch the video.<\/p>\n<p><iframe loading=\"lazy\" title=\"Fortune Teller Project - Making\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/g2DJgTGsF_E?feature=oembed&rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<div class=\"mceTemp\"><\/div>\n<ul>\n<li><u><\/u>Position the Circuit Playground Express in the center of a piece of paper<\/li>\n<li>Trace the outline of the board and put tick marks around the board to mark segments for the 10 lights. If you want, you can also use fewer than 10 options for your Fortune Teller.<\/li>\n<\/ul>\n<div id=\"attachment_476068\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-476068\" class=\"size-medium wp-image-476068\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/07\/Figure-2-LightSegments-300x224.png\" alt=\"\" width=\"300\" height=\"224\" \/><p id=\"caption-attachment-476068\" class=\"wp-caption-text\"><span style=\"display: inline !important; float: none; background-color: transparent; color: #333333; cursor: text; font-family: Georgia,'Times New Roman','Bitstream Charter',Times,serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;\"> Figure 2 \u2013 Fitting your lights.<\/span><\/p><\/div>\n<ul>\n<li>Draw the segments on your paper using a ruler or straight-edge.<\/li>\n<li>Write the different answers or options for your Fortune Teller in each segment.<\/li>\n<li>Cut out the shape of your fortune telling machine (round, triangle, square).<\/li>\n<li>Using a loop of tape, or double-sided tape, stick your Circuit Playground Express board to the paper.<\/li>\n<li>Poke a hole in the paper next to the battery port on the Circuit Playground Express.<\/li>\n<li>Thread the wire from the battery pack through the hole and attach to the Circuit Playground Express.<\/li>\n<li>Tape the battery pack onto the back of the paper.<\/li>\n<li>Decorate your Fortune Telling Machine!<\/li>\n<\/ul>\n<p><strong>Step 3: Code the Circuit Playground Express<\/strong><\/p>\n<p>If you have a Windows 10 computer, you can download and install the MakeCode for Adafruit app at <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"http:\/\/aka.ms\/adafruitapp\">http:\/\/aka.ms\/adafruitapp<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>. \u00a0Or just go to <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/makecode.adafruit.com\/\">https:\/\/makecode.adafruit.com\/<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>.<\/p>\n<div id=\"attachment_476069\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-476069\" class=\"wp-image-476069 size-medium\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/07\/circuitplayground-screenshot-300x235.png\" alt=\"\" width=\"300\" height=\"235\" \/><p id=\"caption-attachment-476069\" class=\"wp-caption-text\"><span style=\"display: inline !important; float: none; background-color: transparent; color: #333333; cursor: text; font-family: Georgia,'Times New Roman','Bitstream Charter',Times,serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;\"> Figure 3 \u2013 Coding the Circle Playground Express.<\/span><\/p><\/div>\n<p>Watch how to write the code.<\/p>\n<p><iframe loading=\"lazy\" title=\"Fortune Teller Project - Coding\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/LBNNAfj-GGc?feature=oembed&rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><strong>Optional Step:<\/strong><\/p>\n<p>To add a bit more complexity to your code, you can change the color that is displayed depending on the position of the light on the board. For example, if the random number lands in the \u201cYes\u201d segment, show the light as green; if the random number lands in the \u201cNo\u201d segment, show the light as red. And if the random number lands in the \u201cMaybe\u201d segment, show the light as purple.<\/p>\n<div id=\"attachment_476070\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-476070\" class=\"size-medium wp-image-476070\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/07\/AdvancedCode-300x250.png\" alt=\"\" width=\"300\" height=\"250\" \/><p id=\"caption-attachment-476070\" class=\"wp-caption-text\"><span style=\"display: inline !important; float: none; background-color: transparent; color: #333333; cursor: text; font-family: Georgia,'Times New Roman','Bitstream Charter',Times,serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;\"> Figure 4 \u2013 Extending your code.<\/span><\/p><\/div>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"js-accordion__header\">\n\t\t\t\tWeek 3: Minecraft Obstacle Course\t\t\t<\/h4>\n\t\t\t\t\t\t\t<div class=\"js-accordion__panel\">\n\t\t\t\t<p class=\"msr-accordion-content\">\n\t\t\t\t\t\t\t\t\t\t<h2>Week 3: Minecraft Obstacle Course<\/h2>\n<p>My kids absolutely love playing Minecraft! And when I have time, I love playing with them too. Incorporating coding activities with Minecraft is tons of fun \u2013 after all, who doesn\u2019t love spawning hordes of sheep!<\/p>\n<p>Here\u2019s another fun summer project you can do with your kids using MakeCode for Minecraft to create an Obstacle Course in Minecraft that you can challenge other Players to go through.<\/p>\n<div id=\"attachment_499271\" style=\"width: 900px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-499271\" class=\"size-full wp-image-499271\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MinecraftKids.png\" alt=\"\" width=\"890\" height=\"588\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MinecraftKids.png 890w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MinecraftKids-300x198.png 300w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MinecraftKids-768x507.png 768w\" sizes=\"(max-width: 890px) 100vw, 890px\" \/><p id=\"caption-attachment-499271\" class=\"wp-caption-text\">Figure 1 \u2013 Minecraft Obstacle Course volunteers at the ready!<\/p><\/div>\n<p>To learn more, watch the introductory video:<\/p>\n<p><iframe loading=\"lazy\" title=\"Minecraft Obstacle Course Project\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/vqnLR3K_BQ0?feature=oembed&rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>For this project, you\u2019ll need:<\/p>\n<ul>\n<li>A Windows 10 computer with an Internet connection.<\/li>\n<li>The Setup instructions available at: <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/minecraft.makecode.com\/setup\">https:\/\/minecraft.makecode.com\/setup<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>. You\u2019ll want to download and install:\n<ul>\n<li>Minecraft for Windows 10, or Minecraft: Education Edition<\/li>\n<li>Code Connection<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Step 1: Plan your Obstacle Course<\/h3>\n<p>The first thing you\u2019ll want to do is think about what kind of obstacle course you want to create. What will each of the different challenges be? What do you need to build in the world for each challenge? Think about using the different options in the On Player action block \u2013 walking, flying, swimming, climbing, and so on. You can even work with your kids to map out their obstacle courses on paper before diving into the game.<\/p>\n<h3>Step 2: Code your Obstacle Course<\/h3>\n<p>Be creative in building your obstacle courses! Glean some ideas from the obstacle courses we created by looking at our code:<\/p>\n<ul>\n<li>Sage Obstacle Course \u2013 <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/makecode.com\/_U9W3UXWYYJ2s\">https:\/\/makecode.com\/_U9W3UXWYYJ2s<span class=\"sr-only\"> (opens in new tab)<\/span><\/a><\/li>\n<li>Cyan Obstacle Course \u2013 <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/makecode.com\/_WgCKLFEWcDkT\">https:\/\/makecode.com\/_WgCKLFEWcDkT<span class=\"sr-only\"> (opens in new tab)<\/span><\/a><\/li>\n<li>Jacqueline Obstacle Course \u2013 <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/makecode.com\/_8qvCHUhsMMy8\">https:\/\/makecode.com\/_8qvCHUhsMMy8<span class=\"sr-only\"> (opens in new tab)<\/span><\/a><\/li>\n<\/ul>\n<p>Learn how to do it on your own. Check out our very kid-friendly coding video:<\/p>\n<p><iframe loading=\"lazy\" title=\"Minecraft Obstacle Course Coding\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/JTY9YnrWTpI?feature=oembed&rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h3>Step 3: Play!<\/h3>\n<p>Challenge your friends and family to get through your obstacle course. You can even use stop watch to see who can get through the fastest!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-476107 size-large\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/08\/ObstacleCourseWorld-1024x683.png\" alt=\"\" width=\"1024\" height=\"683\" \/><\/p>\n<p>For other fun Minecraft projects to do with your kids see:<\/p>\n<ul>\n<li>MakeCode project examples available at <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/minecraft.makecode.com\/examples\">https:\/\/minecraft.makecode.com\/examples<span class=\"sr-only\"> (opens in new tab)<\/span><\/a><\/li>\n<li>Minecraft build challenges available at <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"http:\/\/aka.ms\/meechallenges\">http:\/\/aka.ms\/meechallenges<span class=\"sr-only\"> (opens in new tab)<\/span><\/a><\/li>\n<\/ul>\n<p>And be sure to check out our other MakeCode Summer 2018 projects.<\/p>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"js-accordion__header\">\n\t\t\t\tWeek 4: LEGO MINDSTORMS City\t\t\t<\/h4>\n\t\t\t\t\t\t\t<div class=\"js-accordion__panel\">\n\t\t\t\t<p class=\"msr-accordion-content\">\n\t\t\t\t\t\t\t\t\t\t<h2>Week 4: LEGO MINDSTORMS City<\/h2>\n<p>For this summer project, my kids created a little LEGO city with superheroes and bad guys. We used the LEGO MINDSTORMS EV3 robot as the bad guy who comes in to destroy the city! We built the driving base and attached the color sensor that the robot uses to stop and start \u2013 much like a red\/green traffic light.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-476135 size-full\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/08\/LEGOMindstorms.png\" alt=\"\" width=\"876\" height=\"575\" \/><\/p>\n<p>Defend our city, we will! Don\u2019t miss the Introduction video available here.<\/p>\n<p><iframe loading=\"lazy\" title=\"LEGO MINDSTORMS City\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/cHzNR1xIS8I?feature=oembed&rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>For this project, you\u2019ll need:<\/p>\n<ul>\n<li>To purchase the LEGO MINDSTORMS EV3 kit, either <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/shop.lego.com\/en-US\/LEGO-MINDSTORMS-EV3-31313\">online<span class=\"sr-only\"> (opens in new tab)<\/span><\/a> or from a LEGO retailer<\/li>\n<li>To update the EV3 brick firmware (<a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/makecode.mindstorms.com\/troubleshoot\">instructions<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>)<\/li>\n<li>To build the driving base (<a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/le-www-live-s.legocdn.com\/sc\/media\/lessons\/mindstorms-ev3\/building-instructions\/ev3-rem-driving-base-79bebfc16bd491186ea9c9069842155e.pdf\">instructions<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>)<\/li>\n<li>To attach the color sensor (<a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/le-www-live-s.legocdn.com\/sc\/media\/lessons\/mindstorms-ev3\/building-instructions\/ev3-rem-color-sensor-down-driving-base-d30ed30610c3d6647d56e17bc64cf6e2.pdf\">instructions<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>)<\/li>\n<li>Some white paper<\/li>\n<li>Colored markers<\/li>\n<li>LEGO bricks<\/li>\n<li>Colored index cards<\/li>\n<\/ul>\n<h3>Step 1: Build your LEGO city<\/h3>\n<ul>\n<li>Use a large piece of white paper (or several pieces) and tape it down to a table top.<\/li>\n<li>Use colored markers to create roads, lakes and parks in your city.<\/li>\n<li>Use LEGO bricks to create houses, cars, people and superheroes to protect your city,<\/li>\n<li>We used colored cards to activate the Red light and Green light on our MINDSTORMS robot, but you can also use the colored parts on paper to trigger the color sensor.<\/li>\n<\/ul>\n<h3>Step 2: Code the Red Light\/Green Light program<\/h3>\n<p>Here\u2019s the code example of the Red Light Green Light program for the MINDSTORMS EV3 :<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-476128 size-large\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/08\/lego-screenshot-1024x650.png\" alt=\"\" width=\"1024\" height=\"650\" \/><\/p>\n<p>Coding your Red Light\/Green Light program. Don\u2019t miss the coding video available here.<\/p>\n<p><iframe loading=\"lazy\" title=\"LEGO MINDSTORMS City Coding\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/uqCFBQYpZbY?feature=oembed&rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>You can also try the <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/makecode.mindstorms.com\/tutorials\/line-following\">Line Following<span class=\"sr-only\"> (opens in new tab)<\/span><\/a> program to make your MINDSTORMS robot follow the roads in your LEGO City, or use the Ultrasonic sensor to <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/makecode.mindstorms.com\/tutorials\/object-near\">detect objects<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>.<\/p>\n<p>Have fun with this exciting Make Code project!<\/p>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"js-accordion__header\">\n\t\t\t\tWeek 5: Cue the Messenger\t\t\t<\/h4>\n\t\t\t\t\t\t\t<div class=\"js-accordion__panel\">\n\t\t\t\t<p class=\"msr-accordion-content\">\n\t\t\t\t\t\t\t\t\t\t<h2>Week 5: Cue the Messenger<\/h2>\n<p>Cue the Cleverbot is a very cute robot with a quirky attitude who your kids will absolutely love playing with! In this project, we\u2019re going to be programming Cue to act as a messenger.Cue has lights, motors, buttons, sensors and a microphone and speaker that you can program.<\/p>\n<div id=\"attachment_476142\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-476142\" class=\"wp-image-476142 size-large\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/08\/CueParts-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" \/><p id=\"caption-attachment-476142\" class=\"wp-caption-text\"><span style=\"display: inline !important; float: none; background-color: transparent; color: #333333; cursor: text; font-family: Georgia,'Times New Roman','Bitstream Charter',Times,serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;\"> Figure 1 \u2013 Cue the Cleverbot.<\/span><\/p><\/div>\n<p>One of the great features of Cue that my kids discovered and had a blast with is its ability to record and play back audio files. We\u2019ll be using this feature to send messages back and forth between the kids.<\/p>\n<p>For this project, you\u2019ll need:<\/p>\n<ul>\n<li>A Cue the Cleverbot robot. You can purchase it online from <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/store.makewonder.com\/collections\/cleverbots-accessories\/products\/cue\">Wonder Workshop<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>.<\/li>\n<li>A Cue-compatible device (this could be a phone, tablet or computer.) For more details on which device models are supported, see the <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/www.makewonder.com\/compatibility\/\">Will my device work<span class=\"sr-only\"> (opens in new tab)<\/span><\/a> page at Wonder Workshop.<\/li>\n<li>The <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/www.makewonder.com\/cue_the_cleverbot\/explore\">Cue app<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>. You can download it for free from the Microsoft Store, Google Play or the Apple Store.<\/li>\n<\/ul>\n<div id=\"attachment_476143\" style=\"width: 960px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-476143\" class=\"size-full wp-image-476143\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/08\/CueMessenger.png\" alt=\"\" width=\"950\" height=\"619\" \/><p id=\"caption-attachment-476143\" class=\"wp-caption-text\"><span style=\"display: inline !important; float: none; background-color: transparent; color: #333333; cursor: text; font-family: Georgia,'Times New Roman','Bitstream Charter',Times,serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;\"> Figure 2 \u2013 Cue the young robotics engineers!<\/span><\/p><\/div>\n<p>Don\u2019t miss the Cue the Messenger Project Intro Video here.<\/p>\n<p><iframe loading=\"lazy\" title=\"Cue the Messenger Project\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/AtpVz5E8GRs?feature=oembed&rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h3>Step 1: What messages do you want Cue to send?<\/h3>\n<p>The first thing you\u2019ll want to do is think about what kind of message you want Cue to send. It could be a command, a secret, a funny joke or even a question and answer. In our case, we wanted to use Cue to ask what kind of drink Sage wanted \u2013 Apple Juice, or Chocolate Milk.<\/p>\n<h3>Step 2: Map out the path between the Sender and the Receiver<\/h3>\n<p>This is the physical path that Cue will travel to deliver messages back and forth. I recommend using pen and paper to draw this out before jumping into the code. Cue uses centimeters as the unit of measure for travelling distances.<\/p>\n<div id=\"attachment_476144\" style=\"width: 645px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-476144\" class=\"wp-image-476144 size-full\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/08\/Path-e1534436259589.jpg\" alt=\"\" width=\"635\" height=\"639\" \/><p id=\"caption-attachment-476144\" class=\"wp-caption-text\"><span style=\"display: inline !important; float: none; background-color: transparent; color: #333333; cursor: text; font-family: Georgia,'Times New Roman','Bitstream Charter',Times,serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;\"> Figure 3 \u2013 This is the kind of map making devotion Cue really appreciates.<\/span><\/p><\/div>\n<h3>Step 3: Code Cue!<\/h3>\n<ul>\n<li>Open the Cue app on your device and connect to your Cue robot by clicking on the blue Plus icon in the top right corner of the app. Make sure Cue is powered on to enable the Bluetooth connection.<img loading=\"lazy\" decoding=\"async\" class=\" wp-image-476146 alignnone\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/08\/Plus.jpg\" alt=\"\" width=\"41\" height=\"41\" \/><\/li>\n<li>Select the <strong>Code<\/strong> part of the app to get into the coding experience.<\/li>\n<li>Click on <strong>My Programs<\/strong> and then click <strong>Create a New Program<\/strong>.<\/li>\n<li>Depending on the path you want Cue to travel and the message you want to send, construct your program by dragging and dropping blocks of code into the workspace.<\/li>\n<li>To run your program, click on the orange Run button in the bottom right corner. You will most likely have to test and make adjustments to refine your program.\u00a0<img loading=\"lazy\" decoding=\"async\" class=\" wp-image-476147 alignnone\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/08\/Run.jpg\" alt=\"\" width=\"47\" height=\"44\" \/><\/li>\n<\/ul>\n<p>Your programming environment may look something like what is shown in Figure 4.<\/p>\n<div id=\"attachment_476145\" style=\"width: 1198px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-476145\" class=\"wp-image-476145 size-full\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/08\/IDE.png\" alt=\"makecode\" width=\"1188\" height=\"730\" \/><p id=\"caption-attachment-476145\" class=\"wp-caption-text\"><span style=\"display: inline !important; float: none; background-color: transparent; color: #333333; cursor: text; font-family: Georgia,'Times New Roman','Bitstream Charter',Times,serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;\"> Figure 4 \u2013 Programming environment.<\/span><\/p><\/div>\n<p>Figure 5 shows the code for our Cue Messenger program. The blocks we used were all in the <strong>Actions<\/strong> and <strong>Events<\/strong> categories.<\/p>\n<div id=\"attachment_476154\" style=\"width: 2058px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-476154\" class=\"size-full wp-image-476154\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/08\/MessengerCode.png\" alt=\"\" width=\"2048\" height=\"2732\" \/><p id=\"caption-attachment-476154\" class=\"wp-caption-text\"><span style=\"display: inline !important; float: none; background-color: transparent; color: #333333; cursor: text; font-family: Georgia,'Times New Roman','Bitstream Charter',Times,serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;\"> Figure 5 \u2013 Our code.<\/span><\/p><\/div>\n<p><strong>Note<\/strong>: To record a message, use the <strong>Custom Sound<\/strong> block and press the <strong>Record<\/strong> button.<\/p>\n<div id=\"attachment_476148\" style=\"width: 570px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-476148\" class=\"size-full wp-image-476148\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/08\/CustomSounds.png\" alt=\"\" width=\"560\" height=\"885\" \/><p id=\"caption-attachment-476148\" class=\"wp-caption-text\"><span style=\"display: inline !important; float: none; background-color: transparent; color: #333333; cursor: text; font-family: Georgia,'Times New Roman','Bitstream Charter',Times,serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;\"> Figure 5 \u2013 Our code.<\/span><\/p><\/div>\n<p>Our program\u2019s custom sounds were as follows:<\/p>\n<ul>\n<li>Custom Sound 2 = \u201cWhat drink would you like? Press the Circle button for Apple Juice or press the Square button for Chocolate Milk.\u201d<\/li>\n<li>Custom Sound 3 = \u201cApple Juice.\u201d<\/li>\n<li>Custom Sound 4 = \u201cChocolate Milk.\u201d<\/li>\n<\/ul>\n<p>Hope you enjoy this MakeCode Summer project as much as we did!<\/p>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"js-accordion__header\">\n\t\t\t\tWeek 6: Chibitronics birthday card \t\t\t<\/h4>\n\t\t\t\t\t\t\t<div class=\"js-accordion__panel\">\n\t\t\t\t<p class=\"msr-accordion-content\">\n\t\t\t\t\t\t\t\t\t\t<h2>Week 6: Chibitronics birthday card<\/h2>\n<p>For our final MakeCode project this summer, we will be making an electronic birthday card for our friend using the Love To Code Kit from <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/chibitronics.com\/lovetocode\/\">Chibitronics<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>. This is a great way to add a little more sparkle to any home-made greeting card, paper craft, art work or scrapbook.<\/p>\n<div id=\"attachment_476157\" style=\"width: 1410px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-476157\" class=\"wp-image-476157 size-full\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/08\/SCS-MS-Research_20180816_1400x788_Birthday-Card.png\" alt=\"Jacqueline Russell MakeCode\" width=\"1400\" height=\"788\" \/><p id=\"caption-attachment-476157\" class=\"wp-caption-text\">Figure 1 \u2013 Making your birthday card.<\/p><\/div>\n<p>Don\u2019t miss the video here.<\/p>\n<p><iframe loading=\"lazy\" title=\"Chibitronics Birthday Card\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/Tc0zGTpieMQ?feature=oembed&rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>For this project, you\u2019ll need:<\/p>\n<ul>\n<li>The Chibitronics <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/chibitronics.myshopify.com\/collections\/advanced-stickers\/products\/love-to-code-starter-kit-with-microsoft-makecode\">Love to Code Kit<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>. The kit includes everything you need, plus the amazing Love to Code book with the MakeCode pages. Otherwise, you can purchase each of the following items individually:\n<ul>\n<li><a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/chibitronics.myshopify.com\/collections\/love-to-code-classroom-replacement-parts\/products\/love-to-code-chibi-chip\">Chibi Chip<span class=\"sr-only\"> (opens in new tab)<\/span><\/a><\/li>\n<li><a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/chibitronics.myshopify.com\/collections\/add-ons-accessories\/products\/copper-tape\">Copper Tape<span class=\"sr-only\"> (opens in new tab)<\/span><\/a><\/li>\n<li><a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/chibitronics.myshopify.com\/collections\/add-ons-accessories\/products\/red-yellow-and-blue-megapack-circuit-stickers\">LED Stickers<span class=\"sr-only\"> (opens in new tab)<\/span><\/a><\/li>\n<li><a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/chibitronics.myshopify.com\/collections\/add-ons-accessories\/products\/conductive-fabric-tape-patches\">Fabric Patches<span class=\"sr-only\"> (opens in new tab)<\/span><\/a> (optional)<\/li>\n<\/ul>\n<\/li>\n<li>Paper. I used high quality sketch book drawing paper.<\/li>\n<li>Colored pencils, pens or crayons.<\/li>\n<li>Double-sided tape, or just regular tape folded over in a loop.<\/li>\n<li>A computer with internet access.<\/li>\n<\/ul>\n<h3>Step 1: Prepare the Card<\/h3>\n<ul>\n<li>Fold your sheet of paper in half and decide how you want to orient your card (right-to-left opening, or bottom-to-top opening).<\/li>\n<li>Think about the picture you want on the front of the card \u2013 will it be balloons, a birthday cake, trees and flowers, or a message?<\/li>\n<li>You don\u2019t need to draw the details at this stage, just sketch out the general areas of your picture and where you think you want the lights to show up.<\/li>\n<\/ul>\n<h3>Step 2: Attach the Chibi Chip to the inside of the card<\/h3>\n<ul>\n<li>Using a bit of tape, securely attach the back of the Chibi Chip to the inside of your card so it won\u2019t move around. Keep in mind, the USB cable will be connected to the board too.<\/li>\n<\/ul>\n<div id=\"attachment_476158\" style=\"width: 1927px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-476158\" class=\"wp-image-476158 size-full\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/08\/ChibiChip.jpg\" alt=\"\" width=\"1917\" height=\"1561\" \/><p id=\"caption-attachment-476158\" class=\"wp-caption-text\">Figure 2 \u2013 The Love to Code board<\/p><\/div>\n<h3>Step 3 : Design and layout your circuits<\/h3>\n<ul>\n<li>\u00a0This is the tricky part! I recommend using a pencil to map this out first.<\/li>\n<li>For each light that you want to place, you will need to connect one end of the light to Ground (GND), and the other end of the light to a Pin, 0-5.<\/li>\n<\/ul>\n<div id=\"attachment_476159\" style=\"width: 510px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-476159\" class=\"wp-image-476159 size-full\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/08\/LEDlight.png\" alt=\"\" width=\"500\" height=\"281\" \/><p id=\"caption-attachment-476159\" class=\"wp-caption-text\">Figure 3 \u2013 Connecting your LEDs<\/p><\/div>\n<ul>\n<li>This means that your LED light sticker will need to straddle between a strip of copper tape connected to Ground, and a strip of copper tape connected to a pin.<\/li>\n<\/ul>\n<div id=\"attachment_476164\" style=\"width: 442px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-476164\" class=\"wp-image-476164 size-full\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/08\/LEDpositioning.png\" alt=\"\" width=\"432\" height=\"423\" \/><p id=\"caption-attachment-476164\" class=\"wp-caption-text\">Figure 4 \u2013 Basic wiring diagram.<\/p><\/div>\n<ul>\n<li>Using a Pencil, draw out the different circuits to connect to the Chibi Chip and where to place each light.<\/li>\n<li>Then peel off the backing of the copper tape and lay it down along your pencil marks.<\/li>\n<li>Fold the tape at the turns to keep one contiguous piece<\/li>\n<li>Make sure the end of the copper tape connects with the Pins on the Chibi Chip. You can use the fabric patches to ensure a good connection.<\/li>\n<\/ul>\n<h3>Step 4: Place your LED light stickers<\/h3>\n<ul>\n<li>Press down hard on the metal ends of the sticker to make sure they are securely connected to the copper tape.<\/li>\n<li>You can place multiple lights along the same circuit if you wish!<\/li>\n<\/ul>\n<h3>Step 5: Finalize your drawing<\/h3>\n<ul>\n<li>Using the red USB cable, connect the Chibi Chip to a power source to make the lights turn on.<\/li>\n<li>Fold over your card to see the front and where the lights shine through.<\/li>\n<li>Make a mark for each of your lights.<\/li>\n<li>Then complete the drawing around where the lights will be.<\/li>\n<\/ul>\n<div id=\"attachment_476163\" style=\"width: 234px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-476163\" class=\"wp-image-476163 size-full\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/08\/lightbulb.jpg\" alt=\"\" width=\"224\" height=\"278\" \/><p id=\"caption-attachment-476163\" class=\"wp-caption-text\">Figure 5 \u2013 Hey \u2026 this is going to look really cool!<\/p><\/div>\n<h3>Step 6: Now code an animation for your lights!<\/h3>\n<ul>\n<li>Open a browser window to <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/makecode.chibitronics.com\/\">https:\/\/makecode.chibitronics.com<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>.<\/li>\n<li>You\u2019ll see some tutorials and code samples you can use or start a new blank project.<\/li>\n<li>The following is an example program that uses some different light effects across pins 0-3.<\/li>\n<\/ul>\n<div id=\"attachment_476162\" style=\"width: 1215px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-476162\" class=\"wp-image-476162 size-full\" src=\"https:\/\/staging.msr.10upmanaged.com\/en-us\/research\/uploads\/staging\/2018\/08\/CodeEditor.png\" alt=\"\" width=\"1205\" height=\"755\" \/><p id=\"caption-attachment-476162\" class=\"wp-caption-text\">Figure 6 \u2013 Sample program using different light effects across pins 0-3.<\/p><\/div>\n<p>Don\u2019t miss the coding video here.<\/p>\n<p><iframe loading=\"lazy\" title=\"Chibitronics Birthday Card Coding\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/aDYx_zZlKpE?feature=oembed&rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>For more Chibitronics how-to guides and tips, visit the <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/chibitronics.com\/how-to-page\/\">Chibitronics website<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>.<\/p>\n<p>Hope you liked this project! Thanks for joining us for this and our other MakeCode Summer 2018 projects.<\/p>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Microsoft MakeCode is a web-based learning environment for kids and teens to create with technology. MakeCode takes a unique approach to computing education by combining the magic of making with the power of code as a way to make learning about computers and technology more accessible and interesting to a wider audience. We have created easy MakeCode projects that you can do with your kids at home over the summer using a different MakeCode product each week.<\/p>\n","protected":false},"author":37074,"featured_media":497312,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"msr-url-field":"","msr-podcast-episode":"","msrModifiedDate":"","msrModifiedDateEnabled":false,"ep_exclude_from_search":false,"_classifai_error":"","footnotes":""},"categories":[194488],"tags":[],"research-area":[13560],"msr-region":[],"msr-event-type":[],"msr-locale":[268875],"msr-post-option":[],"msr-impact-theme":[],"msr-promo-type":[],"msr-podcast-series":[],"class_list":["post-496727","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-program-languages-and-software-engineering","msr-research-area-programming-languages-software-engineering","msr-locale-en_us"],"msr_event_details":{"start":"","end":"","location":""},"podcast_url":"","podcast_episode":"","msr_research_lab":[],"msr_impact_theme":[],"related-publications":[],"related-downloads":[],"related-videos":[],"related-academic-programs":[],"related-groups":[144812],"related-projects":[427296],"related-events":[],"related-researchers":[{"type":"guest","value":"jacqueline-russell","user_id":"497090","display_name":"Jacqueline  Russell","author_link":"<a href=\"https:\/\/x.com\/jaqster\" aria-label=\"Visit the profile page for Jacqueline  Russell\">Jacqueline  Russell<\/a>","is_active":true,"last_first":"Russell, Jacqueline ","people_section":0,"alias":"jacqueline-russell"}],"msr_type":"Post","featured_image_thumbnail":"<img width=\"480\" height=\"280\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MakeCodeProducts_480x280_v2.jpg\" class=\"img-object-cover\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MakeCodeProducts_480x280_v2.jpg 480w, https:\/\/www.microsoft.com\/en-us\/research\/uploads\/prod\/2018\/07\/MakeCodeProducts_480x280_v2-300x175.jpg 300w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/>","byline":"<a href=\"https:\/\/x.com\/jaqster\" title=\"Go to researcher profile for Jacqueline  Russell\" aria-label=\"Go to researcher profile for Jacqueline  Russell\" data-bi-type=\"byline author\" data-bi-cN=\"Jacqueline  Russell\">Jacqueline  Russell<\/a>","formattedDate":"July 25, 2018","formattedExcerpt":"Microsoft MakeCode is a web-based learning environment for kids and teens to create with technology. MakeCode takes a unique approach to computing education by combining the magic of making with the power of code as a way to make learning about computers and technology more&hellip;","locale":{"slug":"en_us","name":"English","native":"","english":"English"},"_links":{"self":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/posts\/496727"}],"collection":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/users\/37074"}],"replies":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/comments?post=496727"}],"version-history":[{"count":38,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/posts\/496727\/revisions"}],"predecessor-version":[{"id":741853,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/posts\/496727\/revisions\/741853"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/media\/497312"}],"wp:attachment":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/media?parent=496727"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/categories?post=496727"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/tags?post=496727"},{"taxonomy":"msr-research-area","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/research-area?post=496727"},{"taxonomy":"msr-region","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-region?post=496727"},{"taxonomy":"msr-event-type","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-event-type?post=496727"},{"taxonomy":"msr-locale","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-locale?post=496727"},{"taxonomy":"msr-post-option","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-post-option?post=496727"},{"taxonomy":"msr-impact-theme","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-impact-theme?post=496727"},{"taxonomy":"msr-promo-type","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-promo-type?post=496727"},{"taxonomy":"msr-podcast-series","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-podcast-series?post=496727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}