Club No.9

Xây dựng một game web bi-a vật lý góc nhìn thứ nhất hoàn toàn tĩnh, không cần bước build, mang tên "CLUB No.9" bằng Three.js + Rapier (@dimforge/rapier3d-compat), có giao diện tiếng Trung (chuyển đổi Trung-Anh), điều khiển bàn phím và chuột trên máy tính, cùng chế độ khán giả tự động trên màn hình cảm ứng.

Yêu cầu:

Bối cảnh: tải mô hình quán bar Bar Diorama từ Sketchfab làm phòng bi-a (ẩn các bàn có sẵn của mô hình), dùng chất liệu gỗ óc chó Poly Haven cho băng bàn và lớp hoàn thiện gỗ cơ, cùng HDRI lò sưởi để phản chiếu môi trường; tạo thủ tục trên Canvas toàn bộ các chất liệu còn lại — nỉ bàn, số bi, sàn — (PRNG xác định, giống hệt ở mỗi lần tải).

Lối chơi bi-a: vật lý vật thể cứng Rapier, bi tiêu chuẩn 57,2 mm, mặt bàn khớp với băng của mô hình; chế độ đi bộ góc nhìn thứ nhất (WASD), E để cúi xuống ngắm; giữ nút trái để tích lực, con lăn chuột để tinh chỉnh lực, Space để đánh; A/D cho xoáy ngang, W/S cho đánh trô và đánh kéo, R để đặt lại cơ; F để cầm bi đặt, T để xếp bi lại, G để chuyển giữa đấu trận và luyện tập; có thể bật/tắt đường hướng dẫn ngắm. Giữ lõi vật lý (sim.js) tách biệt với phần dựng hình (world.js): vật lý là nguồn dữ liệu duy nhất, phần dựng hình chỉ đọc và không bao giờ ghi, đồng thời lõi vật lý không được phụ thuộc vào DOM và phải chạy kiểm thử trong Node.

Luật chơi: bi-a 8 bóng Trung Quốc giản lược cho hai người chơi cục bộ (bi đầu tiên vào lỗ sau cú khai cuộc sẽ xác định nhóm bi, bi số 8 đen quyết định ván đấu, phạm lỗi được quyền cầm bi đặt), kèm chế độ luyện tập tự do; bảng điểm, hiệu ứng lửa combo, huy hiệu thành tích và camera cận cảnh khi bi vào lỗ (có thể tắt). Chuyển game từ bi-a 8 bóng Trung Quốc sang snooker: dùng bàn 12 feet với 15 bi đỏ, ghi điểm bằng cách luân phiên bi đỏ và bi màu, đồng thời đặt lại bi màu sau khi chúng vào lỗ. Thêm huy hiệu break 100 điểm và bảng điểm, giữ nguyên các mini-game phi tiêu và xí ngầu trong quán bar. Hệ thống xem lại: mọi cú đánh đều có thể xem lại (V), với dòng thời gian kéo được và tốc độ biến thiên 0,1x–1x.

Mini-game trong quán bar (đạo cụ luôn hiện diện trong cảnh và kích hoạt khi người chơi bước đến): phi tiêu (bảng tiêu 20 phân đoạn tiêu chuẩn, bộ giải quỹ đạo, ba phi tiêu mỗi lượt, huy hiệu 180), xí ngầu cốc cao-thấp (mô hình cốc xí ngầu thật cùng một thế giới mini Rapier riêng để lắc), rót whisky và cò quay Nga (mô hình súng ổ quay).

Âm thanh: mẫu âm thanh bi-a CC0 thật từ cộng đồng Freesound (va chạm bi, băng, lỗ, khai cuộc, xếp bi, tiếng reo hò, với nhiều biến thể đoạn âm thanh được phát ngẫu nhiên), cùng tiếng vang phòng tạo thủ tục bằng Web Audio (đáp ứng xung tạo từ sự suy giảm nhiễu) và bộ giới hạn; người dùng cung cấp một vòng lặp jazz lounge làm nhạc nền, M để tắt tiếng.

Kỹ thuật: dùng import map để nạp three/rapier; từ điển i18n điều khiển toàn bộ nội dung; bảng cài đặt (ngôn ngữ / cận cảnh bi vào lỗ / hướng dẫn ngắm) và bảng ghi công "Giới thiệu · tài nguyên mã nguồn mở và giấy phép"; ba bộ kiểm thử Node trong test/ cho vật lý, phi tiêu và logic quán bar.

Xây dựng một game web bi-a vật lý góc nhìn thứ nhất hoàn toàn tĩnh, không cần bước build, mang tên "CLUB No.9" bằng Three.js + Rapier (@dimforge/rapier3d-compat), có giao diện tiếng Trung (chuyển đổi Trung-Anh), điều khiển bàn phím và chuột trên máy tính, cùng chế độ khán giả tự động trên màn hình cảm ứng.

Yêu cầu:

Bối cảnh: tải mô hình quán bar Bar Diorama từ Sketchfab làm phòng bi-a (ẩn các bàn có sẵn của mô hình), dùng chất liệu gỗ óc chó Poly Haven cho băng bàn và lớp hoàn thiện gỗ cơ, cùng HDRI lò sưởi để phản chiếu môi trường; tạo thủ tục trên Canvas toàn bộ các chất liệu còn lại — nỉ bàn, số bi, sàn — (PRNG xác định, giống hệt ở mỗi lần tải).

Lối chơi bi-a: vật lý vật thể cứng Rapier, bi tiêu chuẩn 57,2 mm, mặt bàn khớp với băng của mô hình; chế độ đi bộ góc nhìn thứ nhất (WASD), E để cúi xuống ngắm; giữ nút trái để tích lực, con lăn chuột để tinh chỉnh lực, Space để đánh; A/D cho xoáy ngang, W/S cho đánh trô và đánh kéo, R để đặt lại cơ; F để cầm bi đặt, T để xếp bi lại, G để chuyển giữa đấu trận và luyện tập; có thể bật/tắt đường hướng dẫn ngắm. Giữ lõi vật lý (sim.js) tách biệt với phần dựng hình (world.js): vật lý là nguồn dữ liệu duy nhất, phần dựng hình chỉ đọc và không bao giờ ghi, đồng thời lõi vật lý không được phụ thuộc vào DOM và phải chạy kiểm thử trong Node.

Luật chơi: bi-a 8 bóng Trung Quốc giản lược cho hai người chơi cục bộ (bi đầu tiên vào lỗ sau cú khai cuộc sẽ xác định nhóm bi, bi số 8 đen quyết định ván đấu, phạm lỗi được quyền cầm bi đặt), kèm chế độ luyện tập tự do; bảng điểm, hiệu ứng lửa combo, huy hiệu thành tích và camera cận cảnh khi bi vào lỗ (có thể tắt). Thêm chế độ hướng dẫn cho người mới bắt đầu: bốn bài học về cúi xuống để ngắm, tích lực và kiểm soát lực, xoáy ngang cùng đánh trô/đánh kéo, và đặt vị trí bi cái. Mỗi bài học kết hợp hoạt ảnh minh họa với ba bài thực hành, trong đó đường hướng dẫn ngắm luôn được bật và điểm mục tiêu trên bi cái được đánh dấu. Hệ thống xem lại: mọi cú đánh đều có thể xem lại (V), với dòng thời gian kéo được và tốc độ biến thiên 0,1x–1x.

Mini-game trong quán bar (đạo cụ luôn hiện diện trong cảnh và kích hoạt khi người chơi bước đến): phi tiêu (bảng tiêu 20 phân đoạn tiêu chuẩn, bộ giải quỹ đạo, ba phi tiêu mỗi lượt, huy hiệu 180), xí ngầu cốc cao-thấp (mô hình cốc xí ngầu thật cùng một thế giới mini Rapier riêng để lắc), rót whisky và cò quay Nga (mô hình súng ổ quay).

Âm thanh: mẫu âm thanh bi-a CC0 thật từ cộng đồng Freesound (va chạm bi, băng, lỗ, khai cuộc, xếp bi, tiếng reo hò, với nhiều biến thể đoạn âm thanh được phát ngẫu nhiên), cùng tiếng vang phòng tạo thủ tục bằng Web Audio (đáp ứng xung tạo từ sự suy giảm nhiễu) và bộ giới hạn; người dùng cung cấp một vòng lặp jazz lounge làm nhạc nền, M để tắt tiếng.

Kỹ thuật: dùng import map để nạp three/rapier; từ điển i18n điều khiển toàn bộ nội dung; bảng cài đặt (ngôn ngữ / cận cảnh bi vào lỗ / hướng dẫn ngắm) và bảng ghi công "Giới thiệu · tài nguyên mã nguồn mở và giấy phép"; ba bộ kiểm thử Node trong test/ cho vật lý, phi tiêu và logic quán bar.