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

Krijg je gelijk animaties voor op je site kado! 

Delen is fijn!

Wil je zelf uitblinken met visuele communicatie?

Bekijk dan mijn diensten.

Wellicht wil je meer weten over mij.