TS
Interactive Gamebooks

Upload Guide

How to upload image chapters and HTML stories to TS Entertainment

📸

Upload Image Chapters

Comic pages, manga chapters, or illustrated story pages as images

1

Go to Creator Studio & Select "Image Pages"

Log in to your admin.html or creator.html. Click "New Story", then select "Image Pages" (🖼️ icon). This tells the system you want images as story pages, not an HTML file.

🖼️ Image Pages
📄 HTML Story
💡
Tip: You can switch between HTML and Image mode anytime before publishing. Once published, the format is locked.
2

Fill in Story Details

Complete all required fields:

  • Story Title — Main title readers see
  • Genre — Fantasy, Romance, Horror, etc. (affects theme colors)
  • Status — Ongoing or Completed
  • Author / Creator — Your pen name
  • Synopsis — Short hook to attract readers
Story Title *
My Awesome Manga
Genre *
Fantasy
Author
Your Name
3

Upload Cover Image

Drag & drop OR click the "Click or drag cover image here" box. This is the thumbnail on the homepage and story cards.

  • Recommended: 640 × 480 pixels or similar ratio
  • Formats: PNG, JPG, WEBP
  • Max size: Usually 5MB per image
✅
Good cover tips: High contrast, clear title text, avoid tiny details that get lost on mobile.
4

Upload Chapter Pages (Multiple Images)

Click or drag multiple images into the "Chapter Pages" box. The system sorts them by filename order.

  • Name files in order: page_01.png, page_02.png, page_03.png...
  • Or: ch1_p1.jpg, ch1_p2.jpg for multi-chapter
  • Select many at once: hold Ctrl (or Cmd on Mac) while clicking
Chapter Pages
📁 Click or drag multiple images here
(Page 1, 2, 3...)
⚠️
Important: If images don't show after upload, check your Firebase Storage Rules allow public read. See the Firebase Rules section below.
5

Click "Publish Story"

Hit the big "Publish Story" button. The system will:

  • Upload all images to Firebase Storage
  • Save story data to Firestore database
  • Generate a public link for readers
  • Show up on your homepage story grid
⬆️ Publish Story
Clear Form
📄

Upload HTML Stories

For interactive storybooks, games, and choice-driven narratives

1

Select "HTML Story" Mode

In Creator Studio, click "New Story", then "HTML Story". This mode uploads a single .html file containing your entire interactive story.

🖼️ Image Pages
📄 HTML Story
2

Prepare Your HTML File

Your HTML should be a single self-contained file:

  • All CSS in a <style> tag (or inline)
  • All JavaScript in a <script> tag
  • Images as Base64 data URLs (no external links needed)
  • No external CDN links if possible (use local fallbacks)
💡
Base64 Images: Convert images to Base64 strings using an online converter. Paste directly: src="data:image/png;base64,iVBORw..."
3

Upload the HTML File

Click the upload area and select your .html file. The file is stored as text in the database and served to readers when they click "Read Story".

HTML File
📄 Click to select .html file
my-story.html
4

Fill Details & Publish

Same as Image Pages — fill title, genre, author, synopsis. Add a cover image for the homepage thumbnail. Then click Publish Story.

✅
HTML stories are perfect for: Interactive fiction, RPG choice games, puzzle stories, anything with buttons, timers, or minigames.