If you're seeing this message, it means we're having trouble loading external resources on our website.

Jeżeli jesteś za filtrem sieci web, prosimy, upewnij się, że domeny *.kastatic.org i *.kasandbox.org są odblokowane.

Główna zawartość

Wskazówki dla nauczycieli: interaktywność w JS

To jest poradnik nauczania dla kursu Wstęp do JS dla szóstego rozdziału dotyczącego Programu interaktywnego.

Czego uczniowie się nauczą

  • Jak używać mouseX i mouseY aby stworzyć program, który rysuje kształty zgodnie z aktualną pozycją myszki tak jak program rysujący.

Uczniowie nauczą się pisać kod taki jak:

Z czym uczniowie mają kłopoty

  • Uczniowie mogą próbować użyć mouseX oraz mouseY poza funkcją draw i być rozczarowani, gdy ich program nie zadziała. Jeżeli te zmienne są użyte poza funkcją draw, przechowają tylko wstępną wartość pozycji myszki. Te zmienne muszą być użyte w funkcji draw aby program widział, że ich wartości zmieniają się z biegiem czasu i zaktualizuje je odpowiednio.
  • Uczniowie mogą mieć problemy ze zrozumieniem jak używać zmiennych mouseX oraz mouseY aby zmieniać kolor ich kształtów. Przypominaj im, że kolory RGB posiadają wartośc od 0 do 255, amouseX i mouseY będzie zmieniać się od 0 do 400. Zachęcaj ich do eksperymentowania z używaniem zmiennych jako różnych parametrów w ich funkcjach, aby zobaczyli co się dzieje jako rezultat tej zmiany. Pokaż im, że mogą także używać czwartego parametru fill() aby zmienić nieprzezroczystość, aby stworzyć więcej fajnych efektów.

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.
  • Jeżeli masz artykuły plastyczne pod ręką, poświęć czas na rysowanie lub malowanie i zapytaj się uczniów jak mogliby stworzyć program który naśladuje tworzenie obrazków.

Dodatkowe materiały: pytania i ciekawostki

Te pytania mogą być ciekawym zajęciem po tym, jak każdy uczeń ukończył samouczek. Mogą także prowadzić dyskusję na temat pytań które sprawiły im trudność. Zagraj z nimi na Quizizz.