Time for a break
About every 30 minutes, take 5–10 minutes away from screens. Look into the distance out of a window, or try animal guessing, copying movements, a paper maze, chess or Jungle. Do not switch to a phone or video during the break. An adult keeps track of the time; children can take a break sooner if they need one. Include breaks in the total lesson time, shortening computer tasks or presentations accordingly. For a session of about two hours, plan breaks around minutes 30, 60 and 90.
Game ideas from young designers
I want to raise these little animals
Play for a while and then choose one thing you want to change.
How to play?
- Name the first kitten, feed it, and play with a ball.
- Click "Find Animals" and click on the hiding place on the map to find new friends.
- Taking care of animals will accumulate times. Once you meet the conditions written on the map, you can go to the next map.
- The animals found are below. Click on one to name, feed and play with it.
There are 12 animals and 4 maps in total. Progress only exists in the current browser. Different devices can play differently; you can continue playing after closing the page and coming back. You need to confirm twice to start over.
The teacher can ask this
"Which one do you most want to keep? What would you name it?"
"When it eats, do you want its ears to move or its tail to wag?"
"Who should be hidden in the new map? How do you want your friends to find it?"
"When my friends are playing, are there any buttons that I don't understand?"
Choose a change and try to make it
| Time | What to do together |
|---|---|
| 3 minutes | The classmate expressed his idea, and the teacher repeated: "You want to raise a lot of animals, and you also want to find new ones on the map, right?" |
| 5 minutes | Play the first map: name it, feed it, play with a ball, and find a new animal. |
| 5 minutes | Draw an animal you want to add, or draw three small pictures of "before feeding/eating/full". |
| 8 minutes | Choose a change and ask an adult to give the request to the AI to change the code. The child determines the action or opening conditions, and the adult operates the tool. |
| 5 minutes | Ask your friends to try it out. Check whether new actions appear, whether the name can be saved, and whether the map is opened according to the rules. |
| 4 minutes | Make one change and try again. Say: "I changed... because my friend just..." |
These 30 minutes can replace the maze creation and trial portion; the common opening, expression, and AI discussion remain. No need to complete both games at the same time.
Let me choose
I want to join: ______________ It’s called: ______________
When eating, it: ____________________________
When playing with it, it will: ____________________________
The new map is called: ____________ Hidden inside: ______________
After my friend tried it, I found: ____________________________
Explain clearly to AI
"Please modify the small animal game in animal-garden. I want ________ to do ________ actions when ________. Please keep naming, feeding, playing ball, finding animals and saving. After modification, let us try it out with buttons."
Run and modify
You can directlyOpen the small zoo; For the method of downloading and running, seeInstallation and Operation Instructions. No account or internet required.
index.html is the page, garden.css is the picture and action, and garden.mjs is the animal, map and rule. The actions are 2D animations drawn by the program, and the sound effects are local synthesized prompts. The food in the game is for illustration and cannot be used as actual feeding instructions.