Before You Start: 3 Things You Need
1. An Idea
Answer this question: After finishing the game, what should players feel, learn, or do?
2. At least one image
A background or character sprite (stock image, hand-drawn, or AI-generated).
3. An Octokit account
Sign up for free at octokit.io (no credit card required).
You just need to sign up an Octokit Account, for free!
Step-by-Step Workflow
Step 1: Define the Core Loop (15 minutes)
Write down answers to these 5 key questions:
Main character: Who are they and what do they want?
Challenge: What creates obstacles? (NPC, rival, riddle, etc.)
Journey: How many milestones? (3 checkpoints for short games, 5 for longer ones)
Reward: Emotion, knowledge, or items (voucher, code, etc.)
Share moment: What will players share after finishing?
Step 2: Use AI to Generate the First Draft (10 minutes)
Use the Generate with AI feature in the Octokit editor.
Enter a prompt based on your core loop.
OctoAI will generate:
- Score Track structure
- NPC triggers
- Dialogue draft
- Quiz suggestions
OctoAI will do all the hard works for you
Step 3: Upload Assets & Configure Characters (20 minutes)
Background
Upload an image (recommended 1920 × 1080 px) and set it in Game Settings.
Characters
Upload transparent PNG files, name them, and assign them to triggers.
Visual Settings
Apply brand colors and upload your logo if needed.
Step 4: Edit Dialogue & Encounters (60–90 minutes)
Opening dialogue
Check tone, hook, and length (recommended 2–3 sentences).
Quiz / Interaction
Use clear questions with 4 options:
- 1 correct answer
- 3 plausible distractors
- Add hints for wrong answers
Post-quiz dialogue
NPC responds based on player choice and leads to reward.
Reward
Define clear reward messaging and appropriate score.
Now is the time to breathe life into your project with your own creative flair
Step 5: Setup End Screen & CTA (15 minutes)
Win state
- Clear congratulations message
- Final score summary
- CTA button (claim voucher, view portfolio, share result)
Lose state
- Encouraging message
- “Play Again” button
Step 6: Preview & Test (20 minutes)
Use the score slider to jump between checkpoints.
Test:
- Correct answers
- Wrong answers
- Dialogue flow
Scan the QR code to test on mobile:
- Font readability
- Button size
- Image loading speed
Step 7: Publish (5 minutes)
Choose visibility:
- Public
- Unlisted
- Password-protected
Copy the URL and test in an incognito tab.
Timeline Summary
| Phase | Time | Output |
|---|---|---|
| Core loop planning | 15 min | 5-question game brief |
| AI generation | 10 min | Draft scoretrack + dialogue |
| Asset upload + config | 20 min | Visual setup done |
| Edit dialogue + encounters | 60–90 min | Story polished |
| End screen + CTA | 15 min | Full game flow |
| Test + debug | 20 min | Bug-free game |
| Publish | 5 min | Live URL |
Total: ~3–3.5 hours
Result: A live, playable game
Distribution Options
- Direct URL
Share via Facebook, Zalo, email, or QR code. - Embed iframe
Embed into your website using HTML. - QR Code
Octokit automatically generates a QR code for print, standees, and events.
FAQ & Notes
Do I need coding knowledge?
No. If you can use Canva or PowerPoint, you can use Octokit.
Can I edit after publishing?
Yes. Dialogue, quiz, and rewards can be updated anytime.
Language support
Full Unicode support, including Vietnamese.
Internal review
Use “Unlisted” mode to share preview links before publishing.
Game duration
Free plan: limited live duration
Paid plan: unlimited live time
Back
