Klikspel

We maken een eenvoudig spel

HTML

We bekijken wat voor een spelletje we gaan maken en hoe het er aan de achterkant uitziet. Ons podium staat in HTML. We bekijken deze HTML.

Zim in Codepen

In onderstaande video leg ik het basisbestand uit.
We behandelen variabelen en functies.

We maken een cirkel

We kijken naar de documentatie van zim.js. We leren over variabelen die we meegeven als we een cirkel maken. We laten de code naar een gebeurtenis luisteren. Ik laat zien hoe je een goede naam voor een variabele bedenkt. We zetten een cirkel op ons podium. We verplaatsen deze. En we geven hem verschillende kleuren.

Cirkel met meer mogelijkheden

Met een object kunnen we gemakkelijk nog veel meer invloed uitoefenen op onze cirkel.

Animeren

In deze les laten we de cirkel bewegen.

Interactie

We maken het mogelijk om op de cirkel te klikken. Dan verandert de kleur en wordt hij kleiner.

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.