thử nghiệm sáng tạođang thử nghiệm

Folderverse 3D

Kiểm tra khi nào chiều sâu không gian giúp giải thích cấu trúc thư mục và khi nào search, focus hay bàn phím thông thường hiệu quả hơn.

Cảnh Folderverse 3D với các node tệp được kết nối và bảng inspector

Bối cảnh

Khi cây thư mục trở thành một cảnh quan

Sidebar truyền thống vẫn hiệu quả cho phần lớn công việc với tệp. Folderverse đặt câu hỏi hẹp hơn: nhóm không gian có giúp đọc hierarchy sâu hoặc lạ dễ hơn mà không đánh đổi search, focus, preview và công cụ bàn phím không?

Quyết định

Chiều sâu phải giải thích một mối quan hệ

Thử nghiệm ánh xạ hierarchy vào chiều sâu và dùng clustering, level of detail, progressive disclosure để kiểm soát tải thị giác. Các điều khiển thông thường vẫn là first-class vì camera tự do không phải câu trả lời hiệu quả cho mọi tác vụ.

Hệ thống

Visual engine với các lối thoát thông thường

React Three Fiber render scene, còn application state điều phối selection và settings. Đọc thư mục local, ignore rule, preview, search, focus và keyboard flow bao quanh mô hình không gian bằng công cụ chính xác.

Bằng chứng

Bằng chứng thử nghiệm công khai

Repository công khai chứa implementation và screenshot dùng tại đây. Hiệu năng, tương thích trình duyệt và adapter chưa hoàn thành vẫn được ghi rõ là giới hạn.

Đồ thị tệp không gian Folderverse 3D
Screenshot repository của trình khám phá không gian thử nghiệm.

Kết quả

Kết quả đạt được

  • Mã nguồn công khai có spatial file graph, đọc thư mục local, preview, search, focus và settings.
  • Dự án ghi rõ hạn chế trình duyệt và kế hoạch tích hợp repository.
  • Tạo bề mặt cụ thể để kiểm tra khi nào hierarchy 2.5D có ích thay vì chỉ trang trí.

Ranh giới

Giới hạn đã biết

  • Review portfolio chưa benchmark độc lập hiệu năng thư mục lớn.
  • Hỗ trợ trình duyệt và quyền truy cập tệp local giới hạn luồng sử dụng.
  • Dự án vẫn là thử nghiệm, không được mô tả là sẵn sàng doanh nghiệp.

Nguồn gốc bằng chứng

Sổ bằng chứng

source

Mã nguồn công khai

Repository chứa spatial scene, layout, adapter, preview và test.

Xem nguồn
source

Hình ảnh repository

Ảnh trong case study lấy từ bộ asset công khai của dự án.

Xem nguồn

Công nghệ

Công nghệ sử dụng

  • Next.js
  • TypeScript
  • Three.js
  • React Three Fiber
  • Zustand
  • Playwright
Folderverse 3D — Thử nghiệm Creative Engineering | KanzuWakazaki | KanzuWakazaki