Пример 1 - Пројекат „Цртање дуж蔶

Направићемо пројекат у коме лик црта дуж дебљине 10, а дужине 300 пиксела. За лик који црта изабраћемо оловку (Pencil) из библиотеке ликова, а лик мачка ћемо избрисати. Да би траг који оловка оставља био уз њен врх, померићемо центар костима на врх. То постижемо на следећи начин. Прво отворимо картицу Костими. С леве стране платна за цртање биће приказани алати, у нашем случају векторски алати јер је лик векторски (1). Алатком за избор означимо цео лик (2), па га превучемо тако да се врх оловке налази изнад ознаке за центар екрана (3).

На почетку треба обрисати све што је претходно било нацртано наредбом , поставити оловку на место одакле ће почети са цртањем, поставити боју, и дебљину оловке, па наредбом спусти оловку омогућити да оловка приликом кретања оставља траг. На крају наредбом подигни оловку треба онемогућити да приликом наредних извршавања програма лик оставља траг при постављању на почетни положај.

Постоје два начина задавања боје цртања:

• помоћу постављања узорка боје наредбом

• задавањем броја боје наредбом .

У овом пројекту користимо први начин.

Кликом на улазно поље блока за задавање боје отвара се падајући мени у коме се налазе клизачи са компонентама боје: број придружен боји, засићење и осветљеност и испод њих алатка пипета за узимање узорка боје (1). Жељену боју можемо поставити померањем клизача или кликом на пипету. Ако се кликне на пипету осветљава се позорница на којој се налази лупа са кружићем у центру (2). Да бисмо изабрали жељену боју, треба да поставимо центар лупе изнад дела позорнице на коме се та боја налази и кликнемо. Добићемо резултат као на слици (3).

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

Резултат извршавања скрипте и сама скрипта приказани су на следећој слици.

Пример 2 - Пројекат „Цртање слободном руко씶

Овај пројекат треба да илуструје како се користе наредбе цртања и покаже да траг не зависи од величине лика, нити од тога да ли се лик види или је скривен. Цртеж формира оловка, па је свеједно који лик је држи. Овог пута смо за лик који оставља траг избрали бубамару Ladybug 1 из библиотеке ликова.

Скрипта која се покреће кликом на зелену заставицу задаје бубамари да све време прати показивач миша. На самом почетку ове скрипте бришу се сви трагови који су евентуално остали од претходних извршавања, и подиже се оловка. Догађају клик на дирку стрелица доле придружена је наредба спусти оловку, а догађају клик на дирку стрелица горе наредба подигни оловку. Тако се постиже да померање лика не оставља траг све док се не кликне на дирку стрелица доле. Остављање трага се прекида када се кликне на дирку стрелица горе.

Скрипте придружене бубамари приказане су на следећој слици. Цртање би се обављало на исти начин и ако би се на место означено стрелицом уметнуо блок , али се тада лик који црта не би видео и изгледало би као да цртеж формира показивач миша.

Разуме се, природније би било да не морамо да притискамо дирке тастатуре за спуштање и подизање оловке, већ да померање са притиснутим дугметом миша оставља траг, а ако дугме није притиснуто, померање буде без остављања трага. Такво цртање обезбеђује следећа скрипта.

Дејство наредбе ако онда иначе показаћемо у 6. лекцији овог приручника. Засад само да кажемо да ће се извршавати или наредбе и спусти оловку из горњег слота, или подигни оловку из доњег слота за скрипту овог Е-блока. Које наредбе ће се извршавати зависи од тога да ли је дугме миша притиснуто или није, што се утврђује на основу вредности коју враћа блок . Овај блок припада групи Осећаји и враћа вредност тачно (true) или нетачно (false). Функцијске блокове шестоугаоног облика који враћају само вредности true или false називамо логички блокови.

Пример 3 - Пројекат „Прати ме по трагу”¶

У овом пројекту кретањем бубамаре управља се коришћењем дирки са стрелицама, као у примеру 3 лекције Координате позорнице. Траг који бубамара оставља је изломљена линија која се састоји од хоризонталних и вертикалних дужи. На следећој слици приказане су скрипте пројекта и изглед позорнице после једног извршавања пројекта.

Унапређење пројекта

Изменићемо пројекат тако да се лик који оставља траг слободније креће, као у примеру 4 лекције Координате позорнице. Додаћемо и промену боје и дебљине оловке сваких 5 секунди на случајан начин и траг ће бити атрактивнији. Да бисмо боју могли да задајемо на случајан начин, уместо задавања боје оловке као у претходном примеру, користићемо наредбу у којој се боја задаје бројем.

На следећој слици приказни су скрипта која поставља почетне вредности (активира се кликом на зелену заставицу) и изглед позорнице по једном извршавању овако измењеног пројекта. У блок понављај заувек уметнутe су наредбе које постављају боју и дебљину оловке на “случајан” начин.

Пример 4 - Пројекат „Линије”¶

Пројекат Линије показује како коришћењем наредбе понављања задати број пута, коју ћемо упознати у наредном поглављу, можемо нацртати линије за подвлачење различитих стилова.

Пројекат црта линију љубичасте боје, дужине 400 и дебљине 2 пиксела почев од тачке (-200,0) на један од 5 следећих начина.

Лик који црта притом се не види. Тек пошто нацрта линију, појављује се у горњем левом углу позорнице и саопштава на који начин је линија цртана. Цртање покрећу догађаји , при чему је дирки са бројем 1 придружен први начин, дирки са бројем 2 други и тако редом.

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

Свака од скрипти придружених диркама 1-5 тастатуре прво обрише све што је претходно нацртано, сакрије лик, исцртава линију на задати начин и затим у горњем левом углу прикаже лик који изговара на који је начин исцртана линија.

• Први начин је цртање непрекидне линије. Ово се може урадити тренутно, једном једином наредбом “иди 400 корака”, али ми смо, да би и први начин трајао приближно као остали, цртање 400 тачака обавили тако што је лик 40 пута ишао по 10 корака.

• Други начин - лик 100 пута понавља узорак: иде 1 корак са спуштеном оловком, па 3 корака са подигнутом.

• Трећи начин - лик 50 пута понавља узорак: иде 3 корака са спуштеном оловком, па 5 корака са подигнутом.

• Четврти начин - лик 40 пута понавља узорак: иде 6 корака са спуштеном оловком, па 4 корака са подигнутом.

• Пети начин - лик 25 пута понавља узорак: иде 6 корака са спуштеном оловком, 4 корака са подигнутом, 2 корака са спуштеном, па 4 корака са подигнутом оловком.

На следећој слици приказане су скрипте за догађаје клик на зелену заставицу, клик на дирку 1 и клик на дирку 2.

Напомињемо да наредбе понављања не скраћују трајање извршавања програма, већ само омогућавају програмеру да прегледније и краће пише програме.

Пример 5 - Пројекат „Породица”¶

У овом пројекту једно пиле представља своју породицу: маму кокошку, тату петла и брата и сестру. На почетку се види само пиле коме смо дали име Лиза, а сви остали ликови су скривени. Пиле прво представља маму Марџ. Када изговори њено име, мама се појави и разгласи да се појавила. Затим Лиза представља тату Хомера. И тата се појави кад “чује” своје име, па “одговори” поруком са својим именом. Слично се појаве и брат Барт и сестра Меги. Усклађивање појављивања и оглашавања ликова постиже се коришћењем порука. Кад Лиза представи неког, разгласи поруку. Ликови “ослушкују” и кад приме одговарајућу поруку, појављују се и шаљу поруку са својим именом. Кад Лиза прими ту поруку - одговор, наставља са представљањем следећег члана породице.

Следећа слика приказује како се појављивање ликова синхронизује порукама.

Припрема ликова

Распоред ликова на позорници

За ову презентацију потребни су ти следећи ликови: Лиза, Марџ, Хомер, Барт и Меги. За Лизу, Барта и Меги користићемо лик Chick, за маму Hen, а за тату Rooster из библиотеке ликова. Пошто учиташ ликове, преименуј их тако да се зову као у нашем пројекту.

Учитај позадину Farm из библиотеке позадина.

Лик Лизе постави на средину у горњем делу позорнице.

Лик Марџ постави доле лево, а поред ње Меги, коју треба да смањиш.

Лик Хомер постави доле десно и окрени га да гледа улево. Барта повећај, стави га између Меги и тате и окрени да гледа улево.

Скрипте придружене ликовима приказане су на следећој слици.

Питање 1¶

Питање 2¶

Питање 3¶

Питање 4¶

Питање 5¶

Питање 6¶

Питање 7¶

Питање 8¶

Вежба 1¶

Шта цртају следећи програми?

Одговор:

Вежба 2¶

Вежба 3¶

Вежба 4¶

Графички диктат 1

Ово је прва од вежби типа графички диктат. На почетку треба мало да програмираш, а пуно података да уносиш са тастатуре. Касније ће задаци овог типа захтевати више програмирања, а мање посла око уношења података.

Направи пројекат који омогућава вођење лика диркама стрелицама као у Примеру 3 овог поглавља:

• стрелица десно води лик 10 корака удесно,

• стрелица лево води лик 10 корака улево,

• стрелица горе води лик 10 корака нагоре,

• стрелица доле води лик 10 корака надоле.

Обезбеди да је лик сакривен и позорница обрисана.

Одведи лик на позицију (-50,30), то је полазна тачка, спусти оловку, па откуцај следећи низ стрелица:

1 →, 1 ↓, 2 →, 1 ↑, 1 →, 2 ↓, 5 →, 2 ↑, 1 ←, 1 ↑,

2 →, 8 ↓, 1 ←, 2 ↑, 1 ←, 2 ↓, 1 ←, 2 ↑, 3 ←, 2 ↓,

1 ←, 2 ↑, 1 ←, 2 ↓, 1 ←, 3 ↑, 1 ←, 4 ↑.

Ако си добро пратио упутство, требало би да си се вратио у полазну тачку.

Шта си нацртао?

Одговор:

Вежба 5¶

Графички диктат 2

Важе све поставке као за Графички диктат 1, а алгоритам цртања је следећи.

Одведи лик на полазну тачку (-60,40), спусти оловку и цртај:

3 →, 1 ↑, 1 →, 4 ↓, 6 →, 1 ↑, 1 →, 1 ↓, 1 ←,

7 ↓, 1 ←, 3 ↑, 5 ←, 3 ↓, 1 ←, 7 ↑, 3 ←, 3 ↑.

Ако си добро пратио упутство, требало би да си се вратио у полазну тачку.

Шта си нацртао?

Одговор:

Грешка 1¶

Питање

Ученик је написао програм који треба да нацрта линију укупне дужине 300 пиксела такву да је првих 100 црвене боје, следећих 100 зелене, а последњих 100 плаве боје. Када је покренуо скрипту ништа се није десило. У чему је проблем?

Грешка 2¶

Питање

Ученик је написао програм који треба да нацрта линију плаве боје укупне дужине 300 пиксела такву да је првих 100 дебљине 10, следећих 100 дебљине 20, а последњих 100 дебљине 30 пиксела. Када је први пут покренуо програм све је радило како треба, али при сваком следећем стартовању линија коју је програм цртао целом дужином је била дебела 30 пиксела. У чему је проблем?

Грешка 3¶

Питање

Ученик је написао програм који треба да нацрта линију плаве боје укупне дужине 300 пиксела такву да је првих 100 дебљине 10, следећих 100 дебљине 20, а последњих 100 дебљине 30 пиксела. При сваком покретању програма добијао се исти траг, али не са захтеваним повећањем дебљине, него много већим. У чему је проблем?

Пројекат 1 - „Муња”¶

Направи пројекат у коме ће лик муња (Lightning) цртати својим врхом. Пошто преузмеш лик из библиотеке ликова, преименуј га у муња и подеси да му центар костима буде на врху. Придружи му скрипте које дефинишу начин кретања и параметре цртања.

Пројекат 2 - „Црно-бели свет”¶

Направи пројекат по узору на пример „Цртање слободном руком”. Позорница треба да има црну позадину. Црну позадину можеш да направиш тако што алатком у растерском режиму едитора слика сипаш на подразумевану позадину црну боју. Лик који црта не треба да се види, а боја цртања треба да буде бела.

Пројекат 3 - „Моја породица”¶

Започни нови пројекат који ћеш назвати Моја породица. То треба да буде анимација у којој представљаш чланове своје породице. За ову презентацију потребни су следећи ликови: водитељ (ти), мама, тата, брат, сестра (зависно од тога ко чини твоју породицу). Употреби фотографије или изабери слике ликова који ће играти улоге чланова твоје породице и прилагоди их пројекту (увећај, умањи, по потреби окрени и распореди на позорници). Сваки од ликова, после клика на зелену заставицу, треба да се сакрије и чека док га водитељ не представи, а онда се појављује на позорници на месту које си унапред одредио. Синхронизацију појављивања ликова изврши коришћењем порука као у примеру „Породица”. Водитељ је једини лик који све време треба да буде на позорници. Он се представља, а затим представља чланове своје породице.