SkillsDojo-GAMES: ontdekken met masker

ontdek naturalis.nl

Naturalis, museum met dino's en dieren.. wat kinderen inspireert!

ontdekken in zim

originele ZIM op codepen.io/zimjs/pen/RwpYBoy

Interactieve kaart

Stuur een interactieve verjaardagskaart, klik je op de taart dan verschijnt tekst, ballon 1, ballon2, ballon2 en speelt een muziekje af.

in zim is de code

Zim werkt met code, en assetes die je kan selecteren of zelf maken.
Het beste is eigen assets op te slaan in http://imgur.com

Plof the balloon game 21/04/2021: youtube met GoBot
met assets: https://opengameart.org/content/balloon-pop-sprite

bekijk de taart https://codepen.io/karelrosseel-prive/pen/MWvdovr

In zim heten sprites 'assets', een sprite in zim is een bewegende afbeelding.
je hebt 4 types afbeeldingen: backings, nature, people, things, sounds.

Wil je een knop dan maak je dat met new Button()
De eigenschappen van een knop new Button({label:"test",width:"100", height:"50")

Achtergrond is een Backing in zim: scaleTo(stage)
https://zimjs.org/kids/assets_backings.html
stage is zo groot als het scherm die jij zelf instelt,
dit is bijvoorbeeld 1280 x 720 voor een phone,
dan wordt de startcode frame(FIT,1280,720,white,white);
de basiscode kan je vinden bij http://zimjs.com/code

Variabele toevoegen doen we in code met var spook = ... , var score = ...

score is een text, we hebben in ZIM new Scorer https://zimjs.org/spells.html?item=Scorer

Je kan zelf een knop maken met http://zimjs.com/snips

Bericht-tekstblokken = Zim labels. staan om erop te klikken, zimjs.com/tips.html#tap
new Button({label:"START"}).center().tap(e=>{ const sound = asset("sound.mp3").play({volume:2}); e.target.removeFrom(); stage.update();

new Button({label:"START"}).center().tap(e=>{ const sound = asset("sound.mp3").play({volume:2}); e.target.removeFrom(); stage.update();
sound.on("complete", ()=>{ frame.color = red; stage.update(); }); });