ข้ามไปยังเนื้อหาหลัก
NPNatthaponSystem Thinking Portfolio
HomeAboutEducationProjectsSkillsCertificationsActivitiesInterestsContact

© 2026 Natthapon Potinam.

เว็บไซต์นี้จัดทำขึ้นเพื่อรวบรวมประวัติการศึกษา ทักษะ โครงงาน และกิจกรรมทางด้านเทคโนโลยี

PortfolioProjectsFishy Game
Back to Portfolio

CASE STUDY / 02

Fishy Game

AI-Powered Educational Party Game

แอปพลิเคชันเกมปาร์ตี้แบบซ่อนบทบาทที่ผสมผสานความสนุกกับการเรียนรู้ รองรับการจัดการผู้เล่น การสุ่มบทบาท การคำนวณคะแนน ตารางคะแนน ประวัติการเล่น และการใช้ AI สร้างคำถามกับภาพประกอบ

Mobile ApplicationAI Content GenerationUser Flow DesignGame Flow DesignBusiness RulesScoring LogicRequirement Analysis
ภาพปกแอปพลิเคชัน Fishy Game
01

Project Overview

PROBLEM

What needed to change?

เกมการเรียนรู้จำนวนมากอาจขาดการมีส่วนร่วมและความตื่นเต้น จึงออกแบบเกมที่ให้ผู้เล่นใช้ทักษะการวิเคราะห์ การสื่อสาร และการจับผิด พร้อมปรับเนื้อหาให้เหมาะกับช่วงอายุ

SOLUTION

How the system responds

นำแนวคิดเกมปาร์ตี้แบบซ่อนบทบาทมาปรับเป็น Mobile Application เพื่อการเรียนรู้ พร้อมใช้ AI สร้างคำถาม คำตอบ และภาพประกอบให้เหมาะกับหมวดหมู่และระดับอายุ

02

My Role

คิดแนวคิดหลักและรูปแบบการเล่น วิเคราะห์ระบบ กำหนดบทบาท กฎการเล่น ระบบคะแนน เงื่อนไขแพ้ชนะ และออกแบบ User Flow ก่อนถ่ายทอด Requirement ให้สมาชิกในทีมพัฒนาโปรแกรม

03

System Flow

  1. 01ตั้งค่าผู้เล่น
  2. 02เลือกหมวดหมู่และระดับอายุ
  3. 03สร้างคำถามด้วย AI
  4. 04สุ่มบทบาท
  5. 05ดำเนินรอบการเล่น
  6. 06คำนวณคะแนนและบันทึกประวัติ
04

Key Features

  • Player Management
  • Hidden Role Assignment
  • Hunter
  • Blue Fish
  • Red Fish
  • Category Selection
  • Age and Difficulty Selection
  • AI Question Generation
  • AI Image Generation
  • Timer
  • Scoring System
  • Leaderboard
  • Session History
05

Technologies

Mobile ApplicationAI Content GenerationUser Flow DesignGame Flow DesignBusiness RulesScoring LogicRequirement Analysis
07

Key Learning

01

Product Concept Design

02

Requirement Analysis

03

User Flow

04

Game Flow

05

Business Rules

06

Scoring Logic

07

การสื่อสาร Requirement ให้ทีมพัฒนา

แนวคิดได้รับแรงบันดาลใจจากกลไกของบอร์ดเกมปาร์ตี้แนวจับผิดและซ่อนบทบาท และนำมาปรับออกแบบเป็น Mobile Application เพื่อการเรียนรู้ โดยไม่ได้เป็นผลิตภัณฑ์อย่างเป็นทางการของเกมต้นฉบับ

08

Image Gallery

หน้าหลักของแอปพลิเคชัน Fishy Game
หน้าหลักแสดงบทบาทภายในเกมและเมนูสำหรับเริ่มเกมใหม่ ดูวิธีการเล่น ตารางคะแนน และประวัติการเล่น
หน้าจอเตรียมเกมและสร้างคำถามด้วย AI ของ Fishy Game
ขั้นตอนเตรียมเกมที่ใช้ AI สร้างคำถามและภาพประกอบก่อนเริ่มรอบการเล่น
หน้าวิธีการเล่นและกติกาของ Fishy Game
หน้าสรุปเป้าหมาย บทบาท ขั้นตอนการเล่น และเงื่อนไขการให้คะแนนของแต่ละบทบาท
หน้าจอระหว่างเล่นใน Story Phase ของ Fishy Game
หน้าดำเนินเกมแสดงคำถาม ภาพประกอบ บทบาทของผู้เล่น และเวลาที่เหลือในรอบ
หน้าสรุปผลและคะแนนรอบของ Fishy Game
หน้าสรุปคำตอบของผู้เล่นและคะแนนที่ได้รับเมื่อจบรอบ ก่อนเข้าสู่รอบถัดไป

Explore the complete collection of academic projects.

Back to Projects