Stage en wat je erop kunt zetten

Stage is een onderdeel van frame

stage is een onderdeel van het frame.

Dat zie je door dit stukje code:

 

const stage = frame.stage;

 

Eerst schrijf je frame, dan een punt, dan stage.

Omdat we dat niet elke keer willen typen zetten we dit in een const.

Vanaf nu schrijf je alleen nog stage.

handig!

 

Eén zo'n regel code heet een statement.

Je sluit deze altijd af met een terminator : ; een punt-komma.

De = is een operator. Met de = wijs je een waarde toe.

 

Width en height

Op je scherm is je stage niet zo breed en hoog als je in de code bovenaan opgeeft.

Want de stage is responsive

De maat ervan past zich aan het scherm aan.

Op je stage blijven je maten intact.

Dus stageW is altijd 1024 pixels in dit geval.

 

Vormen

Ik heb al drie vormen op de stage gezet.

Je kunt de maten veranderen.

Je kunt de kleuren veranderen.

Ik heb alle vormen versleepbaar gemaakt met:

 

rect.drag();

 

drag(); is een ingebouwde functie in ZIM die ik hier aanroep.

 

stage.update();

Als je iets verandert op de stage kan het zijn dat je geen verschil ziet.

In dat geval wordt de stage niet ge-update.

Die opdracht moet dan volgen nadat je de veranderingen hebt gemaakt.

We roepen hier ook een ingebouwde functie aan:

 

stage.update();

 

Plaatsing

Je kunt de vormen op elke plek neerzetten op de stage.

 

horizontaal

rect.x = 330;

Plak dit stukje code achter de code waarin je de rechthoek maakt.

Anders weet de computer niet waar je het over hebt.

 

verticaal

rect.y = 330;

Op de computer begint de y vaak bovenaan te tellen.

Helemaal bovenaan is y dan 0.

 

Opdracht

Maak een illustratie van vormen.

Als je er erg tevreden over bent kun je een screenprint maken of een foto.

 

 

 

Meer bekijken

Weer een blog van Frank Los

Ik deel graag mijn visie en projecten.
Dit soort berichten maandelijks in je mail?
Meld je dan hier aan.

illustratie kadootje

Ik geef gelijk ook een e-book cadeau met tips over goede uitleg!

Delen is fijn!

Wil je zelf uitblinken met visuele communicatie?

Bekijk dan mijn aanpak.

Wellicht wil je meer weten over mij.

illustratie van Frank Los
Frank Los
frank@weereenlos.nl06 430 466 58

TUSSEN DE OREN

uitleg die aankomt

Goede uitleg
is ontzettend lastig.

Deze tips helpen jou
keer op keer.
Download mijn gratis e-book
met poster!
illustratie van Frank Los
CookiesDisclaimerPrivacystatement