ShapeEditor: gizmo now use snap settings

Author: LeoVgr

hide/comp/ShapeEditor.hx

@@ -161,6 +161,7 @@ class ShapeEditor extends Component {
 			initialRelPos.load(interactives[selectedShapeIdx].getTransform());
 
 			gizmo.setTransform(interactives[selectedShapeIdx].getAbsPos());
+			gizmo.snap = scene.editor.gizmoSnap;
 		}
 
 		gizmo.onMove = function(position: h3d.Vector, rotation: h3d.Quat, scale: h3d.Vector) {
@@ -326,8 +327,8 @@ class ShapeEditor extends Component {
 				var e = new Element('
 					<label>Center</label>
 					<div class="inlined vector"><input type="number" id="x" value="${center.x}"/><input type="number" id="y" value="${center.y}"/><input type="number" id="z" value="${center.z}"/></div>
-					<label>Rotation (Radians)</label>
-					<div class="inlined vector"><input type="number" id="rotation-x" value="${rotation.x}"/><input type="number" id="rotation-y" value="${rotation.y}"/><input type="number" id="rotation-z" value="${rotation.z}"/></div>
+					<label>Rotation (Degrees)</label>
+					<div class="inlined vector rotation"><input type="number" id="rotation-x" value="${rotation.x * 180 / Math.PI}"/><input type="number" id="rotation-y" value="${rotation.y * 180 / Math.PI}"/><input type="number" id="rotation-z" value="${rotation.z * 180 / Math.PI}"/></div>
 					<label>Size</label>
 					<div class="inlined"><input type="number" min="0" id="size-x" value="$x"/><input type="number" min="0" id="size-y" value="$y"/><input type="number" min="0" id="size-z" value="$z"/></div>
 				');
@@ -348,8 +349,8 @@ class ShapeEditor extends Component {
 				var e = new Element('
 					<label>Center</label>
 					<div class="inlined vector"><input type="number" id="x" value="${center.x}"/><input type="number" id="y" value="${center.y}"/><input type="number" id="z" value="${center.z}"/></div>
-					<label>Rotation (Radians)</label>
-					<div class="inlined vector"><input type="number" id="rotation-x" value="${rotation.x}"/><input type="number" id="rotation-y" value="${rotation.y}"/><input type="number" id="rotation-z" value="${rotation.z}"/></div>
+					<label>Rotation (Degrees)</label>
+					<div class="inlined vector rotation"><input type="number" id="rotation-x" value="${rotation.x * 180 / Math.PI}"/><input type="number" id="rotation-y" value="${rotation.y * 180 / Math.PI}"/><input type="number" id="rotation-z" value="${rotation.z * 180 / Math.PI}"/></div>
 					<label>Radius</label>
 					<div><input type="number" min="0" id="radius" value="$radius"/></div>
 					<label>Height</label>
@@ -484,6 +485,8 @@ class ShapeEditor extends Component {
 					var vec = new h3d.Vector(Std.parseFloat(new Element(inputs[idx]).val()),
 				Std.parseFloat(new Element(inputs[idx + 1]).val()),
 				Std.parseFloat(new Element(inputs[idx + 2]).val()));
+				if (input.parent().hasClass("rotation"))
+					vec *= Math.PI / 180;
 				params.push(vec);
 				idx += 3;
 			}

hide/view/Model.hx

@@ -2172,6 +2172,12 @@ class Model extends FileView {
 		toolsDefs.push({id: "showViewportOverlays", title : "Viewport Overlays", icon : "eye", type : Toggle((v) -> { sceneEditor.updateViewportOverlays(); }) });
 		toolsDefs.push({id: "viewportoverlays-menu", title : "", icon: "", type : Popup((e) -> new hide.comp.SceneEditor.ViewportOverlaysPopup(e, sceneEditor))});
 
+		toolsDefs.push({id: "", title : "", icon : "", type : Separator});
+
+		toolsDefs.push({id: "toggleSnap", title : "Snap Toggle", icon: "magnet", type : Toggle((v) -> {sceneEditor.snapToggle = v; sceneEditor.updateGrid();})});
+		toolsDefs.push({id: "snap-menu", title : "", icon: "", type : Popup((e) -> new hide.comp.SceneEditor.SnapSettingsPopup(e, sceneEditor))});
+
+
 		//toolsDefs.push({id: "iconVisibility", title : "Toggle 3d icons visibility", icon : "image", type : Toggle((v) -> { hide.Ide.inst.show3DIcons = v; }), defaultValue: true });
 		//toolsDefs.push({id: "iconVisibility-menu", title : "", icon: "", type : Popup((e) -> new hide.comp.SceneEditor.IconVisibilityPopup(null, e, sceneEditor))});
 		tools.makeToolbar(toolsDefs);