Convert Vec3 to AxisAngle

I have camera which rotate with bellow code

this.rotX = pc.math.lerp(this.rotX, this.targetRotX, dt / 0.2);
this.rotY = pc.math.lerp(this.rotY, this.targetRotY, dt / 0.2);
// Calculate the camera's rotation
this.quatX.setFromAxisAngle(pc.Vec3.RIGHT, -this.rotY);
this.quatY.setFromAxisAngle(pc.Vec3.UP, -this.rotX);

// Set the camera's current position and orientation
this.entity.translateLocal(0, 0, this.distance);

I have Vec3 ( a position on my map ) and i don’t know how calculate this.targetRotX and this.targetRotY


Where are you using that code? Because this.targetRotX and this.targetRotY are being somewhere upstream. Most likely by user input, that’s not something you calculate based on this code.

that source is from Planet Earth
(PlayCanvas 3D HTML5 Game Engine)

and when i click on Earth, i can find where i clicked, and i want to rotate camera to exact that point

To rotate the camera in place one option is to use a system like this:

From the proxy entity you can extract your target rotX/Y values. I don’t have an example in mind sadly.

Where ever user clicked on Earth, i want to set this.targetRotX and this.targetRotY which Camera rotate to that point

what do you mean by “proxy entity” ?

A helper entity used to get the rotation from as described in the post I shared above.

@JANGOZ, here is a simple script that can do that and a reworked version of the Planer Earth example. For this I have disabled the regular navigation, hope it helps:

var CameraClickToGo = pc.createScript('cameraClickToGo');

// initialize code called once per entity
CameraClickToGo.prototype.initialize = function() {

    // --- variables
    this.currentPos = this.entity.getPosition().clone();
    this.targetPos = new pc.Vec3().copy(this.currentPos);
    this.cameraPivot = this.entity.parent;

    // --- events, this.onMouseUp, this);

CameraClickToGo.prototype.onMouseUp = function (event) {
    if (event.button === pc.MOUSEBUTTON_LEFT) {

// update code called every frame
CameraClickToGo.prototype.update = function(dt) {

    this.currentPos = this.currentPos.lerp(this.currentPos, this.targetPos, dt / 0.35);

    this.cameraPivot.rotateLocal(0, 180, 0);

CameraClickToGo.prototype.doRaycast = function (screenPosition) {

    const from = this.entity.getPosition();
    const to =, screenPosition.y,;
    const result =, to);

    if (result) {

Thank you
But i need both, user can navigate with mouse move or it can click on earth and camera rotate to that point

please check your Personal Message