I want to make a camera orbit system like BMW

Help & Support
1

Nice to meet you.
I will post it for the first time.
Please forgive my terrible English.

I am a beginner of plyacanvas.

I want to make a camera orbit system like BMW.

example:

I’d like to create a function to rotate the camera with the mouse and a function to move the camera to a predetermined place by pressing the button.

I tried to control the camera using two samples there.

OrbitCamera:
https://developer.playcanvas.com/en/tutorials/orbit-camera/

Using the Tween library:
https://developer.playcanvas.com/en/tutorials/tweening/

However, two samples do not work well at the same time.
I used OrbitCamera 's script for disabling while Tween was running.
However, when Tween completes its operation, if OrbitCamera 's script is enabled, it will not behave again.

This is an example of disabling a script.
this.MainCamera.script.enabled =false;

Is there a good way to do it?
Even if it is recommended sample, it will be greatly appreciated.

Thank you in advance for your cooperation.

2

Do you have a project that can be shared to look at?

3

I’m not a programmer, but I think from what I recall that code was out of date and didn’t work with new play canvas projects.

4

Thanks to everyone for your reply.
I will share the project.

https://playcanvas.com/project/542909/overview/boxveiwer

I made two scripts, one is TweenController.js and MoveTrigger.js.
TweenController.js makes the camera Tween at the position of each entity.
MoveTrigger reacts when the button is pressed and sends the number of each Entity to Tween to TweenController.js.

TweenController
TweenController.jpg1917×933 75 KB

MoveTrigger
MoveTrigger.jpg1914×936 92.2 KB

TweenController.js is disabling Camera’s script.

Thank you so much everyone.

5

There are a few ways I can think of implementing this:

  1. Rather than tween the camera entity directly, tween camera via the orbitcamera.js script by using the method: resetAndLookAtPoint which allows you to move the camera to a specific point and also the point that the camera is looking at.

  2. Disable the orbitcamera.js script when the tween starts and when the tween finishes, use resetAndLookAtPoint to ‘reset’ the orbitcamera script to the current position and lookAt point and then enable the orbitcamera script again.

6

Thank you yaustar.
I will try it on your way.

7

Thanks yaustar.

I am likely to solve the problem with your help.

https://playcanvas.com/project/542909/overview/boxveiwer

:smile: