Giới thiệu 3D Point Cloud Editor (Web)
Lĩnh vực | Xây dựng, giám sát |
---|---|
Công nghệ | Nextjs, Three.js, WebGL |
Nền tảng | WebGL |
Quy mô | 2 man-month |
Thời gian | Tháng 9/2023 |
OneTech Asia đang phát triển dự án ứng dụng web 3D Point cloud editor online trên công nghệ WebGL và Javascript cho phép người dùng có thể thao tác, chỉnh sửa các dữ liệu 3D Cloud point thu được thông qua các máy quét điểm như Lidar.
Các tính năng cao cấp scene cho phép bạn có thể upload chèn thêm 3D model, hình ảnh, biểu tượng, comment vào trong scene, lưu và có thể so sánh các scene với nhau.
Yêu cầu dự án
Dự án được thực hiện dựa trên yêu cầu thực tế của khách hàng đã triển khai một ứng dụng trên Iphone cho phép họ quét hình ảnh môi trường dự án ngoài công trường và export thành dữ liệu hình ảnh 3D Point Cloud, với các vấn đề phát sinh mới:
- Ứng dụng Lidar trên iPhone có thể quét và tạo được dữ liệu 3D cloudpoint nhưng chất lượng không cao, cần chỉnh sửa lạ trước khi sử dụng.
- Khách hàng muốn một giao diện web hỗ trợ việc edit các mô hình 3D dựa trên Cloudpoint này.
- KH có thể đưa vào cảnh các chú thích bằng hình ảnh, text, model để giải thích làm rõ thêm.
- KH muốn có chế độ so sánh giữa hai Cloud point quay tại thời điểm khác nhau để so sánh trực quan.
Giải pháp
- Sử dụng công nghệ Nextjs, Three.js, WebGL để tạo ứng dụng web cho phép xem và chỉnh sửa dữ liệu 3D online.
- Các tính năng cơ bản đã được thực hiện trong demo có thể dễ dàng thực hiện các thao tác như xoay, phóng to, thu nhỏ, lựa chọn, cắt, ghép,…
- Nền tảng Web cho phép khách hàng dễ dàng truy cập mọi nơi.
Một số tính năng
Hiện tại chúng tôi vẫn đã ra bản demo đầu tiên với những tính năng:
- Import point cloud model
- Import 3D Model: Hỗ trợ các định dạng .glb, .gltf, .obj, .fbx, .ply.
- Basic Edit: Move position (di chuyển vị trí), rotation (xoay góc), scale (phóng to, thu nhỏ), delete (xóa), Visible (ẩn hiện)
- Thêm hình ảnh và hiển thị dưới dạng 2d/3d: Chọn file ảnh từ máy và hiển thị lên trên scene chúng ta có thể tùy ý chỉnh sửa vị trí, góc xoay, follow xóa hình ảnh tùy ý.Các dạng file được cho phép như [‘.png’, ‘.jpg’, ‘.jpeg’, ‘.webp’].
- Thêm text: Thêm text và tùy ý chỉnh sửa vị trí, góc xoay, độ lớn.
- Save scene: Chúng ta có thể lưu lại scene để có thể chỉnh sửa hoặc export ra lần sau. Sau khi lưu scene sẽ được hiển thị ở trang chủ bạn có thể vô xem và có thể chỉnh sửa và lưu lại.
- Load scene: Sau khi lưu scene thì chúng ta cũng có nhu cầu sẽ load lại scene cũ của mình để tiếp tục chỉnh sửa hoàn thiện.
- Download scene: Để giải quyết nhu cầu chia sẻ cũng như export scene ra cho nhiều mục đích khác. Web cũng có chức năng download scene sau khi làm việc với scene xong và loại bỏ các helper của scene. Loại file khi bạn export ra là .glb để tiện cho việc xem và sử dụng. Một số các hình ảnh 2d và text 2d sẽ được lưu khác dưới dạng userData nên khi bạn sử dụng để dụng thì có thể các hình ảnh 2d và text 2d sẽ có thể gặp hiện tượng hiển thị dưới dạng plane màu trắng. Hiện chức năng đang được phát triển thêm. Còn việc import lại trên web thì sẽ hiển thị đúng với những gì download xuống.
- Import scene: Chúng ta có thể Import các scene dưới dạng file .glb web sẽ tự động chia thành các object con và tách chúng ra từng model nhỏ để có thể chỉnh sửa và thao tác với các phần tử riêng.
- Split scene: Chức năng split scene cho phép chúp ta có thể preview và so sánh giữa hai scene (before/after) để có cái nhìn trực quan hơn.
Các tính năng tương lai
Chúng tôi vẫn đang tiếp tục hoàn thiện và phát triển thêm các tính năng hữu ích khác cho ứng dụng này nhằm cung cấp một giải pháp toàn diện hơn cho khách hàng từ việc quay tạo cloud point 3D trên điện thoại cho đến lưu trữ, chỉnh sửa và quản lý cloud point model/scene cho mục đích công việc của mình, có thể kể đến như:
- Đăng ký/Đăng nhập: Việc đăng ký đăng ký đăng nhập sẽ giúp định danh và có thể lưu các scene store riêng sau này thuận tiện cho việc lưu trữ chia sẻ…
- Chỉnh sửa lại ui: Để cho việc thao tác trên web một cách thuận tiện.Tạo sự thoải mái cũng nhưng đáp ứng các nhu cầu nhanh gọn lẹ.
- Lưu trữ trên các cloud: Lưu trữ các scenes trên cloud…
- Liên kết với các trang model: để tạo ra những model có sẵn giúp cho việc sáng tạo đa dạng hóa hơn
- Play scene: Run scene dưới dạng VR.
- Remix scene: Remix các scene
- Ghi lại lịch sử edit: Ghi lại lịch sử edit và có chức năng redo lại những việc đã làm hoặc muốn back lại một trạng thái trước đó.
- Export scene thành hình panorama.
- Quản lý công việc các file đã scan, các file đã edit
- Tạo đường đi cho panorama
- Export và import nhiều loại file khác nhau
Kết quả
- Tạo ra một môi trường editor nhanh chóng thân thiện, tiết kiệm thời gian…
- Dễ dàng truy cập thông qua trình duyệt thông qua nhiều nền tảng và thiết bị mà không cần cài đặt
- Cung cấp một môi trường trực quan và dễ dàng để tạo, chỉnh sửa và quản lý các cảnh 3D, đặc biệt là cho những người không có kinh nghiệm sử dụng các phần mềm 3D chuyên dụng phức tạp.
- Giúp bạn có thể tạo phối hợp các model nhanh chóng. Import export chia sẻ một cách hiệu quả.
- Trực quan hóa việc quản lý dữ liệu 3D point cloud.
- Ứng dụng trong việc quản lý và báo cáo thời gian thực các dự án xây dựng đặc thù và phức tạp
Xem thêm trên Blog: Giới thiệu 3D Point cloud editor online