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
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.
- 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
- 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
- 03Mỗi cụm một nút: cần câu, mắt, hàm, mang, giáp, vây và đuôi
- 04Tháo tung cả con rồi lắp lại trên bàn xoay
- 05Dựng lại từ một tấm ảnh mẫu và chấm theo checklist 13 dòng
- 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ế WebsiteTrì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ự?



