diff --git a/FloatingSpace/UiObjectConstructor.js b/FloatingSpace/UiObjectConstructor.js index 275ae7afe..4fe03a6bd 100644 --- a/FloatingSpace/UiObjectConstructor.js +++ b/FloatingSpace/UiObjectConstructor.js @@ -281,8 +281,8 @@ function newUiObjectConstructor () { actionFunction: floatingObject.payload.onMenuItemClick, label: undefined, visible: true, - iconPathOn: 'quality', - iconPathOff: 'quality', + iconPathOn: 'help', + iconPathOff: 'help', rawRadius: 12, targetRadius: 0, currentRadius: 0, diff --git a/Spaces/DesignSpace.js b/Spaces/DesignSpace.js index cea2a4637..55b345426 100644 --- a/Spaces/DesignSpace.js +++ b/Spaces/DesignSpace.js @@ -274,7 +274,11 @@ function newDesignSpace () { 'template-structure', 'template-target', 'delink', - 'detach' + 'detach', + 'help', + 'key-a', + 'key-m', + 'key-r' ] for (let i = 0; i < iconsNames.length; i++) { diff --git a/VideoRecorder.js b/VideoRecorder.js index f57152845..f222a8358 100644 --- a/VideoRecorder.js +++ b/VideoRecorder.js @@ -17,7 +17,6 @@ function newVideoRecorder () { function recordCanvas () { { - console.log(canvas.mouse.action, wheelAnimationCounter) const DISTANCE_BETWEEN_ICONS = 35 const ICON_SIZES = 50 @@ -61,7 +60,35 @@ function newVideoRecorder () { } else { pointerIcon = mousePointerIcon } - + let key = canvas.mouse.event.key + if (key === undefined) { break } + switch (key.toLowerCase()) { + case 'Escape': + { + pointerIcon = canvas.designSpace.iconCollection.get('key-m') + break + } + case 'm': + { + pointerIcon = canvas.designSpace.iconCollection.get('key-m') + break + } + case 'a': + { + pointerIcon = canvas.designSpace.iconCollection.get('key-a') + break + } + case 'r': + { + pointerIcon = canvas.designSpace.iconCollection.get('key-r') + break + } + case 'c': + { + pointerIcon = canvas.designSpace.iconCollection.get('key-r') + break + } + } break } case 'key up': {