6 THÍ NGHIỆM VÀ ĐÁNH GIÁ
5.9 Tổng quan giao diện làm nhãn
5.3.1 Trực quan khối ba chiềuCác API đã hiện thực: Các API đã hiện thực:
1. API trả về thông tin chi tiết của một tập dữ liệu
Request:
curl --location --request GET '{{HOST}}/api/dataset/{{ID}}/' \
5.3. Chức năng gán nhãn
file.nrrd
Sau khi nhận được yêu cầu, server sẽ truy vấn cơ sở dữ liệu để kiểm tra xem tập dữ liệu này có tồn tại hay không và người thực hiện yêu cầu có quyền sử dụng tập dữ liệu này hay không? Nếu tất cả đều thỏa mãn sẽ trả về file định dạng NRRD chứa các thông tin về tập dữ liệu đã qua xử lý.
2. API trả về texture
Request:
curl --location --request GET '{{HOST}}/api/texture/{{filename}}/' Response:
filename.png
Trả về tệp định dạng .png để xây dựng cấu trúc cho khối 3D.
Các bước trực quan khối 3D phía client
1. Tải thông tin về tập dữ liệu muốn trực quan khối
useLoader(NRRDLoader, URL)
Vì dữ liệu đã được chuẩn hóa và lưu trữ dưới định dạng NRRD, nên có thể sử dụng NRRDLoader được cung cấp bởi three.js nhằm tăng tốc độ tải dữ liệu. Từ đó, làm giảm thời gian chờ của người dùng. Đồng thời, useLoader
cũng là một tính năng của React-three/fiber giúp trì hoãn việc phải render nhiều lần trong thời gian chờ đợi dữ liệu được tải hoàn tất. Ở bước này, ta thu được khối 3D thô (raw volume)
2. Tải thông tin về kết cấu (texture)
useLoader(TextureLoader, URL)
Như đã nói về kết cấu 3D ở phần kiến thức nền tảng, để xây dựng một kết cấu 3D ta có thể dùng một kết cấu 2D trên từng lát cắt trực giao. Trong trường hợp này, kết cấu 2D được định dạng dưới dạng một ảnh .png. Tương tự với khi tải dữ liệu về tập dữ liệu, ta sử dụng useLoader và TextureLoader
3. Áp dụng kỹ thuật trực quan khối Sau khi đã có được khối 3D thô và kết cấu 2D, ta áp dụng kỹ thuật trực quan khối để tạo ra kết xuất 3D bằng
VolumeRenderShader1 được cung cấp bởi React-three/fiber.
4. Đưa kết xuất 3D về dạng vật liệu của three.js Sau khi đã có được kết xuất 3D, ta đưa về dạng vật liệu của three.js bằngShaderMaterial.
5. Bắt đầu render và thu được kết quả