Fable 5.1: Tái tạo thế giới thực thành 3D tương tác trên trình duyệt bằng Claude
PhiloLabs giới thiệu Fable 5.1 World Modeling, một dự án mã nguồn mở sử dụng các nhóm agent Claude tự động để tái tạo các địa điểm thực như Union Square San Francisco dưới dạng ứng dụng Three.js. Sản phẩm cung cấp trải nghiệm duyệt 3D trên trình duyệt với đầy đủ mặt tiền cửa hàng, hệ thống giao thông và nội thất chi tiết, đồng thời mở ra tiềm năng lớn cho lĩnh vực bản đồ và mô phỏng.

Fable 5.1: Dùng agent Claude tái tạo không gian 3D thực tế trực tiếp trên trình duyệt
Fable 5.1 World Modeling là một bước tiến ấn tượng trong lĩnh vực mô hình hóa đô thị và thực tế ảo trên web. Dự án này không chỉ là một bản demo kỹ thuật; nó thể hiện một quy trình hoàn toàn mới, nơi các nhóm Claude agent tự động tiến hành nghiên cứu, mô hình hóa và kiểm tra chất lượng để tái tạo các địa điểm nổi tiếng thế giới thành các ứng dụng Three.js vector hóa, có thể chạy trực tiếp trên trình duyệt hiện đại.
Khác biệt lớn nhất đến từ việc từ bỏ các nền tảng game engine phức tạp hay các tệp 3D độc quyền. Thay vào đó, mọi chi tiết từ tòa nhà, biển hiệu cửa hàng đến từng cây xanh đều được tạo nên từ dữ liệu mở như OpenStreetMap và mã nguồn nằm trong kho lưu trữ công khai của dự án.
Thế giới đầu tiên: Union Square, San Francisco
Sản phẩm ra mắt tiêu biểu là khu vực Union Square danh tiếng của San Francisco. Khu vực này được tái tạo trên nền địa hình thực và hệ thống đường phố chính xác, bao gồm các tuyến phố Powell, Geary, Post và Stockton.
Phiên bản này gây ấn tượng với số lượng chi tiết khổng lồ:
- Khu nhà: 453 không gian theo dữ liệu OSM, 75 mặt tiền được viết tay tỉ mỉ và 129 cửa hàng được xác định chính xác vị trí.
- Sự sống động: 220 người đi bộ di chuyển trên mạng lưới 1.398 điểm điều hướng, cùng 109 phương tiện giao thông như xe buýt và cả hệ thống xe cáp Powell hiện có.
- Không gian nội thất: Người dùng có thể bước vào bên trong cửa hàng Apple Store (300 Post St) và Nintendo San Francisco (331 Powell St) với 23 vật thể có thể tương tác.
- Chế độ thời gian: Mô hình hỗ trợ chuyển đổi giữa khung cảnh ban ngày, hoàng hôn và ban đêm.
Quy trình sản xuất tự động 4 giai đoạn
Điểm độc đáo của dự án nằm ở "dây chuyền sản xuất" (pipeline) được mã hóa hoàn toàn trong kho lưu trữ. Bất kỳ ai cũng có thể chạy lại quy trình này:
- Trinh sát: Các agent nghiên cứu song song thu thập dữ liệu hình học từ OpenStreetMap, độ cao từ USGS, thông số giao thông và yêu cầu một cuộc điều tra dân số về cửa hàng với nguồn trích dẫn và độ tin cậy cho từng chi tiết.
- Tạo tài sản ngoại tuyến: Các tập lệnh Blender được sử dụng như một thư viện Python (bpy) để tạo ra các bộ công cụ GLB tối ưu hóa, bao gồm mô-đun mặt tiền, đồ nội thất đường phố, phương tiện, cây cối và cả bộ phận cơ thể người đi bộ.
- Xây dựng thời gian chạy: Một ứng dụng Three.js thuần túy lắp ráp địa hình, đường phố, mặt tiền và các yếu tố tĩnh từ các tệp JSON.
- Đảm bảo chất lượng (Camera-match): Đây là bước "khóa học" quan trọng. Các công cụ Playwright điều khiển ứng dụng thực tế, chụp màn hình ở các góc máy cố định và so sánh pixel với các bức ảnh chụp thực tế từ cùng vị trí. Các agent đánh giá độc lập gồm kiến trúc sư, địa lý, kỹ thuật đồ họa và hành vi sẽ đưa ra báo cáo để dẫn dắt chu kỳ sửa lỗi tiếp theo.
Tính mở và tiềm năng tương lai
Dự án được cấp phép theo MIT cho toàn bộ mã nguồn và tài sản được tạo ra. Tuy nhiên, dữ liệu không gian địa lý được suy ra từ OpenStreetMap sử dụng giấy phép ODbL và dữ liệu độ cao USGS nên nằm trong phạm vi công cộng. Đặc biệt, các bức ảnh tham chiếu không được đăng tải lại trong kho này; nguồn gốc của chúng được ghi chú cẩn thận trong các tệp SOURCES.md.
"Worlds via code" — thế giới ảo được tạo ra bằng mã lệnh và trở thành một ứng dụng web đơn giản, chứng minh một hướng đi mới cho việc lưu trữ, chia sẻ và phát triển nội dung không gian số trong kỷ nguyên AI.
Mặc dù mới chỉ có Union Square, dự án hứa hẹn sẽ bổ sung "thêm nhiều thế giới" trong tương lai. Đối với các nhà phát triển Việt Nam, đây là một ví dụ mẫu mực về việc áp dụng AI đa tác tử vào quy trình sản xuất nội dung 3D phức tạp mà không tốn chi phí bản quyền phong cảnh. Bạn có thể tự mình trải nghiệm bằng hai lệnh đơn giản trong thư mục union-square-sf:
cd union-square-sf
npm install
npm run dev
Preview Union Square SF