Główna zawartość
Zasoby dla nauczycieli i rodziców
Kurs: Zasoby dla nauczycieli i rodziców > Rozdział 1
Lekcja 4: Nauczyciele programowania komputerowego- Program nauczania programowania - przegląd
- Śledzenie postępów uczniów w programowaniu
- Znajdowanie błędów w kodzie
- Programowanie parami w klasie
- Wskazówki dla nauczycieli: podstawy rysowania w JS
- Wskazówki dla nauczycieli: kolorowanie w JS
- Wskazówki dla nauczycieli: zmienne w JS
- Wskazówki dla nauczycieli: podstawy animacji w JS
- Wskazówki dla nauczycieli: interaktywność w JS
- Wskazówki dla nauczycieli: skalowanie za pomocą zmiennych w JS
- Wskazówki dla nauczycieli: tekst i zmienna tekstowa w JS
- Wskazówki dla nauczycieli: funkcje w JS
- Teaching guide: Intro to JS - Logic and if statements
- Teaching guide: Intro to JS - Looping
- Teaching guide: Intro to JS - Arrays
- Teaching guide: Intro to JS - Objects
- Teaching guide: Intro to JS - Object-oriented design
- Materiały informacyjne na temat programowania
- Dodatkowe projekty z programowania
- Propozycje planów lekcji: nauka programowania w klasie
- Przykłady dobrych praktyk: projekty interdyscyplinarne
- Studium przypadku - programowanie: Wyjdź poza program nauczania KA
- Przykłady dobry praktyk: nauka programowania w szkole podstawowej
© 2023 Khan AcademyWarunki użytkowaniapolitykę prywatnościInformacja o plikach cookie
Wskazówki dla nauczycieli: podstawy animacji w JS
To jest poradnik nauczania dla kursu Wstęp do JS dla czwartego rozdziału dotyczącego Podstaw animacji.
Czego uczniowie się nauczą
- Podstawowa koncepcja animacji — Rysunek powtarzany w kółko, nieco inny za każdym razem.
- Jak zdefiniować funkcję
draw()
w ich programach, tak żeby kod w tej funkcji był powtarzany przez komputer w kółko, przynajmniej w 60 klatek na sekundę. - Jak zaprogramować animacje poprzez definiowanie zmiennej, oraz zmienianie jej w każdej klatce, oraz używanie zmiennych, aby zmienić pewne aspekty kształtów w ich programie.
- Jak zwiększyć i zmniejszyć cyfry przechowywane w zmiennych za pomocą skrótów +=, -= oraz --.
Uczniowie nauczą się pisać kod taki jak:
Z czym uczniowie mają kłopoty
- Students often get confused about which code goes inside the
draw()
function and which code goes outside. For example, they might both declare and increment their animating variable inside thedraw()
function. The animation won’t work, since the variable doesn’t actually change each frame. They need to declare the variable outsidedraw()
, at the beginning of the program, and make sure all they do insidedraw()
is change that variable. Encourage students to think about the values of their variables and position of their drawings at each second. They can even draw it out. - Students can become confused about which lines of code are actually inside the
draw()
function. Encourage them to indent the code inside their function to help them visualize it better. - Students may attempt to animate multiple shapes in multiple directions in their project, and struggle to figure out how to do that. They’ll need to use multiple variables in that case. Suggest they think through what the different values would be for each shape over time, and then they’ll see what variables they need to change at each frame.
Dodatkowe materiały: pytania do dyskusji
Są to pytania, które możesz zadać uczniom indywidualnie, gdy ukończą ten samouczek lub poprowadź dyskusję grupową, jeżeli każdy ukończył samouczek do tego samego momentu.
- Czy zmienne mają sens, teraz kiedy używają ich w animacjach?
- Obejrzyj animację, taką jak krótki film Pixara. Porozmawiaj na temat tego, jak to mogło być animowane za pomocą zmiennych.
Dodatkowe materiały: pytania i ciekawostki
Te pytania mogą być ciekawą propozycją po tym, jak każdy uczeń ukończył samouczek. Uczniowie mogą także dyskutować na temat pytań, które sprawiły im trudność. Zagraj z nimi na Quizizz.
Chcesz dołączyć do dyskusji?
Na razie brak głosów w dyskusji