CoolFace
Apppublic

Doilange/manga.factory

sourceHugging Faceupdated 6mo agoView on Hugging Face
0likes
App README

MangaFactory 2026 — Enterprise AI Manga Translator

MangaFactory 2026 เป็นเครื่องมือแปลมังงะอัตโนมัติจาก ญี่ปุ่น / เกาหลี / อังกฤษ เป็น ไทย โดยใช้ Google Cloud Vertex AI ระดับองค์กร (Enterprise-grade) และเทคโนโลยีการประมวลผลภาพขั้นสูง ซึ่งปลอดภัย แม่นยำ และไม่มี Rate Limit กวนใจ

🚀 ฟีเจอร์หลัก

🎨 Modern Editor (Fabric.js v6)

  • —Native Text Editing: แก้ไขข้อความได้ทันทีโดยการ "ดับเบิลคลิก" บนกล่องข้อความ
  • —100% WYSIWYG: สิ่งที่เห็นใน Editor คือสิ่งที่จะได้รับตอน Export (สี, ฟอนต์, ขนาด, ตำแหน่ง)
  • —Preview Quality Selector: ปรับความละเอียดการแสดงผลได้ตั้งแต่ 20% ถึง 100% เพื่อประสิทธิภาพบนเครื่องที่หลากหลาย

💧 Integrated Watermark

  • —Canvas-Integrated Preview: ลายน้ำจะถูกวาดลงไปใน Editor เพื่อให้เห็นผลลัพธ์ล่วงหน้า
  • —Opacity Control: ปรับความโปร่งใสของลายน้ำได้แบบ Real-time
  • —Smart Text Avoidance: ลายน้ำจัดตำแหน่งหลบกล่องข้อความอัตโนมัติ

📄 Unified Export

  • —Multiple Formats: รองรับ PNG (ZIP), WebP (ZIP) และ PDF (Single File)
  • —Batch Processing: ประมวลผลและดาวน์โหลดทุกหน้าพร้อมกัน

🔤 Thai Font Auto-Download

  • —ฟอนต์ภาษาไทย (Niramit Bold, Mali Bold, Mitr Bold) จะถูกดาวน์โหลดอัตโนมัติจาก Google Fonts เมื่อเปิดใช้งานครั้งแรก
  • —รองรับฟอนต์ Custom (เช่น DB Heavent Li) โดยวางไฟล์ .ttf ไว้ที่ backend/fonts/

🪄 AI Processing & Cleaning Enhancements (ใหม่!)

  • —Outer-Ring Sampling: อัลกอริทึมลบข้อความใหม่ (Inpainting) ที่ใช้การเก็บตัวอย่างสีจากขอบนอกสุดของกรอบคำพูด ช่วยลดรอยด่างดำ (Gray Smudges) ได้ 100%
  • —Spiky Bubble Preserver: รักษารัศมีของกรอบคำพูดแบบหนามแหลม ไม่ให้ถูก AI เบลอทิ้งตอนลบข้อความ
  • —Auto Watermark Replacement: ระบบตรวจจับลายน้ำ "asurascans" บนภาพต้นฉบับ ลบทิ้ง และกาง Textbox ทับด้วยคำว่า mangalab-th ให้เนียนเข้ากับสีพื้นหลังโดยอัตโนมัติ
  • —Cover Ellipse Tool: เครื่องมือสร้างวงรีสีดำ/ขาว สำหรับนำไปวางกลบข้อความตกค้างได้อย่างอิสระผ่าน Canvas (ไม่ต้องใช้ Photoshop)

🛠 Tech Stack

LayerTechnology
BackendFastAPI + Uvicorn (Python 3.11+)
FrontendReact 18 + Vite + TypeScript + TailwindCSS 4
Canvas EngineFabric.js v6.0.0
AI (OCR/Trans)Google Cloud Vision API + Google Cloud Vertex AI (Gemini Pro/Flash 2027)
Thai RenderingNative Thai Text Shaping (HarfBuzz/FreeType)

📦 การติดตั้งและการใช้งาน

1. Prerequisites

  • —Python 3.11+
  • —Node.js 18+
  • —Google Cloud Service Account JSON (service_account.json) ที่มี Roles ดังต่อไปนี้:
  • —Vertex AI User (สำหรับการแปลข้อความ)
  • —สิทธิ์ในการเข้าถึง Google Cloud Vision API
  • —สิทธิ์อ่าน Google Sheets สำหรับตรวจสอบรหัส PIN

2. ตั้งค่า Environment

bash
cp .env.example .env
# แก้ไข .env ใส่ API Keys ของคุณ

3. รันระบบ (Local)

bash
# Backend (Terminal 1)
cd backend
pip install -r requirements.txt
python -m uvicorn main:app --reload --port 8000

# Frontend (Terminal 2)
cd frontend
npm install
npm run dev
⚠️ หมายเหตุ: ฟอนต์ภาษาไทยจะถูกดาวน์โหลดอัตโนมัติเมื่อ Run Pipeline ครั้งแรก ไม่ต้องติดตั้ง Git LFS

4. Workflow

  1. 1.Login: ใส่ PIN ที่ตั้งไว้ใน Google Sheets (Default: 123456)
  2. 2.Upload: ลากไฟล์มังงะวางในหน้า Dashboard
  3. 3.Edit: เมื่อประมวลผลเสร็จ ดับเบิลคลิกเพื่อแก้ไขข้อความ หรือลากปรับขนาดได้อิสระ
  4. 4.Export: กดปุ่ม "Export All" มุมขวาบนเพื่อรับไฟล์ผลลัพธ์

☁️ Deploy บน Hugging Face Spaces

1. สร้าง Space ใหม่

  • —ไปที่ huggingface.co/new-space
  • —เลือก Docker เป็น SDK
  • —ตั้ง App Port เป็น 7860

2. ตั้งค่า Secrets

เพิ่ม Secrets ต่อไปนี้ใน Settings ของ Space: | Secret Name | Value | |---|---| | VERTEX_PROJECT_ID | Google Cloud Project ID ที่เปิดใช้งาน Vertex AI | | VERTEX_LOCATION | Region เช่น us-central1 | | GOOGLE_SHEET_ID | ID ของ Google Sheet สำหรับ Auth | | SECRET_KEY | Random string ≥ 32 chars สำหรับ Session | | GOOGLE_CREDENTIALS_JSON | เนื้อหาทั้งหมดของ service_account.json (เปิดไฟล์แล้ว Copy-Paste เป็น JSON string) |

3. Push โค้ด

bash
git remote add hf https://huggingface.co/spaces/YOUR_USERNAME/YOUR_SPACE_NAME
git push hf main
⚠️ สำคัญ: ไม่จำเป็นต้องติดตั้ง Git LFS — ฟอนต์จะถูกดาวน์โหลดอัตโนมัติตอนที่ Docker container เริ่มทำงาน

4. Custom Font (DB Heavent Li)

ถ้าต้องการใช้ฟอนต์ DB Heavent Li:

  1. 1.วางไฟล์ DB Heavent Li v3.2.1.ttf ตัวจริงไว้ที่ backend/fonts/
  2. 2.ฟอนต์นี้ไม่มีใน Google Fonts จึงไม่สามารถ auto-download ได้

📁 โครงสร้างโปรเจกต์

  • —backend/ — FastAPI Server + Pipeline (Detection, Translation, Watermark)
  • —backend/fonts/ — ไฟล์ฟอนต์ภาษาไทย (auto-download จาก Google Fonts)
  • —backend/fonts.py — Font Management + Auto-download logic
  • —frontend/ — React Source Code (Vite/TS/Tailwind)
  • —translator_prompt.txt — คำสั่ง (Prompt) สำหรับควบคุมการแปลของ AI

MangaFactory 2026 — The ultimate tool for high-quality manga translation. 🚀