@pmndrs/handle/dist/handles/pivot/rotate.js

framework agnostic expandable handle implementation for threejs

import { Mesh, MeshBasicMaterial, TorusGeometry } from 'three';
import { handleXRayMaterialProperties, setupHandlesContextHoverMaterial } from '../material.js';
import { RegisteredHandle } from '../registered.js';
import { extractHandleTransformOptions } from '../utils.js';
export class PivotAxisRotationHandle extends RegisteredHandle {
    constructor(context, axis, tagPrefix, axisVector) {
        super(context, axis, tagPrefix, () => ({
            scale: false,
            translate: 'as-rotate',
            rotate: axisVector != null ? [axisVector] : this.options,
            multitouch: false,
        }));
    }
    bind(defaultColor, config) {
        const { options, disabled } = extractHandleTransformOptions(this.axis, config);
        if (options === false) {
            return undefined;
        }
        this.options = options;
        //visualization
        const material = new MeshBasicMaterial(handleXRayMaterialProperties);
        const cleanupHover = setupHandlesContextHoverMaterial(this.context, material, this.tag, {
            color: defaultColor,
            hoverColor: 0xffff40,
            disabled,
        });
        const visualizationMesh = new Mesh(new TorusGeometry(0.45, 0.0075, 3, 64, Math.PI / 2), material);
        visualizationMesh.renderOrder = Infinity;
        visualizationMesh.rotation.set(0, Math.PI / 2, Math.PI / 2);
        this.add(visualizationMesh);
        //interaction
        const interactionMesh = new Mesh(new TorusGeometry(0.45, 0.05, 4, 24, Math.PI / 2));
        interactionMesh.pointerEventsOrder = Infinity;
        interactionMesh.visible = false;
        interactionMesh.rotation.set(0, Math.PI / 2, Math.PI / 2);
        this.add(interactionMesh);
        const unregister = disabled ? undefined : this.context.registerHandle(this.store, interactionMesh, this.tag);
        return () => {
            material.dispose();
            interactionMesh.geometry.dispose();
            visualizationMesh.geometry.dispose();
            unregister?.();
            cleanupHover?.();
            this.remove(visualizationMesh);
            this.remove(interactionMesh);
        };
    }
}