Abstrakktné umenie

Čo budeme robiť

  • definovať novú udalosť priŤahaní

Čo už musíme vedieť

  • základné príkazy korytnačej grafiky, pracovať s tlačidlami, pracovať s textami

Naučíme sa

  • ako využiť udalosti definované na stránke, rozlišovať medzi udalosťami pre korytnačku, stránku a tlačidlo, využiť ďalšie vlastnosti stránky
Vypĺňanie stránky bodkami...

Projekt som vymyslela už dávnejšie pre prostredie Comenius Loga. Zapáčil sa dokonca aj v zahraničí a nájdete ho na veľmi známej stránke https://www.mathcat.com/draw dots overview.htm

Ide o vytváranie abstraktných vzorov z bodiek klikaním a ťahaním myši po stránke. Teraz ho spolu vytvoríme v Imagine a uvidíme, o čo je projekt v Imagine jednoduchší ako ten pre Comenius Logo alebo pre prostredie MicroWorlds. Ukážeme si na ňom, že môžeme využívať nielen udalosti, ktoré vzniknú pri kliknutí na korytnačku alebo tlačidlo, ale aj udalosti, ktoré vzniknú na stránke. Záleží len na nás, ako ich využijeme...

Analyzujeme projekt...

  1. Na stránke bude tlačidlo na zmazanie celej stránky a oznam, čo má používateľ v projekte robiť.
  2. Bodky rôznej veľkosti bude kresliť korytnačka pomocou základného príkazu bodka.
  3. Korytnačka bude kresliť bodky takto:
    • kde na stránku klikneme (udalosť priĽavomDolu na stránke) tam začne kresliť bodky,
    • keď po stránke ťaháme myš so stlačeným ľavým tlačidlom (udalosť priŤahaní na stránke) korytnačka kreslí bodky; efekt dlhších čiarok vznikne tým, že myšou pohybujeme dosť rýchlo

Programujeme...

  1. Položme na stránku tlačidlo, zmeňme jeho popis a jeho udalosť priZapnutí na zmaž. Vložme na stránku text, vpíšme do neho inštrukcie pre používateľa
  2. Pri štarte Imagine je na stránke jedna korytnačka s menom k1, vyskúšajme v riadku, či pozná základný príkaz bodka:

    3. ? nechHP 50 nechFP ? bodka
    • vložme tento príkaz do riadku, stlačme <Enter>,
    • stlačme kláves-šípku hore (v pravej časti klávesnice) celý príkaz, ktorý sme napísali sa opäť objaví v riadku, môžeme znovu stlačiť <Enter> a korytnačka nakreslí bodku inej farby
  3. Kliknime na stránku (pozor nie na korytnačku, ani na tlačidlo ani na text) a v pravoklikovom menu stránky vyberme Zmeň Stránka1, prejdime do záložky Udalosti, stlačme tlačidlo Pridaj, v dialógu Pridaj udalosť vyberme priĽavomdolu a zapíšme príkaz na presunutie korytnačky k1 so zdvihnutým perom na to miesto, kde sa do stránky kliklo myšou:

    4. pre "k1 [ph nechPoz pozMyši pd]
    Táto udalosť je jednoduchá, korytnačka zdvihne pero, presunie sa na pozíciu myši keď vznikla udalosť priĽavomDolu, t.j. keď bolo na stránke stlačené ľavé tlačidlo a nakoniec položí svoje pero, aby neskôr mohla kresliť bodky. Jediné, čo nás možno prekvapí je, prečo musíme osloviť korytnačku? (Príkaz môžete vyskúšať bez tohto oslovenia, ale pri kliknutí do stránky vznikne chybová správa – Neviem ako sa robí ph.)
    Keďže udalosť vzniká na stránke, stránka sa snaží vykonať aj príkazy, ktoré sú v jej udalosti definované. Lenže pre stránku neexistuje príkazy ph, ten existuje pre korytnačku, takže musíme osloviť korytnačku, ktorá má tieto príkazy vykonať. Opačný prípad vzniká pre príkaz pozMyši – hoci by ho mala vykonať korytnačka, pre ňu nie je definovaný. Lenže korytnačka žije na stránke a tak sa príkaz pozMyši dostáva dedením podľa miesta kde korytnačka žije k stránke. Tá má príkaz pozMyši definovaný a dostávame od nej výsledok – kde bolo kliknuté myšou na stránke.

    Stlačme znovu tlačidlo Pridaj, vyberme udalosť priŤahaní a do nej zapíšme opäť príkazy, ktoré má korytnačka vykonať, keď sa na stránke ťahá myšou:
    pre "k1 [nechPoz pozMysi nechFP ? nechHP 20+náhodne 80 bodka]
    Opäť sme použili dočasné oslovenie korytnačky – najprv sa opäť presunie na miesto, kde sa na stránke nachádza kurzor myši, zmení farbu svojho pera na náhodnú, zmení hrúbku pera tiež na náhodnú v rozsahu 20 až 99 (podobné generovanie náhodnej veľkosti sme veľmi často používali aj v Comenius Logu; v Imagine sa dá využiť aj operácia ?, ale tá dáva pre hrúbku pera dosť malé hodnoty–tieto sa dajú predefinovať, ale o tom neskôr) a takýmto perom nakreslí bodku.
    Tlačidlom OK ukončime dialóg Zmeň Stránka1.

    Nakoniec ešte môžeme skryť korytnačku príkazom v riadku
    ? skry

    Vyskúšajme klikať do stránky a ťahať myšou – kreslia sa rôzne veľké farebné bodky.

Úlohy

  1. Experimentujte s hrúbkou pera a vyberte si takú, ktorá sa vám najviac páči.
  2. Pri generovaní farby pera využite miešanie farieb, napr.

    3. príkazom nechFP [0 0 ?], prípadne nechFP [? 0 0] alebo nechFP [0 ? 0].
    Bodky akých farieb sa budú kresliť?
  3. Všimnite si, že keď klikneme do textu alebo do tlačidla, bodky sa nekreslia – na stránke nenastala udalosť priKliknutí, pretože sa nekliklo na ňu, ale na iný objekt. Ak však ťaháme myš a bodky sa už kreslia, môžeme kresliť aj pod text alebo pod tlačidlo.
  1. Na krajoch stránky sa nekreslia bodky, ale čiary – to preto, že korytnačka je v režime dokola. Zmeňme jej režim – v dialógu Zmeň k1, ktorý získame napr. tak, že do riadku zapíšeme

    2. ? k1'zmeňMa
    prejdime do záložky Pozícia a v časti Oblasť vyberme Bez hraníc. 
  2. Projekt si podľa aktivity o webe zapíšte pre web a vyskúšajte ho vo svojom internetovom prehliadači.