Giter Club home page Giter Club logo

Comments (7)

tizzle avatar tizzle commented on August 29, 2024 1

Hey @jaap3d,

i have to issue a small disclaimer before trying to answer your questions. I'm not a classic programmer, but a designer that practices programming to build prototypes. I ported this component from the threeJS because i needed it in a project. This was – due to my limited experience – mostly copy pasting and tweaking stuff until it worked. I then put it on github because i thought why not and now i'm here. Anyways, it is great to see people actually using it and wanting it to improve. I will try my best to do so.

Trying to answer your questions:

  1. It's not possible until now but i will look into it and add it as a feature request, ok?
  2. I don't think you're missing something. I will look in this.

from aframe-orbit-controls-component.

tizzle avatar tizzle commented on August 29, 2024

Hey @jaap3d,

i took the time to look through the whole source code and compare it with the original OrbitControls. It turns out the zoom is just for orthographic cameras that cannot dolly like a perspective camera can. I will update the README to reflect this restriction.

Can you maybe explain your use case for the zoom? I currently can't see that you can't achieve the same effect with the position/dolly.

Thanks a lot and cheers,

Till

from aframe-orbit-controls-component.

tizzle avatar tizzle commented on August 29, 2024

Hey @jaap3d,

i just found that POV and zoom can be set on the camera entity. Please have a look at the basic example of v0.1.3.

Thanks!

from aframe-orbit-controls-component.

jaap3d avatar jaap3d commented on August 29, 2024

Hi @tizzle,

Thanks a lot for looking into this. I'm a designer (just like you) and really not a programmer. My issue with zoom instead of dolly was because I'm working on a project with a small object: interacting with a phone. When close to the object, with dolly, the perspective angles get exaggerated when rotating the thing. If you keep a bit of distance and actually zoom in, the object stays nicely in proportion. Also, you see much less of the background whooshing by.
You mentioned v0.1.3. This was the master branch? Is it now changed to v0.1.4. Are older versions still accessible? I have a problem with your examples. They reference <script src="../build.js"></script> and when I run the master-branch locally, I don't have this build.js. Again: am I missing something? :)
Cheers.

from aframe-orbit-controls-component.

tizzle avatar tizzle commented on August 29, 2024

Hey @jaap3d,

i feel i forgot something, as i always use the npm packages. I will have a look.

Cheers

Till

from aframe-orbit-controls-component.

tizzle avatar tizzle commented on August 29, 2024

Hey @jaap3d,

the build.js was not added to the repository and only available once you built it locally. I now updated the repository to also include this. The examples now should work out of the box, i also added a link to examples in the README.

Once you cloned this repository (newest version v0.1.5) you should be able to run the examples by simply opening the index.html in the examples folder.

Let me know how it goes!

Cheers

from aframe-orbit-controls-component.

jaap3d avatar jaap3d commented on August 29, 2024

Hi.

Awesome work! The examples are great. Thanks for fixing the FOV issue.

Next, I'll be developing my mouse-interface (using your orbit-cam). In the past couple days, I've worked on the look-only interface for HMD's. I think it's very awkward and not really usable. If you like, take a look at my project over at jaapdankert.nl/iphone and tell me what you think (you're supposed to find 2 screws on the bottom and then pop the front off). It's going to be a demo of web-based technical training.

Cheers, Jaap.

from aframe-orbit-controls-component.

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.