Canadian eLearning Conference 2026

Vibe Coding Portable Web Objects

Turn Storyline and Rise into repeatable, high-engagement games. Everything from my session lives right here: the slides, the prompts, the step-by-steps, and the games themselves, ready to download and try.

Two builds plus a done-for-you bonus. Pick the path that fits where you are right now.

Date
Friday, May 29, 2026
Time
1:30 to 2:15
Venue
Marriott on the Falls
Format
Hands-on / BYOD
Coming to the live session? It's hands-on, bring your own device. Create a free Lovable account before you arrive, it's free and there's nothing to install, so you can build along with me.
Follow-along steps (PDF)
The big idea

Two builds plus a done-for-you bonus

Storyline and Rise can take a game as a folder packaged inside the course, or as a hosted link. The two builds hand you the folder. The bonus hands you a link, done right.

Build 1 · Build with me

The Lovable Folder

The fast build, what we make together in the session. You ask Lovable for the embeddable folder, drop it into Storyline, or upload the zip to a Rise Code Block. It lives inside your course and works offline.

"A fast build that lives inside your course."
Build 2 · Reference

The Deeper Path

Figma Make or Base44 give you code; Replit builds it into a folder. More setup, more control. Same final folder. Ideal for a locked-down corporate LMS or when you want to own the source.

"More code control. Same final folder."

How to decide: Build it fast → Lovable folder. Build it deeper → Figma + Replit. Don't build it → PWO Generator.

Downloads

Get what you need

Follow the steps to build and ship your first game, or jump straight to anything you need.

1 Build your game

Prompt

Figma Tetris Game Prompt

The vibe-coding prompt to build the Tetris quiz game from scratch in Figma Make or Base44.

Download
Prompt

PWO Converter Prompt

Paste this into Replit to turn a Figma or Base44 game into a Storyline-ready folder.

Download

2 Put it in Storyline or Rise

PDF · Setup

Storyline & Rise Setup

Screenshots showing exactly how to insert the web object and publish, step by step.

Download PDF
Zip · Rise

Demo Game (Rise Code Block)

The finished Tetris quiz, zipped with index.html at the root so it uploads straight into a Rise Code Block. It includes a questions.csv you can open and edit to use your own questions.

Download zip
Zip · Storyline

Demo Game (Storyline folder)

The same game as a folder. Unzip, then Insert > Web Object and point Storyline at the folder. Edit the included questions.csv to use your own questions.

Download zip

3 Review & keep

PDF · Slides

Session Slides

The full deck: the two builds, the bonus, and the side-by-side Storyline and Rise steps.

Download PDF
PDF · Guide

Two Builds Plus a Done-For-You Path

Your reference for both build paths and the PWO Generator bonus, with the Storyline and Rise steps and the link-versus-folder breakdown.

Download PDF
GitHub · Go deeper

Starter Repo

Import this into Replit to rebuild the Figma/Replit method yourself, along with the converter prompt.

Open on GitHub

Want new templates and tips?

Everything from today is free, no email needed. Leave your email only if you'd like new prompts and templates from me down the road.

No spam. Unsubscribe any time.

Thanks! You're on the list. I'll send new templates your way.
Something didn't go through. Try again or email rweiss1014@gmail.com.
Rachel Weiss, founder of Embark IQ

About Rachel

I'm Rachel Weiss, an instructional designer and founder of Embark IQ. I build eLearning that actually gets used: portable web object games, AI-assisted authoring tools, and consulting for L&D teams who are tired of clicking "next."

If anything in the session sparked a project idea, the easiest next step is a 20-minute intro call. No pitch, just a conversation.