Dự án · 2026 · Hội An

CongThienWorld

Một trò chơi nhỏ khám phá bản đồ phố cổ Hội An — chạy ngay trên trình duyệt, không cần cài đặt.

Vai trò: Ý tưởng · Thiết kế · Lập trìnhDỰ ÁN SÁNG TẠO
Dãy phố cổ Hội An trong CongThienWorld — thuyền câu bên sông sen, nhà Fishing Tour, Công Thiên Agency, Ruong House và Serena Retreat, do Lê Công Thiên tự vẽ và lập trình
Khám phá bản đồ
Thể loại
Trình duyệt web
Nền tảng
Đang phát triển
Trạng thái
2026
năm thực hiện
Giao diện CongThienWorld trên điện thoại — thiết kế mobile-first
Giao diện trên điện thoại · mobile-first

Bối cảnh

Tôi muốn kể câu chuyện Hội An theo một cách khác — không phải bài viết hay video, mà là một thế giới nhỏ để mọi người tự đi dạo và khám phá.

Tôi đã làm gì

Tự vẽ và dựng bản đồ phố cổ dạng 2D, lập trình chuyển động nhân vật, hệ thống địa điểm tương tác — tất cả chạy mượt ngay trên trình duyệt, cả điện thoại lẫn máy tính.

Kết quả

  • 5 màn chơi: bản đồ phố cổ 2400×1600 và 4 không gian trong nhà
  • 6 tuyến nhiệm vụ nhiều bước, 8 NPC có hội thoại phân nhánh
  • 3 mini-game tự dựng: đổ bánh xèo, câu cá đêm (6 loài cá + sổ tay), thả đèn ước nguyện
  • Tự lưu tiến trình; có trang quản trị sửa nhiệm vụ, NPC, địa điểm mà không đụng code
Công nghệNext.jsPhaser 3TypeScriptZustand

Xem thử gameplay

Tour câu cá đêm: thả cần, chờ cá cắn thật, rồi ghì dây kéo lên — mỗi loài có một kiểu vùng vẫy riêng.
Đổ bánh xèo: tráng bột cho mỏng đều, chờ cạnh giòn rồi hất chảo gập bánh — chậm tay là khét, mà nhanh quá thì sống.
Chiên trứng ốp la: châm lửa, tráng dầu, đập trứng rồi hất chảo lật liên tiếp ăn combo — đủ 3 quả cho 6 khách thì được phong “Vua Ốp La Bay”.
Thả đèn ước nguyện: viết điều ước, nuôi cột khí nóng cho đủ lực, rồi buông tay cho đèn bay lên.
Đi dạo phố cổ — bản đồ liền mạch, gặp NPC nào cũng bắt chuyện được.

Bên trong sản phẩm

Bản đồ phố cổ Hội An trong CongThienWorld — bờ sông, thuyền, đèn lồng và các NPC đứng trước cửa hàng
Phố cổ bên sông — người chơi đi bộ giữa các cửa hiệu, mỗi NPC là một cánh cửa dẫn vào một câu chuyện.
Mini-game câu cá đêm trên thuyền ở Hội An — trăng phản chiếu mặt nước, đèn lồng thả trôi
Tour câu cá đêm — boong thuyền, đèn hoa đăng trôi trên sông, trăng soi mặt nước. Vẽ và dựng hoàn toàn bằng canvas 2D.
Cảnh thả đèn trời trong CongThienWorld — hàng chục đèn lồng bay lên bầu trời đêm trên nền phố cổ
Thả đèn ước nguyện — viết một điều ước rồi nhìn đèn bay lên. Cảnh đêm dựng bằng canvas 2D, không dùng ảnh nền có sẵn.
Văn phòng Công Thiên Agency trong game — các bàn làm việc gắn nhãn dịch vụ như Website Design, Local SEO, Naver Marketing
Văn phòng Agency trong game — mỗi bàn là một dịch vụ có thật ngoài đời, bước tới là đọc được chi tiết.
← Ruong House · CocoLocalTất cả dự ánSerena Retreat →

Bạn muốn một sản phẩm như vậy?

Cùng làm dự án tiếp theo.

Kể tôi nghe về doanh nghiệp của bạn — tôi sẽ tư vấn hướng đi phù hợp, miễn phí.

Nhắn tôi qua Zalo →