blockly-samples

blockly-samples copied to clipboard

Is your feature request related to a problem? Please describe.

A significant portion of the user interaction with Blockly is moving around the canvas. There are only two ways to move: "touch-way" in which we move in the direction we need with the cursor and holding LMB, and "zoom-way" in which we first zoom out at max distance, center the camera at the desired position, and then zoom in.

Both paths are not fully convenient, and it is difficult not to call this workflow "slow".

Describe the solution you'd like

I suggest adding a minimap to Blockly like Photoshop or Miro. It will allow you to see the entire canvas as a whole and move around it. This will speed up the movement of the user across the canvas at times.

Additional context

Here are some pictures below:

My Blockly Workspace Minimap concept

Photoshop navigator panel

Miro minimap

Related issue: https://github.com/google/blockly/issues/2729 Broken demo: https://blockly-demo.appspot.com/static/demos/minimap/index.html Code: https://github.com/google/blockly/tree/master/demos/minimap

I believe ardublock does this as well

Any update on when the minimap demo might be fixed? It would be a great addition to the functionality, really handy for navigating highly populated workspaces.

Hello everybody, Abby forwarded me to this issue, because I was wondering if something like this already existed in Blockly.
It would be a very nice addition to Blockly, but I completely understand this might not be at the top of your team's todo list ... Kind regards, Bart

Here is another implementation: https://github.com/microsoft/jacdac-docs/blob/6a9e7bdd78b71de2e42c3990d30cb392e40872c1/src/components/blockly/BlockMinimap.tsx#L206

This exists! https://www.npmjs.com/package/@blockly/workspace-minimap