Map world space into screen pixel units

DANIEL_S · August 25, 2020, 11:28am

Is there a way to grab how many pixels of screen size a mesh is taking up in terms of width and height. I want to create a circular menu that is revealed by clicking on the mesh. Each mesh can vary in size and therefore i’ll need to know the width and height of the mesh in terms of pixels.

Deltakosh · August 25, 2020, 5:11pm

I think the best option is to project the bounding info on the screen with Vecotr3.Project API

nasimiasl · August 26, 2020, 10:09am

https://www.babylonjs-playground.com/#JFW56V#11
use 256px for have optimization
https://www.babylonjs-playground.com/#JFW56V#12

DANIEL_S · August 31, 2020, 9:55am

@nasimiasl is there a node package for the Shader builder library that is being loaded using cdn?

nasimiasl · August 31, 2020, 12:34pm

hi
the typescript version exist in BABYLON Extension

github.com

BabylonJS/Extensions/blob/master/ShaderBuilder/Babylonx.ShaderBuilder.ts

// tslint:disable no-namespace no-internal-module max-classes-per-file member-access variable-name no-eval curly prefer-for-of
export module BABYLONX {

    export interface IColor {
        r?: any;
        g?: any;
        b?: any;
        a?: any;
    }

    export interface IVector3 {
        x: any;
        y: any;
        z: any;
    }

    export interface ILight {
        direction?: string;
        rotation?: IVector3;
        color?: IColor;

This file has been truncated. show original

for use shaderBuilder you just need add
BABYLONX.ShaderBuilder.InitializeEngine();
before you use
and in this example that just make Color Uniq ID
i can change the code and write this example without shaderBuilder too if you want

nasimiasl · August 31, 2020, 1:02pm

code without shaderBuilder my dear shader Builder always be hide
https://www.babylonjs-playground.com/#JFW56V#21

DANIEL_S · August 31, 2020, 2:21pm

@nasimiasl that last playground without shaderBuilder seems not to render scene.

nasimiasl · August 31, 2020, 2:26pm

https://www.babylonjs-playground.com/#JFW56V#21

Topic		Replies	Views
Get boundbox size Questions	6	265	November 11, 2023
How to compute the size for GUI mode "CreateForMesh"? Questions gui	11	523	October 14, 2021
Display meshs based on coordinates Questions	10	888	February 20, 2020
New BabylonJS UI: Scale Button Height with Screen Width Percentage Questions documentation , gui	4	709	February 1, 2022
Display the x y z dimensions of the bounding box Questions	6	1662	December 18, 2020

Map world space into screen pixel units

Related Topics