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

Added Fly Mode Option.

Browse Source
This commit is contained in:
Michael Mainguy 2023-09-17 09:16:43 -05:00
parent d24373b3f8
commit 5510ef5a09
1 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/menus/configMenu.ts
View File

@ -1,4 +1,4 @@
import {AdvancedDynamicTexture, RadioGroup, SelectionPanel, StackPanel} from "@babylonjs/gui"; import {AdvancedDynamicTexture, CheckboxGroup, RadioGroup, SelectionPanel, StackPanel} from "@babylonjs/gui";
import {MeshBuilder, Scene, Vector3, WebXRDefaultExperience} from "@babylonjs/core"; import {MeshBuilder, Scene, Vector3, WebXRDefaultExperience} from "@babylonjs/core";
import {AppConfig} from "../util/appConfig"; import {AppConfig} from "../util/appConfig";
import {ControllerEventType, Controllers} from "../controllers/controllers"; import {ControllerEventType, Controllers} from "../controllers/controllers";
@ -66,20 +66,28 @@ export class ConfigMenu extends AbstractMenu {
columnPanel.isVertical = false; columnPanel.isVertical = false;
configTexture.addControl(columnPanel); configTexture.addControl(columnPanel);
const selectionPanel1 = new SelectionPanel("selectionPanel1"); const selectionPanel1 = new SelectionPanel("selectionPanel1");
selectionPanel1.width = .5; selectionPanel1.width = .3;
columnPanel.addControl(selectionPanel1); columnPanel.addControl(selectionPanel1);
this.buildGridSizeControl(selectionPanel1); this.buildGridSizeControl(selectionPanel1);
this.buildCreateScaleControl(selectionPanel1); this.buildCreateScaleControl(selectionPanel1);
const selectionPanel2 = new SelectionPanel("selectionPanel2"); const selectionPanel2 = new SelectionPanel("selectionPanel2");
selectionPanel2.width = .5; selectionPanel2.width = .3;
columnPanel.addControl(selectionPanel2); columnPanel.addControl(selectionPanel2);
this.buildRotationSnapControl(selectionPanel2); this.buildRotationSnapControl(selectionPanel2);
this.buildTurnSnapControl(selectionPanel2); this.buildTurnSnapControl(selectionPanel2);
const selectionPanel3 = new SelectionPanel("selectionPanel3");
selectionPanel3.width = .3;
columnPanel.addControl(selectionPanel3);
//this.buildRotationSnapControl(selectionPanel3);
//this.buildTurnSnapControl(selectionPanel3);
this.buildFlyModeControl(selectionPanel3);
configPlane.position.set(0, .2, 0); configPlane.position.set(0, .2, 0);
setMenuPosition(this.handle.mesh, this.scene, new Vector3(0, .4, 0)); setMenuPosition(this.handle.mesh, this.scene, new Vector3(0, .4, 0));
} }
private adjustRadio(radio: RadioGroup) { private adjustRadio(radio: RadioGroup | CheckboxGroup) {
radio.groupPanel.height = "512px"; radio.groupPanel.height = "512px";
radio.groupPanel.fontSize = "64px"; radio.groupPanel.fontSize = "64px";
radio.groupPanel.children[0].height = "70px"; radio.groupPanel.children[0].height = "70px";
@ -106,6 +114,14 @@ export class ConfigMenu extends AbstractMenu {
return radio; return radio;
} }
private buildFlyModeControl(selectionPanel: SelectionPanel): CheckboxGroup {
const checkbox = new CheckboxGroup("Fly Mode");
selectionPanel.addGroup(checkbox);
checkbox.addCheckbox("Fly", this.flyMode.bind(this), this.config.current.flyMode);
this.adjustRadio(checkbox);
return checkbox;
}
private buildRotationSnapControl(selectionPanel: SelectionPanel): RadioGroup { private buildRotationSnapControl(selectionPanel: SelectionPanel): RadioGroup {
const radio = new RadioGroup("Rotation Snap"); const radio = new RadioGroup("Rotation Snap");
selectionPanel.addGroup(radio); selectionPanel.addGroup(radio);
@ -146,6 +162,10 @@ export class ConfigMenu extends AbstractMenu {
this.config.setCreateSnap(this.gridSnaps[value].value); this.config.setCreateSnap(this.gridSnaps[value].value);
} }
private flyMode(value) {
this.config.setFlyMode(value);
}
private rotateVal(value) { private rotateVal(value) {
this.config.setRotateSnap(this.rotationSnaps[value].value); this.config.setRotateSnap(this.rotationSnaps[value].value);
} }