Teachers Notes

Disney Codeillusion: Media Art Adventure with Mickey

Lesson Overview

Embark on a magical coding adventure with Mickey! Play as Akito - the newest student at Technologia School of Magic - as he learns how to draw, color, and move shapes all using JavaScript and the magic of programming. In our one hour lesson, students will progress through a series of three self-propelled gem lessons concluded by one cumulative book lesson that incorporates all the concepts covered in the previous three gems. From there, students will enter the world of the original Disney movie, Tangled, where the learning continues and they’ll have the opportunity to create and manipulate code to make magical lanterns appear, disappear, move at varying speeds and much more!

This entertaining and beginner-friendly lesson is further enhanced by Mimir, a virtual mentor guiding the way with clear, easy-to-follow instructions as well as helpful hints should a student feel stuck.

At a Glance

Grades 2-8	Media Art Focus	Real Coding	Virtual Mentor

Our lesson gives visible signs of progress in real-time and encourages students to experiment with what they learn at the end of each section.	3 Gem Lessons 2 Book Lessons ~1 Hour Total	Explore JavaScript using the popular p5.js Library	Easy-to-follow instructions and helpful hints provided (if needed) by Mimir, your student’s virtual mentor!

Lesson Specifications

Ages 8+
Web-based
No installation required
Internet connection required: 3 Mbps or faster
Desktop or laptop (cannot be played on a mobile device or tablet)

Windows 7/8.1/10 or higher
OS X El Capitan (10.11) or higher
macOS Sierra (10.12) or higher
macOS High Sierra (10.13) or higher

Headphones recommended
Up-to-date version of Chrome

How to host an Hour of Code

Step 1 - Try it out!

Before you lead your class in playing through Disney Codeillusion: Media Art Adventure with Mickey we highly encourage you to try it out for yourself! Play through all three of the gem lessons and two book lessons, taking note of anywhere you anticipate your students may show particular interest in, have trouble with, or have questions about. You can then integrate these points into your discussion of the concepts before or after the lesson!

Step 2 - Share the lesson URL

Share digitally or write on the board so your students know where to start:

https://hourofcode.com/codeillusionmickey

Step 3 - Highlight and Reinforce Key Concepts

Programming/Coding	Functions	Variables

The process or activity of writing computer programs.	Functions are named sections of a program that perform a specific task.	Variables are values that can change, depending on conditions or on information.

Step 4 - Start Playing

Instruct the students to click the “Play” button and this will open a tab where they can begin their coding adventure!

Step 5 - Print Certificates and/or Share Progress

Once your students complete the lesson, encourage them to print their certificate and/or share on social media that they completed an Hour of Code! Students will be immediately redirected to the page that will enable them to do both once they complete the lesson.

*Note: If you plan on using the same computer for multiple students/sessions, we highly recommend you clear the browser history after each completed session. Failing to do so may result in students not being able to start the lesson from the beginning due to the saved progress of the student before them.

Step 6 - Go Beyond and Continue Coding!

Just because your Hour of Code lesson with Disney Codeillusion is over doesn’t mean the coding fun stops there! Experience the full adventure with Mickey, Akito, and countless other Disney characters with our full online and offline programs, Disney Codeillusion Enchanted and Disney Codeillusion Prime!

Explore four core programming languages - HTML, CSS, JavaScript & Processing - across 125 comprehensive lessons covering Media Art, Game Development and Web Design. Your coding future awaits!

LEARN MORE

Bring Disney Codeillusion to your Classroom!

Did your students love their Hour of Code with Disney Codeillusion? Are you looking to continue the coding magic in your classroom's curriculum?

Lucky for you, we've created Disney Codeillusion Prime for Schools! Take your STEM & Computer Science lessons to the next level & give your students the opportunity to explore four core programming languages - HTML, CSS, JavaScript & Processing - in an entertaining and engaging environment.

We pride ourselves on being dynamic and flexible to meet the unique needs of each classroom, each school and in some cases each school district, so we'd love to learn a bit more about your classroom + school's needs.

FAQ

What Programming Language does Disney Codeillusion: Media Art Adventure with Mickey use?

Rather than using click-and-drag block code languages, Disney Codeillusion: Media Art Adventure with Mickey uses Javascript; more specifically the P5.js library specifically chosen for its robust set of media art capabilities.

What can I expect in Media Art Adventure with Mickey?


Three Media Art Gem Lessons + One Cumulative Book Lesson +(Bonus Rapunzel Book Lesson)	Helpful Virtual Mentor Mimir
Visible Progress Indicators	Intermittent Quizzes to Reinforce Material

Are there certificates that I can print out?

What to do if a student is having trouble?

If a student is having trouble with the lesson, encourage them to reveal a hint! And if the lesson appears to not be responding correctly, try refreshing the page and attempting the step again.

What do the stars mean?

A Maximum of three stars is awarded at the end of each lesson; for clearing the lesson, answering all quiz questions correctly, and not using any hints.

Looking for more content?

Experience the Full Version of Disney Codeillusion!

If your students love the lesson as much as we think they will, this is just the beginning! They can learn more about our comprehensive coding programs with 125 lessons across 4 languages and 14 original Disney movie scenes below:

LEARN MORE