mmainguy/immersive2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated scaling of buttons.

Browse Source
This commit is contained in:
Michael Mainguy 2023-07-13 14:26:51 -05:00
parent 6d776ef545
commit 5fd12c909b
1 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/menus/bmenu.ts
View File

@ -9,7 +9,7 @@ import {
WebXRExperienceHelper, WebXRExperienceHelper,
WebXRInputSource WebXRInputSource
} from "@babylonjs/core"; } from "@babylonjs/core";
import {GUI3DManager, HolographicButton, PlanePanel} from "@babylonjs/gui"; import {Button3D, GUI3DManager, HolographicButton, PlanePanel, TextBlock} from "@babylonjs/gui";
import {DiagramEntity, DiagramEvent, DiagramEventType, DiagramManager} from "../diagram/diagramManager"; import {DiagramEntity, DiagramEvent, DiagramEventType, DiagramManager} from "../diagram/diagramManager";
export enum BmenuState { export enum BmenuState {
@ -31,6 +31,7 @@ export class Bmenu {
constructor(scene: Scene, xr: WebXRExperienceHelper) { constructor(scene: Scene, xr: WebXRExperienceHelper) {
this.scene = scene; this.scene = scene;
this.manager = new GUI3DManager(scene); this.manager = new GUI3DManager(scene);
this.xr = xr; this.xr = xr;
DiagramManager.onDiagramEventObservable.add((event: DiagramEvent) => { DiagramManager.onDiagramEventObservable.add((event: DiagramEvent) => {
if (event.type === DiagramEventType.DROPPED) { if (event.type === DiagramEventType.DROPPED) {
@ -67,22 +68,19 @@ export class Bmenu {
} else { } else {
const anchor = new TransformNode("bMenuAnchor"); const anchor = new TransformNode("bMenuAnchor");
anchor.rotation.y = Angle.FromDegrees(180).radians(); anchor.rotation.y = Angle.FromDegrees(180).radians();
const cam = this.xr.camera.getFrontPosition(2); const cam = this.xr.camera.getFrontPosition(1);
anchor.position = cam; anchor.position = cam;
const panel = new PlanePanel(); const panel = new PlanePanel();
panel.margin = .6; panel.margin = .06;
//panel.scaling.y=.5;
//panel.orientation = Container3D.FACEFORWARDREVERSED_ORIENTATION;
panel.columns = 5;
this.manager.addControl(panel); this.manager.addControl(panel);
panel.linkToTransformNode(anchor); panel.linkToTransformNode(anchor);
//panel.position.z = 2;
//panel.position.y = 4;
panel.addControl(this.makeButton("Add Box", "addBox")); panel.addControl(this.makeButton("Add Box", "addBox"));
panel.addControl(this.makeButton("Add Sphere", "addSphere")); panel.addControl(this.makeButton("Add Sphere", "addSphere"));
panel.addControl(this.makeButton("Add Cylinder", "addCylinder")); panel.addControl(this.makeButton("Add Cylinder", "addCylinder"));
panel.addControl(this.makeButton("Done Adding", "doneAdding"));
for (const control of panel.children) {
control.scaling = new Vector3(.1, .1, .1);
}
this.panel = panel; this.panel = panel;
} }