Drag back, aim and shoot with orbitcamera.js

[muratg]

Hi guys,

I’m trying to make a simple soccer game while learning playcanvas. I am using orbitcamera.js and I want user to be able to drag back aim and shoot for the goal with orbitcamera.js.

[SOLVED] Drag Back To Make A Ball Fling Into Air

Basically, I want to make it so that the more you drag back on a ball, the more the power increases until the the mouse button or finger is released. Once released, the ball will fling up with the power. I also want it to change directions when the player moves their finger left or right, or when the mouse is moved left or right. For example, if the finger moves a bit to the right when pulling back, the ball will fling a bit to the left. (Same with the mouse). So now I want to know how I would c…

I found this thread but it doesn’t work with orbit camera it rotates the camera.

How can I achive this? Thanks in advance.

[Leonidas]

Hi @muratg and welcome,

The orbit-camera script is targeting a singe point in space, I am not sure it’s the best fit for what you are describing.

If you would still like to use this script for your camera movement: one idea is the moment the user clicks/taps to start the drag, disable the orbit camera input and start moving/dragging the ball.

You can do that using the input event handlers Playcanvas provides and add a cumulative force to the ball that will kick it forward.

A good place to start:

https://developer.playcanvas.com/en/tutorials/?tags=input

[muratg]

Hİ @Leonidas thanks for the quick reply.

How can I detect the touch/tap on the ball? Can I use the entity picking example?

[Leonidas]

Yes! The entity picking examples help on that:

https://developer.playcanvas.com/en/tutorials/?tags=raycast

[muratg]

Hİ again @Leonidas thank you I used that example to select the ball but I cannot disable and enable orbitcamera.

How can I do that?

[muratg]

I managed to do that now I’ll try to draw a line for aim and calculate force then shoot