Giter Club home page Giter Club logo

Comments (2)

JacobJaffe avatar JacobJaffe commented on August 17, 2024

Hi @akassaei , here's what I do on a more robust implementation, in TS:

const lastKnownOffset = useRef<{ offsetX: number; offsetY: number }>();
return(
  <Canvas
  ...
  raycaster={{
        computeOffsets: (event, { size: { width, height } }) => {
          // see: https://github.com/pmndrs/react-three-fiber/discussions/882
          // https://github.com/pmndrs/react-three-fiber/issues/848
          if (event && event.nativeEvent) {
            lastKnownOffset.current = {
              offsetX: event.nativeEvent.offsetX,
              offsetY: event.nativeEvent.offsetY,
            };
          }
          return bypassOffset.current
            ? {
                offsetX: width / 2,
                offsetY: height / 2,
              }
            : lastKnownOffset.current;
        },
      }}
>
...

This always utilizes the last saved offset

from pointer-lock-controls-offset-example.

akassaei avatar akassaei commented on August 17, 2024

Ok perfect thank you so much !

from pointer-lock-controls-offset-example.

Related Issues (1)

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.