Khi công nghệ tiến bộ, điều quan trọng là phải thống nhất các phương pháp tiếp cận khác nhau để ngăn chặn sự phân mảnh ngăn cản sự phát triển của nó. Trong vài năm gần đây, các nhà phát triển web đã cố gắng tích hợp trải nghiệm thực tế ảo trên các trang web, bắt đầu từ năm 2016 với API WebVR đầu tiên, nhưng lại bỏ qua phân khúc quan trọng là thực tế tăng cường, đó là lý do WebXR ra đời.
WebXR là viết tắt của “Thực tế mở rộng” dành cho web, bao gồm thực tế ảo và thực tế tăng cường cũng như tất cả các công nghệ nhập vai có liên quan khác, chẳng hạn như thiết bị di động, nơi những loại trải nghiệm này cũng có thể được phát triển. Là sự phát triển trong việc khám phá thực tế ảo và thực tế tăng cường, bởi vì nó tận dụng sức mạnh của web cùng với sự thống nhất của các thực tế này, tạo điều kiện thuận lợi cho việc tạo ra môi trường nhập vai và tương tác, các công cụ thực tế ảo, v.v.
WebXR là một nhóm các tiêu chuẩn được sử dụng cùng nhau để hỗ trợ hiển thị 3D cảnh trên phần cứng được thiết kế để trình bày thế giới ảo (thực tế ảo hoặc VR) hoặc để thêm hình ảnh đồ họa vào thế giới thực (thực tế tăng cường hoặc AR)
Hiện tại, một số framework và API WebXR đã được phát triển, cho phép các nhà phát triển web tạo ra các ứng dụng thực tế ảo hoặc thực tế tăng cường mà không cần phải xử lý trực tiếp với phần cứng. Người dùng cuối chỉ cần sử dụng trình duyệt web để bắt đầu xem nội dung VR/AR mà không cần cài đặt thêm bất kỳ phần mềm nào. Mặt khác, các nhà phát triển chỉ phải viết mã một lần và nó sẽ hoạt động trên tất cả các thiết bị (Oculus, Vive, HTC, Google Cardboard, v.v.)
Bài viết AR VR thịnh hành:
1. Làm thế nào VR có thể mang chủ nghĩa xuyên nhân loại đến với đại chúng
2. Thực tế tăng cường (AR) đang định hình lại ngành dịch vụ thực phẩm như thế nào
3. ExpiCulture - Phát triển Trải nghiệm VR Du lịch Thế giới Nguyên bản
4. Enterprise AR: 7 trường hợp sử dụng trong thế giới thực cho năm 2021
API thiết bị WebXR
Được giới thiệu vào năm 2018, đây là API triển khai cốt lõi của bộ tính năng WebXR, quản lý việc lựa chọn thiết bị đầu ra, Trình bày cảnh 3D trên thiết bị đã chọn ở tốc độ khung hình thích hợp và xử lý đầu vào của bộ điều khiển.
Nó tương thích với tai nghe và điện thoại di động 3D hoàn toàn sống động, cung cấp các khả năng chính sau:
- Tìm thiết bị đầu ra VR hoặc AR tương thích
- Trả lại cảnh 3D tới thiết bị ở tốc độ khung hình thích hợp
- (Tùy chọn) phản chiếu đầu ra sang màn hình 2D
- Tạo các vectơ biểu diễn chuyển động của các điều khiển đầu vào
Tóm lại, một bối cảnh được trình bày dưới dạng 3D bằng cách tính toán phối cảnh để áp dụng cho cảnh để sản lượng nó theo quan điểm của mỗi người dùng. cả hai phối cảnh đều được hiển thị trong cùng một bộ đệm khung, của mắt phải ở bên phải và của mắt trái ở bên trái, sau khi điều này hoàn tất, bộ đệm khung sẽ được gửi đến thiết bị WebXR để hiển thị cho người dùng .
Khung WebXR
Dưới đây là danh sách một số khung để phát triển WebXR, Hầu hết (nếu không phải tất cả) trong số đó đều triển khai API thiết bị WebXR.
Ba.js
Nó có lẽ là thư viện kết xuất JavaScript phổ biến nhất hiện có. Nó hoàn toàn linh hoạt ở mức rất thấp, vì kết xuất có thể được tùy chỉnh để làm những gì bạn muốn. Tuy nhiên, bạn phải có trách nhiệm duy trì hiệu suất của các ứng dụng để chúng hoạt động mà không gặp bất kỳ sự cố nào ngay cả trên thiết bị di động.
Trình chỉnh sửa của nó cho phép dễ dàng tập hợp các cảnh và từ nhiều định dạng tệp khác nhau. Điều này tạo điều kiện cho việc bắt đầu dự án một cách nhanh chóng nhưng sau này sẽ yêu cầu mã hóa các tương tác của bạn bằng JavaScript, do đó, nó chỉ hữu ích khi tạo mã ban đầu cho dự án của bạn.
Babylon.js
Nó là một công cụ 3D thời gian thực được viết bằng JavaScript. Nó có một cách nhanh chóng để tạo nguyên mẫu cho bất kỳ ứng dụng 3D nào và có một danh sách các ví dụ tuyệt vời để thể hiện hầu hết mọi thứ. Tính linh hoạt của nó cho phép bạn đi sâu vào cấp độ rất thấp và yêu cầu bạn viết toàn bộ ứng dụng của mình bằng JavaScript. Vì vậy, nó nhắm đến các lập trình viên có kinh nghiệm cần tùy chỉnh kết xuất.
Cái khung
Nó là một framework mã nguồn mở dựa trên Three.js. Bạn có thể chuyển sang cấp độ thấp hơn trong trường hợp bạn cần tùy chỉnh với số lượng lớn các thành phần hiện có có thể được sử dụng lại.
A-Frame cho phép bạn định cấu hình cảnh của mình bằng HTML. Nó tạo ra hệ thống phân cấp cảnh 3D và tạo các thành phần JavaScript tùy chỉnh để sửa đổi hành vi và tương tác. Trình kiểm tra của nó cho phép bạn dễ dàng chỉnh sửa cảnh của mình và xem HTML được tạo ra từ nó.
Quy mô dự án tùy thuộc vào bạn, A-Frame để bạn tối ưu hóa nội dung về thời gian tải. Nó hoàn hảo cho các trường hợp sử dụng đơn giản và để phát triển thuận tiện, tuy nhiên, nó không được khuyến khích cho các dự án lớn hơn.
ChơiCanvas
PlayCanvas là một công cụ trò chơi 3D mã nguồn mở, công cụ ứng dụng 3D tương tác, kết hợp với nền tảng soạn thảo được lưu trữ trên đám mây độc quyền cho phép chỉnh sửa đồng thời từ nhiều máy tính thông qua giao diện dựa trên trình duyệt.
Nền tảng phát triển này đi kèm với một trình soạn thảo hoàn toàn trực quan. Kết xuất đồ họa của nó được tối ưu hóa cho thiết bị di động và trông tuyệt đẹp nếu được định cấu hình chính xác.
Trình chỉnh sửa trực quan giúp dễ dàng tập hợp các cảnh, thêm thành phần và triển khai dự án. Ngoài ra, trình chỉnh sửa mã tích hợp cho phép bạn viết các tập lệnh tùy chỉnh của mình.
Những thách thức trong WebXR
Một trong những thách thức chính để trải nghiệm XR hoạt động chính xác và thuyết phục là duy trì độ trễ thấp, độ chính xác cao và khả năng xử lý dữ liệu nhanh chóng để hiển thị cảnh, hoạt ảnh, v.v. Độ trễ, đề cập đến độ trễ trong giao tiếp giữa chuyển động của người dùng và những gì họ nhìn thấy, phải càng thấp càng tốt để tạo ra ảo ảnh về thực tế. Nếu thậm chí có một trục trặc nhỏ hoặc vấn đề căn chỉnh, nó có thể làm gián đoạn trải nghiệm hoặc gây buồn nôn.
Một thách thức khác là do cách thức xây dựng trang web hiện nay. Các phương thức giao tiếp truyền thống, chẳng hạn như Web Sockets, không đủ nhanh và các trình duyệt có thể gây ra sự sụt giảm hiệu suất gia tăng khác. Lượng lớn dữ liệu để xem cảnh cũng có thể vượt quá giới hạn hiển thị.
Cuối cùng, môi trường web có vấn đề về bảo mật do nhu cầu liên lạc trực tiếp giữa các thiết bị và truyền dữ liệu.
Ví dụ về WebXR
Phòng WebXR
Gần đây tôi đã tạo ứng dụng đơn giản này bằng API thiết bị WebXR do Mozilla phát triển trên công cụ trò chơi điện tử Unity. Nó bao gồm một căn phòng trong đó bạn có thể tương tác với một số đồ vật. Bạn có thể xem nó bằng thiết bị thực tế ảo, điện thoại di động hoặc đơn giản là bằng trình duyệt của bạn.
Xin chào WebXR
Đây là bản demo cho API thiết bị WebXR, được thiết kế như một sân chơi nơi bạn có thể thử các trải nghiệm và tương tác khác nhau trong VR, đồng thời giới thiệu những người mới đến với thế giới VR và ngôn ngữ đặc biệt của nó một cách suôn sẻ, dễ dàng và độc đáo.
Khủng long XR
Mô phỏng Công viên khủng long ảo, nơi có thể xem khủng long bằng nhiều loại tai nghe Thực tế ảo, tai nghe và điện thoại Thực tế tăng cường hoặc trực tiếp trong trình duyệt.
Thêm ví dụ
Nếu bạn quan tâm và muốn biết thêm ví dụ về các ứng dụng được phát triển bằng WebXR, hãy truy cập liên kết này.
Kết luận
WebXR là một công nghệ rất mới, không ngừng phát triển và có thể thay đổi cách phát triển trải nghiệm người dùng từ các ứng dụng web. Nó cũng là một công nghệ rất thiết thực vì cách nó tích hợp thực tế ảo và thực tế tăng cường trong trình duyệt, khiến nó dễ tiếp cận và di động hơn nhiều. Điều này dẫn đến những thách thức lớn, hầu hết liên quan đến phần cứng và cách các nền tảng web đã phát triển cho đến nay, theo thời gian và sự tích hợp của các công nghệ mới sẽ được khắc phục, khiến nó trở nên có giá trị hơn và lộ rõ hơn trong những năm tới.
dự án
- WebXR: Mọi thứ bạn cần biết
- WebXR là gì và tại sao WebVR đã chết
- API thiết bị WebXR
- 5 khung WebXR hàng đầu - So sánh
Đừng quên cung cấp cho chúng tôi 👏 của bạn!
Giới thiệu nhẹ nhàng về WebXR ban đầu được xuất bản trong Hành trình AR / VR: Tạp chí thực tế ảo và tăng cường trên Medium, nơi mọi người đang tiếp tục cuộc trò chuyện bằng cách nhấn mạnh và trả lời câu chuyện này.
PlatoAi. Web3 được mô phỏng lại. Khuếch đại dữ liệu thông minh.
Nhấn vào đây để truy cập.
