Create a sphere gizmo, how to get the size?

Rafael · November 22, 2019, 3:58pm

Hi,

I would like to do a gizmo of a sphere. Just to click on it. I was checking all the Gizmo BabylonJs code, and I don’t find where it gets the size.

I want the sphere has the same size as the arrow in the axisDragGizmo. I was thinking to get the camera distance or try to find the pixel size, but I don’t know if it the best approach.

Any idea?

Thank you!

PirateJC · November 22, 2019, 4:41pm

Pinging @Cedric the “Gizmo King” to help

Cedric · November 22, 2019, 5:48pm

Hi @Rafael

That’s done here in the gizmo :

github.com

BabylonJS/Babylon.js/blob/master/src/Gizmos/gizmo.ts#L112


// Rotation

if (this.updateGizmoRotationToMatchAttachedMesh) {

    effectiveMesh.getWorldMatrix().decompose(undefined, this._rootMesh.rotationQuaternion!);

}

else {

    this._rootMesh.rotationQuaternion!.set(0, 0, 0, 1);

}



// Scale

if (this.updateScale) {

    const activeCamera = this.gizmoLayer.utilityLayerScene.activeCamera!;

    var cameraPosition = activeCamera.globalPosition;

    if ((<WebVRFreeCamera>activeCamera).devicePosition) {

        cameraPosition = (<WebVRFreeCamera>activeCamera).devicePosition;

    }

    this._rootMesh.position.subtractToRef(cameraPosition, this._tempVector);

    var dist = this._tempVector.length() * this.scaleRatio;

    this._rootMesh.scaling.set(dist, dist, dist);



    // Account for handedness, similar to Matrix.decompose

    if (effectiveMesh._getWorldMatrixDeterminant() < 0) {

The scaling only depends on the distance to the camera.

Rafael · November 22, 2019, 6:49pm

Thank you!

Rafael · November 23, 2019, 6:07pm

Hi guys!

You answers help me a lot! Now I create just a Clicking gizmos!

The idea is you click on it, and it will enable/disable another thing, like another gizmos!

I’m adding a lot of things based on Babylonjs, in gizmos and other areas. I would like to share that with the community, because you always are helping me. I’m developing software for 25 years, but never a participate in an Open Source project, and I would like to collaborate in BabylonJS.

Do you have like a Guide, TODO list of something I can start to help?

Thank you guys!

Rafa

Deltakosh · November 25, 2019, 12:11am

We do have a guide:)
https://doc.babylonjs.com/how_to/how_to_start

Rafael · November 25, 2019, 3:30pm

Wow! Supercool guide! Thank you!

Topic		Replies	Views
PositionGizmo scaling on camera move (Gizmo) Questions gizmo	4	596	December 7, 2021
Mesh scale problem Questions	19	2811	July 6, 2020
Big Gizmo Improvements: Position Screen Space + Rotation Gizmo Feature requests	24	1466	July 29, 2021
Max gizmo size? Questions	10	1408	July 24, 2020
Scale gizmo on my own Questions	10	1558	March 31, 2021

Create a sphere gizmo, how to get the size?

Related topics