I am working on a WebGL VR game. It's working fine, however I can not interact with canvas, I can only see it but can not click on it. I am using VR interaction toolkit, WebXR export packages. The canvas render mode is world space. I have Added the VRUI System in event system and also added Graphic raycaster and VR Canvas on my canvas that works with VR APK but is not working with WebGL.
WebXR/VR Canvas how to interact?
49 Views Asked by Faizan Bashir At
1
There are 1 best solutions below
Related Questions in UNITY-GAME-ENGINE
- How to use invokerepeating and make ui text fade in/out over time?
- Player input not working properly in unity
- Get block in Mesh Unity
- Does Unity render invisible material?
- Physics.OverlapSphere couldn't detect my ‘Player’
- Cannot sync non-player objects in Unity mirror
- How to script a simple collision using hands in OVRCameraRigInteraction?
- Drawing on 3D object at Unity
- How to Override Spline Rotation for Player-Controlled Car in Racing Game?
- Why doesn't my enemy shield take damage first. Instead both enemy and shield are being destroyed together
- unity + Vuforia balck screen in android AR app
- how do I change an objects tag when the game closes
- How to remove white space in a user's input through an input field in Unity?
- Timeline doesn't start eventhough it recognises the trigger input
- Ragdoll 2D Aiming
Related Questions in VIRTUAL-REALITY
- I want to rotate WebXR Rectile towards walls
- Looking to access wide angle camera of smartphone while making an AR application using Vuforia
- Quest 3 device technical feasibility
- issue with random input latency on quest 3
- can't to save oculus spatial anchors (on cloud or locally)
- AR Plane Detection using Oculus Integration Unity SDK
- Voice SDK does not work on the Quest but does in Unity editor
- Meta Quest2/3 Unity SDK - How to get battery level info
- How drag and drop 2D UI elements of Canvas in OVR ray interactable?
- How to Drag Image on Canvas with Meta All-in-One SDK
- Ray interactor can't select a 3d Object
- Animating Entity in VisionOS based on mouse gesture?
- Time warping analysis from HMD's Data-Log
- The Pico unity openxr sdk is incompatible with openxr 1.9.1, but I can't downgrade the openxr version in the editor
- Delay in Passthrough Camera Feed in Unity Quest 3
Related Questions in WEBVR
- Three.js, WebXR VR realtime change after enter VR
- A-Frame Camera Collision Issue with Objects
- Fade Animation Issue in A-Frame VR Tour
- WebXR/VR Canvas how to interact?
- 3d module pose animates to another
- How do I make the A-Frame player/camera collide with objects (make it not go through it)
- Aframe When I change from a scene to another, oculus controller not work
- AFRAME - Finding issues adding links, event listener to any object
- How to move an object in the aframe scene by pinching?
- Video playback (HTML5 VideoElement) Apple Vision Pro Simulator in VR mode not playing
- AFrame - How can I configure zoom and pan controls through mouse instead of WASD controls, or else if possible both together in one project
- Optimization for scene with custom shader
- How to receive controller touch_pad information in three.js webXR
- How I can throw a ray between camera (my eyes) and the mouse cursor on a VR Simulation?
- Android WebView fullscreen on VR headset?
Related Questions in UNITY-WEBGL
- Unity WebGL "RangeError: Maximum call stack size exceeded" after files loaded
- Catching Input Events in WebGL build
- Create a d.ts file to UnityLoader.js (Unity3D)
- How to download image using javascript in Unity WebGL
- Is that possible to build/export as WebGL in Unity Daydream (Google VR)?
- How do I check my Unity WebGL application has focus?
- Unity WebGL build error: The name Network does not exist in the current context
- How do I create an Event Listener for Cursor.lockstate?
- Reactjs combined with unity webgl causes errors
- NodeJS + Express JS with Gz file
- unity webgl facebook login error
- Unity 3D - Rotate image over a static cylindrical image
- Shader Syntax error - Unity WebGL
- Why my Game is trying to connect to External server
- Unity WebGL ok in editor, pink screen in build
Related Questions in WEBXR
- I want to rotate WebXR Rectile towards walls
- Using WebGPURenderer in A-Frame
- Can I develop a WebXR with ARCore API for IOS?
- Why can't I load .gltf model in WebXR Ar Core base example?
- YouTube Embed video Player with Web XR
- ArFrame_getUpdatedTrackables does not return the expected value
- WEBAR camera does not appear the first time it is opened
- Three.js, WebXR VR realtime change after enter VR
- WebXR/VR Canvas how to interact?
- webXR image tracking: Drag and Drop in AR with ThreeJS
- GLB Texture Broken in WebXR Vision Pro
- WebXR device API button to enable WebXR in Vision Pro does not exist in my Vision Pro Simulator setting
- Trouble Integrating reticle.glb as a Marker for Surface Detection in WebXR
- How to make an A-Frame 360 3D Gallery for VR?
- How to add html dom-overlay on top of the WebXR in react
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
I found the solution, we have to make the project in 2022.3.10f1 or above and import "WebXR Input Profiles Loader" from open UMP to interact with Canvas
here's the complete documentation:
https://github.com/De-Panther/unity-webxr-export/blob/master/Documentation/Using-XR-Interaction-Toolkit.md