Gameplay CongThienWorld: câu cá đêm trên sông Hoài.

Gameplay CongThienWorld câu cá đêm là một video ngắn ghi lại cách mini-game câu cá hoạt động trong thế giới 2D lấy cảm hứng từ Hội An. Thay vì chỉ cho người xem nhìn một ảnh tĩnh hoặc một đoạn trailer nhiều hiệu ứng, video tập trung vào khoảnh khắc người chơi thực sự tương tác: ngồi trên thuyền, thả cần xuống mặt nước, chờ tín hiệu cá cắn và giữ nhịp kéo dây cho đến khi bắt được cá. Đây là một lát cắt nhỏ trong dự án CongThienWorld, nhưng cũng cho thấy rõ triết lý của sản phẩm: kể chuyện địa phương bằng một trải nghiệm có thể chạm, thử và tự khám phá ngay trên trình duyệt.

Một mini-game nhỏ nhưng có chủ đích

CongThienWorld bắt đầu từ một câu hỏi khá đơn giản: nếu biến những địa điểm, âm thanh và nhịp sống quen thuộc của Hội An thành một thế giới để đi dạo, người chơi sẽ nhớ điều gì sau khi rời khỏi đó? Câu trả lời không nhất thiết phải là một hệ thống game đồ sộ. Một hoạt động đời thường như câu cá đêm đã đủ để tạo ra một điểm dừng có cảm xúc, bởi nó gắn với mặt sông, ánh đèn, chiếc thuyền và cảm giác chờ đợi rất riêng của buổi tối ven sông Hoài.

Trong video, người chơi không bị đẩy qua một chuỗi màn hình hướng dẫn dài. Cách chơi được giải thích bằng chuyển động, tín hiệu và phản hồi trực tiếp. Khi cá cắn, người chơi phải phản ứng đúng lúc; khi dây căng, việc kéo quá mạnh có thể làm mất nhịp. Chi tiết này làm cho cảnh câu cá không chỉ là một animation trang trí. Nó trở thành một thử thách ngắn, đủ dễ để người mới hiểu nhưng vẫn có cảm giác mình vừa làm được một việc gì đó.

Một video gameplay tốt không chỉ chứng minh rằng game chạy được; nó phải giúp người xem hiểu vì sao khoảnh khắc đó đáng nhớ.

Thiết kế trải nghiệm cho trình duyệt

Điểm đáng chú ý của CongThienWorld là dự án được xây dựng cho môi trường web. Người xem có thể mở bằng trình duyệt trên máy tính hoặc điện thoại mà không phải tải một bộ cài riêng. Điều đó thay đổi cách thiết kế trải nghiệm. Mỗi thao tác cần được phản hồi nhanh, giao diện phải đủ rõ trên màn hình nhỏ, và các cảnh không thể phụ thuộc vào một cấu hình quá nặng. Thay vì theo đuổi đồ họa phức tạp bằng mọi giá, tôi chọn phong cách 2D có kiểm soát, dùng màu sắc và chuyển động để tạo không khí, còn gameplay giữ vai trò dẫn dắt.

Mini-game câu cá đêm cũng được đặt trong một hành trình lớn hơn. Người chơi có thể đi bộ qua bản đồ phố cổ, gặp NPC, bước vào các không gian trong nhà và mở những nhiệm vụ khác nhau. Vì vậy, cảnh câu cá không đứng một mình như một trò chơi arcade tách biệt. Nó là một địa điểm trong thế giới: một nơi để ghé qua, trò chuyện, thử một hoạt động và tiếp tục câu chuyện. Cấu trúc này giúp video có thêm ngữ cảnh khi được xem cùng trang dự án Công Thiên World.

Từ bản vẽ Hội An đến một thế giới có thể chơi

Hội An trong dự án không được dùng như một phông nền chung chung. Bản đồ, bờ sông, mái nhà, cửa hiệu, thuyền và đèn lồng đều được đưa vào để tạo thành những điểm nhận diện mà người chơi có thể ghi nhớ. Các địa điểm trong game liên hệ với những điều có thật trong hệ sinh thái Công Thiên: website, tour, lưu trú và dịch vụ marketing. Cách làm này biến sản phẩm thành một bản đồ kể chuyện, nơi mỗi điểm đến có thể mở ra một mẩu thông tin hoặc một nhiệm vụ thay vì chỉ là một hình ảnh đẹp.

Phần câu cá đêm là ví dụ rõ cho cách tôi chuyển một cảm giác đời thường thành cơ chế tương tác. Mặt nước và ánh sáng tạo nhịp chậm; tín hiệu cá cắn tạo nhịp nhanh; thao tác ghì dây tạo ra quyết định. Ba lớp này nối với nhau trong vài giây, khiến người xem có thể hiểu gameplay ngay cả khi chưa từng mở trò chơi. Đây cũng là lý do tôi chọn clip này làm watch page đầu tiên: nó có một hành động trung tâm rõ ràng, có bối cảnh đặc trưng và có thể xem độc lập mà không cần giải thích quá nhiều.

Công nghệ phía sau đoạn gameplay

CongThienWorld được xây dựng bằng Next.js, Phaser 3, TypeScript và Zustand. Phaser đảm nhiệm phần trải nghiệm game 2D trong trình duyệt; TypeScript giúp các hệ thống nhiệm vụ, nhân vật và tương tác dễ kiểm soát hơn khi dự án mở rộng; Zustand giữ trạng thái tiến trình gọn để người chơi có thể tiếp tục hành trình. Những công nghệ này không phải phần để khoe trong video, nhưng chúng giải thích vì sao một sản phẩm có nhiều cảnh tương tác vẫn có thể được tổ chức thành các mô-đun nhỏ.

Đoạn video trên trang này được phục vụ bằng WebM và MP4, có poster riêng và có kích thước cố định để trình duyệt giữ đúng tỷ lệ khung hình trước khi video tải. Đây là những quyết định kỹ thuật nhỏ nhưng quan trọng đối với trải nghiệm người dùng và SEO video. Một watch page cần để người xem tiếp cận nội dung nhanh, không làm layout nhảy khi tải, đồng thời vẫn cung cấp tiêu đề, mô tả, ngày xuất bản và tác giả rõ ràng cho công cụ tìm kiếm.

Vì sao tôi tạo watch page riêng cho clip này

Trang dự án Công Thiên World vẫn là nơi đầy đủ nhất để xem toàn bộ câu chuyện, bản đồ, gallery và năm clip gameplay. Tuy nhiên, khi năm video cùng xuất hiện trên một case study, mỗi clip chỉ đóng vai trò tư liệu hỗ trợ. Watch page này có một nhiệm vụ hẹp hơn: đưa video câu cá đêm lên vị trí trung tâm, giải thích nội dung bằng văn bản và nối nó với thực thể Lê Công Thiên. Cấu trúc đó giúp người dùng tìm đúng video, giúp Google hiểu trang này là nơi xem chính, và không buộc trang dự án phải biến thành một thư viện video dài.

Tôi không xem watch page là cách để tạo thật nhiều URL cho có. Mỗi trang riêng chỉ đáng tồn tại khi video có một chủ đề, tiêu đề và mục đích xem đủ rõ. Nếu bốn clip còn lại cũng có nhu cầu tìm kiếm độc lập, chúng có thể được mở rộng theo cùng một chuẩn. Nếu không, chúng nên tiếp tục nằm trên trang dự án như các bằng chứng trực quan. Chất lượng của cụm nội dung quan trọng hơn số lượng URL.

Xem video và khám phá toàn bộ dự án

Sau khi xem gameplay CongThienWorld câu cá đêm, bạn có thể quay lại trang dự án để xem cảnh đổ bánh xèo, chiên trứng ốp la, thả đèn ước nguyện và đi dạo phố cổ. Nếu bạn quan tâm đến người đứng sau sản phẩm, trang Giới thiệu của Lê Công Thiên trình bày rõ hơn về cách tôi kết hợp thiết kế, lập trình và SEO. Còn nếu bạn đang tìm người xây dựng website cho doanh nghiệp tại Hội An hoặc Đà Nẵng, Công Thiên Agency là trang thương hiệu dịch vụ để bắt đầu cuộc trao đổi.

• Xem toàn bộ dự án CongThienWorld và năm clip gameplay trên trang case study.
• Đọc hồ sơ Lê Công Thiên để hiểu người thiết kế và lập trình sản phẩm.
• Tham khảo Phaser 3 và hướng dẫn video của Google khi nghiên cứu sản phẩm web có media.
• Liên hệ Công Thiên Agency nếu bạn muốn biến một ý tưởng địa phương thành website hoặc trải nghiệm số.

Một lời mời từ Hội An

CongThienWorld vẫn đang được phát triển, nên video này là một bản ghi của sản phẩm ở một thời điểm cụ thể chứ không phải lời hứa rằng mọi chi tiết đã hoàn thiện. Tôi muốn giữ tinh thần thử nghiệm đó: làm một thứ đủ nhỏ để tự tay chăm chút, đủ thật để người xem có thể tương tác, và đủ có câu chuyện để không bị lẫn vào một demo công nghệ vô danh. Nếu bạn thấy cách kể chuyện bằng sản phẩm số này phù hợp với thương hiệu của mình, hãy gửi tôi một tin nhắn. Chúng ta có thể bắt đầu từ một địa điểm, một dịch vụ hoặc một trải nghiệm thật ở Hội An, rồi tìm cách đưa nó lên web một cách có chủ đích.