Hòn đảo tiền sử 3D tương tác

Tạo một hòn đảo tiền sử 3D đẹp mắt, cực kỳ chi tiết và tương tác hoàn toàn bằng Three.js và WebGL. Cung cấp mọi thứ trong một tệp HTML độc lập duy nhất, có thể mở trực tiếp bằng Chrome. Nhúng tài nguyên bất cứ khi nào có thể. ĐỊNH HƯỚNG HÌNH ẢNH Xây dựng một hòn đảo lớn, bo tròn, bao quanh là đại dương có mặt cắt dưới nước trong suốt. Tổng thể phải tạo cảm giác như một thế giới thu nhỏ cao cấp: thảm thực vật tươi tốt, khủng long giàu biểu cảm, vật liệu phong phú, ánh sáng có chiều sâu không khí và hoạt ảnh trau chuốt. Sử dụng định hướng nghệ thuật thống nhất, cách điệu thay vì các hình khối hình học cơ bản. ISLAND Tạo địa hình đa dạng với bãi biển, vách đá, rừng tiền sử rậm rạp, dương xỉ khổng lồ, thác nước, ao nước ngọt và núi lửa. Thêm một trạm nghiên cứu nhỏ, lối đi bằng gỗ, đài quan sát, thùng tiếp tế và tổ khủng long. Đảo phải đủ rộng để khủng long di chuyển tự nhiên giữa các khu vực riêng biệt. MẶT CẮT DƯỚI NƯỚC Nước phải tạo thành một khối sâu, bo tròn bao quanh hòn đảo, với cảnh quan dưới nước hiện rõ qua các mặt bên. Bao gồm đáy biển có kết cấu bề mặt, đá, thực vật thủy sinh, cá, bong bóng và một loài bò sát biển màu xanh đang bơi dưới mặt nước. Không đặt các loài khủng long trên cạn thông thường dưới nước và không thêm tàu ngầm. Sử dụng sóng chuyển động, phản xạ Fresnel, các vệt sáng dưới nước, bọt ven bờ và hiệu ứng nước bắn. Tránh lỗi sắp xếp độ trong suốt và các khoảng hở nhìn thấy giữa hòn đảo với mặt nước. DINOSAURS Bao gồm nhiều loài riêng biệt, chẳng hạn như sauropod cổ dài, Triceratops, Stegosaurus, một loài khủng long chân thú lớn và các loài động vật sống theo đàn nhỏ hơn. Thêm các loài thằn lằn bay bay vòng trên cao. Mỗi loài phải có giải phẫu dễ nhận biết, cơ thể được tạo hình rõ ràng, các chi có khớp nối, đầu và đuôi chi tiết cùng hoa văn da phù hợp. Tránh ghép khủng long hoàn chỉnh từ các khối hộp lộ liễu hoặc những hình cầu rời rạc. HOẠT ẢNH TỰ NHIÊN Sử dụng skeleton phân cấp với các khớp được đặt đúng vị trí. Chuyển động đi bộ phải có rõ ràng hai pha trụ và vung: bàn chân giữ nguyên vị trí khi tiếp xúc với mặt đất và nhấc lên gọn trong mỗi bước. Điều chỉnh độ dài sải chân phù hợp với tốc độ di chuyển. Sử dụng việc lấy mẫu địa hình và inverse kinematics để giữ bàn chân trên mặt đất. Thêm chuyển trọng lượng, chuyển động cơ thể tinh tế, chuyển động đuôi cân bằng, quay đầu và nhịp thở. Khủng long không được phép lơ lửng, trượt chân, xuyên qua mặt đất hoặc đi xuyên qua công trình, đá, cây cối hay các cá thể khác. Sử dụng tính năng tránh chướng ngại vật và các lộ trình an toàn. Các loài khác nhau phải có tốc độ di chuyển, kiểu dáng đi và hành vi khác nhau. Động vật biển phải hướng mặt theo hướng di chuyển. INTERACTION Cho phép người dùng: Tự do xoay camera, thu phóng và quan sát mặt cắt dưới nước. Chọn một con khủng long và theo dõi nó bằng camera chuyển động mượt mà. Đặt thức ăn ở những vị trí phù hợp và quan sát các khủng long gần đó tiến đến ăn. Kích hoạt hành vi uống nước, nghỉ ngơi, gọi bầy và di chuyển theo đàn. Khám phá các tổ và quan sát một con non nở ra. Kích hoạt cảnh bò sát biển trồi lên mặt nước kèm hiệu ứng nước bắn. Chuyển đổi giữa ban ngày, hoàng hôn và ban đêm. Điều chỉnh mưa, gió và hoạt động núi lửa. Tạm dừng mô phỏng và đặt lại cảnh. Mọi điều khiển đều phải tạo ra phản hồi rõ ràng, có thể nhìn thấy. Giữ cho các tương tác có thể lặp lại và ngăn các hoạt ảnh chồng lấn làm hỏng tư thế nhân vật. KHÔNG KHÍ VÀ ÂM THANH Thêm tán lá chuyển động, mây trôi, chim, côn trùng, hạt mưa và ánh đèn ấm áp của trạm nghiên cứu vào ban đêm. Bao gồm nhạc nền không lời nhẹ nhàng và âm thanh môi trường, cùng nút bật/tắt nhạc và thanh trượt âm lượng hoạt động tốt. Chỉ bắt đầu phát âm thanh sau khi người dùng tương tác. INTERFACE Sử dụng giao diện nhỏ gọn, thanh lịch với nhãn bằng tiếng Anh. Giữ cảnh là thành phần chính và tránh các bảng lớn che phủ hòn đảo. Bố cục phải thích ứng với máy tính để bàn và thiết bị di động. CHẤT LƯỢNG KỸ THUẬT Sử dụng instancing cho thảm thực vật và đạo cụ lặp lại, hình học hiệu quả, đổ bóng phù hợp và hậu kỳ tiết chế. Cân bằng độ phong phú hình ảnh với hiệu năng thời gian thực mượt mà. Xây dựng một cảnh hoàn chỉnh, không phải bản mô phỏng. Kiểm thử tệp HTML cuối cùng trực tiếp trên trình duyệt máy tính để bàn, kiểm tra ảnh chụp màn hình và console, thực hiện mọi tương tác, đồng thời sửa các lỗi tải, khủng long lơ lửng, trượt chân, va chạm hỏng, lỗi hiển thị mặt nước và vấn đề camera trước khi bàn giao.