robertgz/3d-shape-builder

3D Shape Builder using Vue.js and three.js

3d-shape-builder's Issues

Accuracy not correct when dragging shapes

If a shape is moved up in the positive z-axis and then it is dragged the object does not stay located with the pointer.

• Add shape
• Move shape in the positive z-axis with the Move/transform
• Change to the Select tool
• Adjust the view to look down more
• Drag shape

Drag shapes only with left click

When the right or middle mouse buttons are click and dragged over a shape the shape moves.

Shapes should only move when dragged with the left mouse button.

Collapse properties when shape is deleted

When a shape is selected one of the properties can be expanded. If the shape is deleted the properties remains expanded.

Any expanded properties should collapse after a shape is deleted.

Touch screen support

Add touch screen support for dragging and selecting shapes.

Dragging shapes next to toolbars

When a shape is dragged above or below a vertical toolbar the shape stops moving while the mouse continues to move. This also happens when dragging to the side of a horizontal toolbar.

If the mouse is released while over the non-drag zone the shape is not released from the pointer.

Migrate to three.js 0.120 and convert mouse events to pointer events

Update three.js from 0.119 to 0.120 or a higher version.

This application uses mouse events in MouseClickComponent and MouseDragComponent.

When three.js is updated to 0.120 there are some small changes in the interaction with the mouse. This should be resolved by converting the mouse events to pointer events. The need to switch to Pointer Events is noted in the three.js migration guide.
https://github.com/mrdoob/three.js/wiki/Migration-Guide#r119--r120

NodeJS 18 support

Run npm run build and npm run start with NodeJS 18 or higher installed. Then resolve any issues.