ZIM game and AI presentation with gamma.app

General
1

I found out gamma.app can make nice presentations today.

image
image1855×956 78 KB

So I tested "make a 10 slides long presentation with a ZIM game where you can click a circle 20 times with counter' (in Dutch)

image
image712×536 78.4 KB

https://gamma.app/docs/Maak-een-game-met-ZIM-4lm10a8yp9682ou

so this looks nice to start but the code was not correct..

F.color=white;

let cirkel = new Circle(100, "red", "blue",3).center().cur();

var teller=  new Label({text:"0", size:60, color:purple, align:CENTER}).pos(0,130,CENTER,TOP).drag(S);
 
cirkel.on("click", ()=> { 
     //teller.text =  teller.text + " 1 ";
       teller.text++ ;
        S.update();
    // make text red when 5 numbers are to go
    if (teller.text >= 15 ) {
        teller.backgroundColor = red;
        teller.color=white;
    }
       
        if (teller.text >= 20) { // Afsluitende actie
             new Pane("Goed gedaan!\n\nRESET").show(()=>{
                 window.location.reload("Refresh")});
             S.update()
       }
  });

idea also on https://zimjs.com/explore/animationPosition.html
and game

GreetZ Karel

2

Pairing a canvas game demo with a generated deck is a good call for showcasing ZIM work to non-technical audiences.

I’ve been using Havi for this kind of thing lately. The part that’s actually useful for game projects is the AI editing after the initial generation — you can drop in a screenshot of your canvas, tell it to update the image on slide 3, or rewrite a specific section of copy without regenerating the whole deck. Much faster than going back through the prompt when you just need one slide adjusted.

Export goes to PPTX or PDF, so it fits into the same sharing workflows.

1 Like