Creating a Vibe Coded Interaction with Canva - Connect 4

GideonWilliams
Community Coach
Community Coach
0
399

Last week I was asked if I could make a 5 minute video presentation on how I created an interactive learning tool on Canva.

Well, its not 5 minutes but about 8 and a half - sorry!

In the video I go through how I made a Connect 4 style game for my GCSE (Grade 9/10) Physics class on Energy types. The video includes the different iterations or versions of the game that I made to try to get a final product that I wanted.

The video does not show how to add the interaction to Canvas but does show how to grab the HTML Embed code that you can then paste into the HTML Code Editor on a Canvas Page (see printscreen below)

Hope it is of some use..

Video Presentation

 

Corrections from Video

I corrected the horizontal line from the video on Version 5 by simply asking Canva - "There is a horizontal line that appears when you have won a game. Please remove this line"

 

Website for Game

https://firstdraft1.my.canva.site/connect-4-energy-types-game-for-gcse-physics

 

Game embedded on a Canvas Page:

connect4.png

Canva also has the super additional feature that lets you see the page Full Screen!

2.png