Увод

У овом пројекту правићемо програм за цртање!

Корак 1: Направи бојицу

Почни тако што ћеш направити бојицу коју ћеш затим користити за цртање по сцени.

Упутство

  • Отвори нов Скрач пројекат и обриши лик мачке тако да пројекат буде празан.

  • Додај лик бојице у пројекат.

    screenshot

  • Кликни на ‘Костими’ и обриши костим ‘pencil-b’.

    screenshot

  • Преименуј костим у ‘бојица-плава’ и употреби алатку ‘Обој облик’ да би обојио бојицу у плаво.

    screenshot

  • Пошто ћеш за цртање користити миша, мораћеш да направиш да бојица прати миш у петљи понављај. Додај следећи код за лик оловке:

        када је кликнуто на ⚑
    понављај
    иди до [показивач миша v]
    end

  • Испробај код тако што ћеш кликнути на заставицу и затим померати миша по сцени. Да ли све ради како очекујеш?

  • Јеси ли приметио да миш прати центар бојице, а не њен врх?

    screenshot

    Да би то поправио, кликни на костим ‘бојица-плава’ лика оловке, а затим кликни на ‘Постави центар костима’.

    screenshot

  • Требало би да приметиш да се на костиму појављује крстић. Сада можеш да кликнеш мало испод врха оловке, да би ту тачку поставио као центар костима.

    screenshot

  • Кликни на картицу ‘Програми’, а затим поново испробај бојицу. Да ли ради боље него пре?

  • Хајде сада да учинимо да бојица пише ако се кликне мишем. Додај следећи код за лик бојице:

    screenshot

  • Поново испробај код. Овај пут померај бојицу по сцени док држиш притиснут тастер миша. Можеш ли да црташ твојом бојицом?

    screenshot

Сачувај пројекат

Корак 2: Бојице

Хајде да додамо бојице различитих боја у пројекат и да омогућимо корисницима да их бирају!

Упутство

  • Кликни на лик оловке, кликни на ‘Костими’ и умножи костим ‘бојице-плава’.

    screenshot

  • Преименуј нов костим у ‘бојица-зелена’ и обој бојицу у зелено.

    screenshot

  • Направи два нова лика која ћеш користити да бираш плаву или зелену бојицу.

    screenshot

  • Када је кликнута зелена икона селектора, мораш да разгласиш поруку лику бојице, тако да јој кажеш да промени свој костим и боју бојице.

    Да би то урадио, прво додај овај код икони зеленог селектора:

        када је кликнуто на овај лик
    разгласи [green v]

    Да би направио блок разгласи, кликни стрелицу надоле и изабери ‘нова порука…’.

    screenshot

    Затим можеш да откуцаш ‘зелено’ да би направио нову поруку.

    screenshot

  • Лику бојице мораш да кажеш шта да ради када прими поруку. Лику бојице додај следећи код:

        када примим [green v]
    замени костим са [pencil-green v]
    нека боја оловке буде [#00ff00]

    Да би боју бојице подесио у зелену, кликни на обојено поље у блоку нека боја оловке буде, а затим кликни на икону зеленог бирача да би изабрао да боја бојице буде зелена.

  • Исто можеш да поновиш за икону плаве бојице, и да додаш следећи код за лик плавог бирача:

        када је кликнуто на овај лик
    разгласи [blue v]

    …и овог кода за лик оловке:

        када примим [blue v]
    замени костим са [бојица-плава v]
    нека боја оловке буде [#0000ff]

  • На крају, лику бојице мораш да кажеш који костим и боју бојице треба да изабере, и да обришеш све на екрану када почне пројекат. Додај следећи код испред блока када је кликнуто на ⚑ за оловку (пре петље понављај):

        обриши
    замени костим са [бојица-плава v]
    нека боја оловке буде [#0000ff]

    Ако ти се тако више свиђа, можеш да почнеш програм са бојицом другачије боје!

  • Испробај пројекат. Можеш ли да мењаш плаву и зелену бојицу?

    screenshot

Сачувај пројекат

Корак 3: Грешка

Понекад се дешавају грешке, па хајде да у програм додамо дугме ‘обриши’ и гумицу!

Упутство

  • Хајде да додамо дугме које ће брисати екран. Да би то урадио, додај лик ‘X-block’ у сцену и обој га у црвено.

    screenshot

  • Додај код у ново дугме тако да оно обрише садржај сцене када се на њега кликне.

        када је кликнуто на овај лик
    обриши

    Примети да не мораш да шаљеш поруку да би орисао сцену, јер то може да уради било који лик!

  • Можеш да направиш и гумицу. Ако ти је учитељ дао директоријум ‘Ресурси’, кликни на дугме ‘Пошаљи костим из датотеке’ и додај слику ‘eraser.svg’.

    screenshot

    Ако немаш слику eraser.svg, уместо ње направи нову белу оловку!

  • Слику гумице би требало да додаш као нов бирач ликова. Ево како би требало да изгледа твоја сцена:

    screenshot

  • Затим можеш да додаш код у лик бирача гумице, да би бојици рекао да се претвори у гумицу.

        када је кликнуто на овај лик
    разгласи [eraser v]

  • Када бојица прими ову поруку, можеш да направиш гумицу тако што ћеш костим бојице променити у гумицу, а боју бојице променити у боју сцене!

        када примим [eraser v]
    замени костим са [eraser v]
    нека боја оловке буде [#FFFFFF]

  • Испробај пројекат да би се уверио да можеш да бришеш целу сцену.

    screenshot

  • Имамо још један проблем са бојицом - можеш да црташ било где по сцени, укључујући и близу икона бирача!

    screenshot

    Да би то поправио, мораш да кажеш оловки да црта само ако је миш кликнут и ако је y-координата миша већа од -110 (миш y> -120). Промени наредбу ако је за бојицу тако да изгледа овако:

    screenshot

  • Испробај пројекат; сада не би требало више да можеш да црташ близу блокова селектора.

    screenshot

Сачувај пројекат

Корак 4: Промена дебљине бојице

Хајде да омогућимо кориснику да црта помоћу бојица различитих дебљина.

Упутство

  • Прво додај нову променљиву која ће се звати ‘дебљина’. Ако не знаш како се то ради, потражи помоћ у упутству за пројекат ‘Балони’.

  • Додај следећу наредбу у петљу понављај кода за бојицу:

        нека дебљина оловке буде (дебљина)

    Ширина трага оловке сада ће стално бити постављана на вредност променљиве ‘дебљина’.

  • Број који се чува у овој променљивој можеш да промениш тако што ћеш десним тастером миша кликнути на променљиву (на сцени) и изабрати ‘клизач’.

    screenshot

    Сада можеш да вучеш клизач испод променљиве да би јој променио вредност.

    screenshot

  • Испробај пројекат и рровери да ли можеш да промениш дебљину бојице.

    screenshot

    Ако ти се тако више свиђа, можеш да задаш најмању и највећу вредност ‘дебљине’ које ће бити дозвољене. Да би то урадио, поново кликни десним тастером миша на променљиву и изабери ‘подешавање граничних вредности клизача’. Подеси најмању и навећу вредност за променљиву на нешто што има више смисла, на пример 1 и 20.

    screenshot

    Настави да испробаваш променљиву ‘дебљина’ док не будеш задовољан.

Сачувај пројекат

Изазов: Пречице

Можеш ли да направиш пречице са тастатуре за твоје команде? На пример:

  • p = промени у плаву бојицу
  • z = промени у зелену бојицу
  • g = промени у гумицу
  • o = очисти екран

Могао би и да омогућиш кориснику да мења бојице помоћу стрелица на тастатури!

Сачувај пројекат

Изазов: Још оловака

Можеш ли да додаш црвену, жуту и црну бојицу у програм за цртање? Све слике које су ти потребне можеш да пронађеш у директоријуму ‘Ресурси’. Не заборави да додаш пречице са тастатуре за нове бојице!

Можеш ли да употребиш своје бојице да нацрташ слику?

screenshot

Community Contributed Translation

This project was translated by Irina Branovic. Our amazing translation volunteers help us give children around the world the chance to learn to code. You can help us reach more children by translating a Code Club project via Github or by getting in touch with us at .