Coder Social home page Coder Social logo

XR integration about ecctrl HOT 11 OPEN

krzysztofpniak avatar krzysztofpniak commented on August 23, 2024
XR integration

from ecctrl.

Comments (11)

jamesrez avatar jamesrez commented on August 23, 2024 2

Yo, glad this is being worked on, been trying to make it work myself using @react-three/xr but I'm not able to get the movement / rotation right.
I was able to get the camera connected, but I'd like to be able to use the vr controllers.

left controller joystick to move around relative to where im facing (click in to sprint)
right controller joystick for rotating left and right
a button to jump

I noticed there was controller support added but doesn't seem to work with the xr controls.

anyways big thanks for the library @ErdongChen-Andrew hope you get around to this soon :)

from ecctrl.

CodyJasonBennett avatar CodyJasonBennett commented on August 23, 2024 1

You would have to manipulate the camera returned from https://threejs.org/docs/#api/en/renderers/webxr/WebXRManager.getCamera rather than the default camera. No other changes are needed.

from ecctrl.

antpb avatar antpb commented on August 23, 2024 1

@ErdongChen-Andrew in my project I got pretty stuck on this and the solution was to make sure you do
gl.xr.enabled = true; after you do the getCamera suggestion above or the headset wont follow movement or do any xr things

from ecctrl.

CodyJasonBennett avatar CodyJasonBennett commented on August 23, 2024 1

PR welcome, and reminder open-source is voluntary community work.

from ecctrl.

ErdongChen-Andrew avatar ErdongChen-Andrew commented on August 23, 2024

I'm also interested in integrating it with XR, but I haven't tried @react-three/xr yet. I'll give it a try when I get back to this project.

from ecctrl.

ErdongChen-Andrew avatar ErdongChen-Andrew commented on August 23, 2024

Thanks, @CodyJasonBennett! Good to know!

from ecctrl.

ErdongChen-Andrew avatar ErdongChen-Andrew commented on August 23, 2024

Thank you, @antpb ! I'll definitely keep that in mind while I'm working on XR!

from ecctrl.

tforde7 avatar tforde7 commented on August 23, 2024

You would have to manipulate the camera returned from https://threejs.org/docs/#api/en/renderers/webxr/WebXRManager.getCamera rather than the default camera. No other changes are needed.

@CodyJasonBennett How exactly do I do this?

from ecctrl.

jamesrez avatar jamesrez commented on August 23, 2024

Bumping this thread for priority

from ecctrl.

jamesrez avatar jamesrez commented on August 23, 2024

PR welcome, and reminder open-source is voluntary community work.

Hey thanks for the bumping this thread again, I love open source, I can contribute what I can but I know there are those who are better at doing this than me and I wish they can do what they can as soon as possible. Will keep you updated in the PR i plan to create.

from ecctrl.

cyango avatar cyango commented on August 23, 2024

How exactly would this work in XR? Using headset controllers? What about hands for example?

from ecctrl.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.