Vườn Treo Babylon

Tạo **“Vườn Treo Babylon”**, một trang web 3D tương tác đạt chất lượng sản phẩm, xây dựng bằng **Three.js**, kèm theo một video điện ảnh **MP4** hoàn thiện được kết xuất từ cùng cảnh đó.

**ĐỊNH HƯỚNG HÌNH ẢNH**  
Tái dựng nghệ thuật Vườn Treo huyền thoại: kiến trúc bậc thang đồ sộ vươn lên từ bờ sông sa mạc, đá sa thạch ấm và gạch phơi nắng, các dải gạch men xanh coban, phù điêu vàng tiết chế, hành lang vòm, cầu thang rộng, sân trong râm mát và các kênh nước đổ tầng. Mỗi sân bậc thang có cọ xanh tốt, bách, bụi hoa và dây leo rủ. Kết hợp dáng bậc thang dễ nhận biết với chi tiết kiến trúc phong phú ở cự ly gần. Ánh nắng ấm cuối buổi chiều, chiều sâu khí quyển nhẹ, độ nhám vật liệu chân thực, dấu vết phong hóa tinh tế và tỷ lệ thuyết phục. Hướng đến độ hoàn thiện của một website trực quan hóa kiến trúc cao cấp và triển lãm bảo tàng.

**NGHIÊN CỨU VÀ KẾT CẤU**  
Tìm kiếm trên web các tư liệu hình ảnh về kiến trúc Babylon, gạch men, đá sa thạch, phù điêu chạm khắc, thủy lợi cổ đại và thảm thực vật địa phương. Tìm ảnh độ phân giải cao thuộc phạm vi công cộng, CC0 hoặc có giấy phép phù hợp để tạo kết cấu; ghi chép nguồn và giấy phép. Tải các tài nguyên được phép và lưu trữ cục bộ. Dùng ảnh phù hợp làm tư liệu nguồn cho kết cấu PBR liền mạch và chi tiết chiếu UV, chỉnh phối cảnh, loại bỏ ánh sáng định hướng đã được tích hợp sẵn, đồng thời đồng nhất màu sắc và tỷ lệ. Tạo bản đồ màu cơ sở, độ nhám và pháp tuyến khi cần thiết. Nướng che khuất môi trường và ánh sáng gián tiếp từ cảnh thực vào các atlas kết cấu được tối ưu, đồng thời bảo đảm cây cối và nước chuyển động tương thích với thiết lập chiếu sáng. Giữ chi tiết kiến trúc sắc nét, không có đường nối lộ rõ, UV bị kéo giãn hay hoa văn kết cấu lặp lại.

**CẢNH 3D VÀ TƯƠNG TÁC**  
Tạo kiến trúc mạch lạc, có thể khám phá, với kết cấu đỡ đáng tin cậy, cầu thang kết nối, các sân bậc thang có thể tiếp cận và thảm thực vật được bố cục kỹ lưỡng. Tạo chuyển động cho dòng nước, cây cối đung đưa nhẹ và các hạt lơ lửng tinh tế. Mở đầu bằng góc tiếp cận điện ảnh từ sông về phía khu vườn, rồi chuyển mượt sang chế độ người dùng điều khiển. Hỗ trợ xoay quanh cảnh, thu phóng và khám phá trong phạm vi giới hạn, với các góc nhìn được tuyển chọn cho cổng ven sông, hành lang vòm, sân tưới tiêu và khu vườn trên đỉnh. Có hành trình hướng dẫn men theo dòng nước từ hồ chứa phía trên qua các sân bậc thang. Cung cấp chế độ ban ngày và hoàng hôn với ánh sáng nhất quán. Ngăn camera xuyên vật thể, di chuyển xuyên tường và các chuyển cảnh gây mất phương hướng.

**TRẢI NGHIỆM WEBSITE**  
Dùng kiểu chữ thanh lịch, tiết chế cùng các điều khiển tối giản để cảnh quan là trọng tâm. Bao gồm chỉ báo tải rõ ràng, tiêu đề mở đầu, thao tác “Khám phá khu vườn”, điều hướng góc nhìn, điều khiển tham quan có hướng dẫn và tải video. Nêu ngắn gọn rằng bản tái dựng là một diễn giải nghệ thuật. Thiết kế bố cục đáp ứng cho máy tính và thiết bị di động, hỗ trợ điều hướng bằng bàn phím và giảm chuyển động, đồng thời có phương án dự phòng hoàn thiện khi WebGL không khả dụng. Bảo đảm mọi điều khiển đều hoạt động và toàn bộ văn bản giao diện đã hoàn chỉnh. Thay Vườn Treo bằng một trại ốc đảo sa mạc: biến các sân bậc thang thành ốc đảo cọ bao quanh bởi đụn cát, thay hành lang vòm bằng lều vải và nhà gạch đất, đồng thời đổi các kênh nước đổ thành con suối nông chảy từ mạch nước trung tâm. Có cọ chà là, lau sậy và hoa sa mạc, đồng thời giữ lộ trình khám phá từ lối vào đến đỉnh và tuyến tham quan có hướng dẫn men theo dòng nước. **KỸ THUẬT SẢN XUẤT**  
Dùng mã Three.js theo mô-đun và quy trình tài nguyên được thiết kế để triển khai đáng tin cậy. Tối ưu hình học, draw call, bóng đổ, thảm thực vật và bộ nhớ kết cấu bằng instancing, mức độ chi tiết, tài nguyên GLB nén, kết cấu KTX2/Basis và tải tuần tự. Điều chỉnh độ phân giải kết cấu theo mức chi tiết hiển thị. Dùng vật liệu dựa trên vật lý, quản lý màu chính xác, ánh xạ tông màu có kiểm soát và hậu kỳ tiết chế. Hướng đến hiệu năng mượt mà trên máy tính hiện đại và hiệu năng đủ dùng trên thiết bị di động tầm trung, với thiết lập chất lượng thích ứng và mật độ điểm ảnh được giới hạn. Đo lường và báo cáo hiệu năng thực tế trên các thiết bị đã kiểm thử. Xử lý lỗi tải một cách hợp lý và giải phóng tài nguyên GPU không dùng đến.

**SẢN PHẨM VIDEO BÀN GIAO**  
Tạo một **MP4 1920 × 1080 dài 30–45 giây** thực sự có thể tải xuống, mã hóa H.264 với khả năng tương thích phát rộng rãi. Kết xuất từ cảnh Three.js hoàn thiện bằng thời gian hoạt ảnh xác định và chụp khung hình ổn định. Sắp xếp cảnh mở đầu ở tầm sông, cảnh đi qua các vòm, cảnh đi lên bên dòng nước đổ và cảnh hé lộ từ trên cao ở đoạn cuối. Duy trì chuyển động camera mượt mà, ánh sáng nhất quán và khung hình sạch không có điều khiển website. Bổ sung âm thanh không gian tinh tế của nước và khu vườn với giấy phép phù hợp.

**BÀN GIAO VÀ NGHIỆM THU**  
Xây dựng và triển khai website hoàn chỉnh lên một URL HTTPS công khai đang hoạt động. Bàn giao tệp MP4, dự án nguồn hoàn chỉnh, tài nguyên lưu trữ cục bộ, danh mục giấy phép tài nguyên cùng hướng dẫn xây dựng và triển khai ngắn gọn. Xác minh website đã triển khai, việc tải tài nguyên, mọi tương tác, bố cục đáp ứng, khả năng tương thích trình duyệt và phát video. Kiểm tra lỗi console, kết cấu bị thiếu, va chạm camera, lỗi hoạt ảnh và điểm nghẽn hiệu năng. Báo cáo trung thực mọi hạn chế còn lại. Kết quả cuối cùng phải là một trải nghiệm hoàn thiện, có thể triển khai, với tính nhất quán hình ảnh, độ tin cậy và độ chỉn chu như một sản phẩm chuyên nghiệp.

**KHÔNG BAO GỒM:** hình học giữ chỗ, phông nền ảnh phẳng thay cho kiến trúc chính, kết cấu không có giấy phép, tài nguyên liên kết nóng, điều khiển hỏng, nút tải hoặc xuất giả, kết cấu bị kéo giãn, hiệu ứng bloom quá mức, đá trông như nhựa, thực vật lơ lửng, bóng nhấp nháy, camera xuyên vật thể, bố cục di động chưa hoàn thiện, hình mờ hoặc các tuyên bố về độ chính xác lịch sử không có cơ sở.

Tạo **“Vườn Treo Babylon”**, một trang web 3D tương tác đạt chất lượng sản phẩm, xây dựng bằng **Three.js**, kèm theo một video điện ảnh **MP4** hoàn thiện được kết xuất từ cùng cảnh đó.

**ĐỊNH HƯỚNG HÌNH ẢNH**  
Tái dựng nghệ thuật Vườn Treo huyền thoại: kiến trúc bậc thang đồ sộ vươn lên từ bờ sông sa mạc, đá sa thạch ấm và gạch phơi nắng, các dải gạch men xanh coban, phù điêu vàng tiết chế, hành lang vòm, cầu thang rộng, sân trong râm mát và các kênh nước đổ tầng. Mỗi sân bậc thang có cọ xanh tốt, bách, bụi hoa và dây leo rủ. Kết hợp dáng bậc thang dễ nhận biết với chi tiết kiến trúc phong phú ở cự ly gần. Ánh nắng ấm cuối buổi chiều, chiều sâu khí quyển nhẹ, độ nhám vật liệu chân thực, dấu vết phong hóa tinh tế và tỷ lệ thuyết phục. Hướng đến độ hoàn thiện của một website trực quan hóa kiến trúc cao cấp và triển lãm bảo tàng.

**NGHIÊN CỨU VÀ KẾT CẤU**  
Tìm kiếm trên web các tư liệu hình ảnh về kiến trúc Babylon, gạch men, đá sa thạch, phù điêu chạm khắc, thủy lợi cổ đại và thảm thực vật địa phương. Tìm ảnh độ phân giải cao thuộc phạm vi công cộng, CC0 hoặc có giấy phép phù hợp để tạo kết cấu; ghi chép nguồn và giấy phép. Tải các tài nguyên được phép và lưu trữ cục bộ. Dùng ảnh phù hợp làm tư liệu nguồn cho kết cấu PBR liền mạch và chi tiết chiếu UV, chỉnh phối cảnh, loại bỏ ánh sáng định hướng đã được tích hợp sẵn, đồng thời đồng nhất màu sắc và tỷ lệ. Tạo bản đồ màu cơ sở, độ nhám và pháp tuyến khi cần thiết. Nướng che khuất môi trường và ánh sáng gián tiếp từ cảnh thực vào các atlas kết cấu được tối ưu, đồng thời bảo đảm cây cối và nước chuyển động tương thích với thiết lập chiếu sáng. Giữ chi tiết kiến trúc sắc nét, không có đường nối lộ rõ, UV bị kéo giãn hay hoa văn kết cấu lặp lại.

**CẢNH 3D VÀ TƯƠNG TÁC**  
Tạo kiến trúc mạch lạc, có thể khám phá, với kết cấu đỡ đáng tin cậy, cầu thang kết nối, các sân bậc thang có thể tiếp cận và thảm thực vật được bố cục kỹ lưỡng. Tạo chuyển động cho dòng nước, cây cối đung đưa nhẹ và các hạt lơ lửng tinh tế. Mở đầu bằng góc tiếp cận điện ảnh từ sông về phía khu vườn, rồi chuyển mượt sang chế độ người dùng điều khiển. Hỗ trợ xoay quanh cảnh, thu phóng và khám phá trong phạm vi giới hạn, với các góc nhìn được tuyển chọn cho cổng ven sông, hành lang vòm, sân tưới tiêu và khu vườn trên đỉnh. Có hành trình hướng dẫn men theo dòng nước từ hồ chứa phía trên qua các sân bậc thang. Cung cấp chế độ ban ngày và hoàng hôn với ánh sáng nhất quán. Ngăn camera xuyên vật thể, di chuyển xuyên tường và các chuyển cảnh gây mất phương hướng.

**TRẢI NGHIỆM WEBSITE**  
Dùng kiểu chữ thanh lịch, tiết chế cùng các điều khiển tối giản để cảnh quan là trọng tâm. Bao gồm chỉ báo tải rõ ràng, tiêu đề mở đầu, thao tác “Khám phá khu vườn”, điều hướng góc nhìn, điều khiển tham quan có hướng dẫn và tải video. Nêu ngắn gọn rằng bản tái dựng là một diễn giải nghệ thuật. Thiết kế bố cục đáp ứng cho máy tính và thiết bị di động, hỗ trợ điều hướng bằng bàn phím và giảm chuyển động, đồng thời có phương án dự phòng hoàn thiện khi WebGL không khả dụng. Bảo đảm mọi điều khiển đều hoạt động và toàn bộ văn bản giao diện đã hoàn chỉnh. Chuyển toàn bộ văn bản giao diện và tham quan có hướng dẫn sang tiếng Anh: đặt tiêu đề trang là “Vườn Treo Babylon”, đồng thời dùng nhãn tiếng Anh ngắn gọn cho mục bắt đầu khám phá, điều hướng góc nhìn, tham quan theo dòng nước và tải video. Mỗi góc nhìn cần có chú thích tiếng Anh ngắn không quá 40 từ, nêu ngắn gọn rằng cảnh này là bản tái dựng nghệ thuật chứ không phải tư liệu khảo cổ đã được xác thực. **KỸ THUẬT SẢN XUẤT**  
Dùng mã Three.js theo mô-đun và quy trình tài nguyên được thiết kế để triển khai đáng tin cậy. Tối ưu hình học, draw call, bóng đổ, thảm thực vật và bộ nhớ kết cấu bằng instancing, mức độ chi tiết, tài nguyên GLB nén, kết cấu KTX2/Basis và tải tuần tự. Điều chỉnh độ phân giải kết cấu theo mức chi tiết hiển thị. Dùng vật liệu dựa trên vật lý, quản lý màu chính xác, ánh xạ tông màu có kiểm soát và hậu kỳ tiết chế. Hướng đến hiệu năng mượt mà trên máy tính hiện đại và hiệu năng đủ dùng trên thiết bị di động tầm trung, với thiết lập chất lượng thích ứng và mật độ điểm ảnh được giới hạn. Đo lường và báo cáo hiệu năng thực tế trên các thiết bị đã kiểm thử. Xử lý lỗi tải một cách hợp lý và giải phóng tài nguyên GPU không dùng đến.

**SẢN PHẨM VIDEO BÀN GIAO**  
Tạo một **MP4 1920 × 1080 dài 30–45 giây** thực sự có thể tải xuống, mã hóa H.264 với khả năng tương thích phát rộng rãi. Kết xuất từ cảnh Three.js hoàn thiện bằng thời gian hoạt ảnh xác định và chụp khung hình ổn định. Sắp xếp cảnh mở đầu ở tầm sông, cảnh đi qua các vòm, cảnh đi lên bên dòng nước đổ và cảnh hé lộ từ trên cao ở đoạn cuối. Duy trì chuyển động camera mượt mà, ánh sáng nhất quán và khung hình sạch không có điều khiển website. Bổ sung âm thanh không gian tinh tế của nước và khu vườn với giấy phép phù hợp.

**BÀN GIAO VÀ NGHIỆM THU**  
Xây dựng và triển khai website hoàn chỉnh lên một URL HTTPS công khai đang hoạt động. Bàn giao tệp MP4, dự án nguồn hoàn chỉnh, tài nguyên lưu trữ cục bộ, danh mục giấy phép tài nguyên cùng hướng dẫn xây dựng và triển khai ngắn gọn. Xác minh website đã triển khai, việc tải tài nguyên, mọi tương tác, bố cục đáp ứng, khả năng tương thích trình duyệt và phát video. Kiểm tra lỗi console, kết cấu bị thiếu, va chạm camera, lỗi hoạt ảnh và điểm nghẽn hiệu năng. Báo cáo trung thực mọi hạn chế còn lại. Kết quả cuối cùng phải là một trải nghiệm hoàn thiện, có thể triển khai, với tính nhất quán hình ảnh, độ tin cậy và độ chỉn chu như một sản phẩm chuyên nghiệp.

**KHÔNG BAO GỒM:** hình học giữ chỗ, phông nền ảnh phẳng thay cho kiến trúc chính, kết cấu không có giấy phép, tài nguyên liên kết nóng, điều khiển hỏng, nút tải hoặc xuất giả, kết cấu bị kéo giãn, hiệu ứng bloom quá mức, đá trông như nhựa, thực vật lơ lửng, bóng nhấp nháy, camera xuyên vật thể, bố cục di động chưa hoàn thiện, hình mờ hoặc các tuyên bố về độ chính xác lịch sử không có cơ sở.