Word Magic (JavaScript) Project
Use JavaScript and p5.js to bring your favorite English word to life!
Activity Details
Middle and high schoolers, combine your love for words with coding in this p5.js-powered linguistic journey! Choose a word that sparks your curiosity and dive into its etymology with a detailed worksheet before you start coding. Then, animate your favorite word using JavaScript and the p5.js library. Imagine "evanesce" slowly vanishing or "kaleidoscope" bursting into a spectrum of shapes and colors. Draw inspiration from our sample projects to visually and interactively tell the story of your word.
Teacher Notes
Encourage your students to harness their coding skills and linguistic prowess as they animate their chosen words into a captivating digital story. This is an opportunity for them to illustrate the beauty of language through code. Let them research, dig deep, and then code a narrative where words don't just sit on the page—they dance, they change, they play across the screen. Push them to be daring in their creativity, to build a project where every line of code weaves into a grand tapestry of visual storytelling.
Standards
CCSS-ELA: RI.6.4, RI.6.7, SL.6.1, RI.7.4, SL.7.1, SL.8.1, RI.8.4, RI.9-10.5, RI.11-12.6
CCSS-Math: MP.1
CSTA: 2-AP-13, 2-AP-17, 3A-AP-13, 3A-AP-17
CS CA: 6-8.AP.13, 6-8.AP.16, 6-8.AP.17, 9-12.AP.12, 9-12.AP.16
ISTE: 1.c, 1.d, 4.d, 5.c, 5.d, 6.b
Get Started in 5 Minutes
- 50+ tutorials for Grade K-12
- Progress tracking (needs classroom setup)
- Student metrics & certificates (needs classroom setup)
- Lesson guides & answer keys
- Marketing materials
| Grades | 6+ |
|---|---|
| Programming language | p5.js |
| Experience | Advanced |
| Activity type | DIY Project |
| Length | 50 mins | Runs on: Chrome (29+), Firefox (30+), Safari (7+), or Edge (20+) browser |
More Hour of Code Activities
Frequently Asked Questions
-
What is the Hour of Code™?
The Hour of Code™ is a global movement designed to introduce students of all ages to computer science and programming. It consists of one-hour tutorials that are accessible to beginners and aim to demonstrate that anyone can learn to code.
-
Who can participate in the Hour of Code?
Anyone can participate in the Hour of Code, including students, teachers, parents, and individuals of all ages. Tutorials are available for various age groups and skill levels, from young children to adults.
-
Do I need any prior coding experience to join the Hour of Code?
No prior coding experience is necessary to participate in the Hour of Code. The tutorials are designed to be beginner-friendly and are suitable for people who have never coded before.
-
How can I organize a Tynker Hour of Code event at my school or community center?
To organize an Hour of Code event, visit Tynker's Hour of Code page and explore the resources available for educators and organizers. You can find lesson plans and step-by-step guides to help you set up a successful event.
-
What resources are available for teachers and parents to support Tynker Hour of Code?
Tynker Hour of Code offers teachers and parents various resources, including a Teacher Planning Guide, lesson plans, activity guides, and community forums. These resources are designed to help educators and parents facilitate coding sessions and encourage children to learn computer science.
-
What devices do I need to participate?
Each Hour of Code™ student needs a desktop, laptop, or Chromebook with an internet connection and an up-to-date browser. No downloads are required. Students can work in pairs on the same device if not enough devices are available.
-
How do I set up a classroom?
If you’re a Tynker teacher, you may have already completed this step – nice work! For those who still need to get set up: take 2 minutes to create a Tynker account and add a classroom for your students. We provide all the scaffolded content, so your work is done! Once you’re signed in, visit "MY CLASSES" inside your dashboard to get started with Hour of Code™ games.
-
How do I set up student rosters?
You can set up your student rosters with Clever, Google Accounts, or Tynker Accounts. If you use Clever, read this post to set up your classes. If you use Google Accounts, watch this quick setup video. To create Tynker Accounts for your classes, this quick video walks you through the process.
-
How do I add students to my classroom?
Once you set up a classroom, you can add students and assign programming puzzle game lessons through your teacher dashboard. You can import students to a single classroom, add them to multiple classrooms, manually create individual Tynker accounts, or have your students add themselves using a class code.
-
What do I get in my Tynker teacher dashboard?
Your teacher dashboard is where you can access all your teacher guides, answer keys, student metrics, and certificates. You can see just how much your students are coding and even help them if they get stuck! You can print out personalized achievement certificates for each student at the end of an Hour of Code.
