Golden Sea Gaming Studio
Trở về vùng Làm bằng AI

Phát triển GameLàm bằng AI

Abyss Angler GS-07

Lĩnh vực

Interactive 3D / Cutaway

Con cá cần câu steampunk bằng đồng dựng bằng three.js từ một tấm ảnh mẫu. Cá bơi, há hàm và tháo rời từng cụm, xung quanh là bảng mô phỏng chạy theo đúng tư thế của cá.

Chơi Abyss Angler GS-07 ngay trên trình duyệt
Abyss Angler GS-07

Bối cảnh

Dự án làm gì và làm thế nào.

Abyss Angler GS-07 là con cá cần câu biển sâu làm từ tấm đồng, đinh tán đồng thau và răng ngà, treo một bóng đèn thuỷ tinh ở đầu cần câu kết hạt. Điểm xuất phát chỉ là một tấm ảnh mẫu. Không lấy gì từ ảnh vào mô hình: thân, các tấm giáp, răng, quạt mang và vây đều viết bằng code three.js, rồi render đặt cạnh ảnh hết vòng này tới vòng khác cho tới khi hai bên khớp nhau.

Để so cho thật, đội đo chứ không nhìn ước chừng. Mười hai điểm trên con cá (mõm, mắt, cằm, bánh răng, mút vây và vài điểm khác) được chiếu lên màn hình rồi so với đúng các điểm đó trên ảnh. Một checklist 13 dòng chấm riêng răng, hàm, lòng miệng, tấm giáp và vây. Thêm một phép đếm điểm ảnh tối để chắc phần cơ khí có độ sâu như bản gốc, không ra một món đồ chơi sạch trơn.

Trang bao quanh con cá chạy như một bộ mô phỏng. Độ sáng mồi, độ há hàm và chín servo dọc sống lưng đều đọc từ cùng một tư thế đang điều khiển con cá, nên con số luôn khớp với thứ bạn thấy. Mỗi cụm có nút và góc máy riêng: cần câu nhấc ra, mắt vặn ra, hàm rớt xuống, và cả con cá có thể bung ra rồi lắp lại trên bàn xoay.

Phần dẫn cảnh và máy quay lấy từ bộ Cutaway mã nguồn mở (giấy phép MIT). Golden Sea dựng con cá, phần chất liệu đồng và biển sâu, và bố cục bảng điều khiển. Tất cả nằm trong một file HTML khoảng 760 KB, mở được khi không có mạng.

Phạm vi bàn giao

Những gì đã làm.

  1. 01Từng tấm đồng, đinh tán, răng và tia vây đều viết bằng code, khoảng 3.200 chi tiết
  2. 02Một dòng thời gian điều khiển cả con cá, máy quay và mọi bảng trên trang
  3. 03Mỗi cụm một nút: cần câu, mắt, hàm, mang, giáp, vây và đuôi
  4. 04Tháo tung cả con rồi lắp lại trên bàn xoay
  5. 05Dựng lại từ một tấm ảnh mẫu và chấm theo checklist 13 dòng
  6. 06Một file HTML khoảng 760 KB, chạy được khi không có mạng

Hạng mục

Phát triển Game · Làm bằng AI

Công nghệ

Three.js (WebGL) · JavaScript · esbuild (one offline HTML file) · Claude + Codex

Studio

Golden Sea Studios

TP. Hồ Chí Minh, Việt Nam

Dự án này chứng minh cho

Thiết kế Website

Trình xem sản phẩm 3D dạng tháo rời: mỗi cụm một nút, bung ra có nhãn, bảng số liệu chạy theo đúng chuyển động, cả trang là một file nhẹ.

Có một bài toán tương tự?

Gửi vài dòng mô tả, mình cùng xem làm được gì.