Home / 開発実績 / Ứng dụng Web / Giới thiệu 3D Point Cloud Editor (Web)

Giới thiệu 3D Point Cloud Editor (Web)

Giới thiệu 3D Point Cloud Editor (Web)
data
内容

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:

3D-Cloud-Point-Editor-Online
Giao diện 3D POINT CLOUD EDITOR
  • 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

Import các 3D model vào dự án
Import các 3D model vào dự án

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ả

Video demo ứng dụng 3D point cloud editor
  • 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

実績一覧

Dự án này đã được thực hiện di chuyển từ hệ thống VB6.0 sang VB.NET. Cơ sở dữ liệu cốt lõi Oracle 10G tại trung tâm dữ liệu đã được di chuyển sang AWS Cloud RDS for Oracle 19c.

Chúng tôi đã phát triển một hệ thống cho phép trò chuyện theo thời gian thực trong quá trình phân phối trực tiếp chương trình giáo dục trực tuyến với AWS serverless. Trong quá trình phát sóng, người xem có thể trao đổi câu hỏi với người tổ chức theo thời gian thực. Kiến trúc được xây dựng với Lambda, App Sync, v.v. trong cấu hình AWS serverless.

Chúng tôi đã phát triển một platform bảng câu hỏi khảo sát và hệ thống câu hỏi liên kết với một nền tảng phân phối video trực tiếp dành cho giáo dục trực tuyến. Người dùng có thể thu thập các khảo sát để xác minh trong quá trình phát video trực tiếp. Người tổ chức có thể tạo khảo sát và tổng hợp các câu trả lời khảo sát để kiểm tra mức độ hiểu biết của người xem. Hệ thống được xây dựng dựa trên các dịch vụ AWS serverless.

Chúng tôi đã phát triển một nền tảng có thể quản lý trang web thành viên câu lạc bộ của người hâm mộ nghệ sĩ. Đồng thời nhúng nền tảng video "vimeo" và thực hiện hệ thống phát video trực tiếp chỉ dành cho các thành viên câu lạc bộ người hâm mộ.

Dự án xây dựng hệ thống thương mại điện tử và hệ thống web với plugin WooCommerce của WordPress đã thành công trong việc giải quyết các vấn đề của khách hàng và mang lại giải pháp hiệu quả cho doanh nghiệp.

無料相談
お問い合わせ