pcb-scene3d-viewer 1.1.2 → 1.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pcb-scene3d-viewer",
-    "version": "1.1.2",
+    "version": "1.1.11",
     "description": "Reusable Three.js PCB 3D scene viewer for normalized ECAD and CircuitJSON scene descriptions",
     "keywords": [
         "pcb",

package/src/PcbScene3dArcUtils.mjs

@@ -4,6 +4,24 @@
 export class PcbScene3dArcUtils {
     static #FULL_CIRCLE_EPSILON = 0.001
 
+    /**
+     * Resolves one arc record's sweep, preserving explicit long-arc sweeps.
+     * @param {{ startAngle?: number, endAngle?: number, sweepAngle?: number }} arc
+     * Arc record.
+     * @returns {number}
+     */
+    static resolveArcSweepDelta(arc) {
+        const sweepAngle = Number(arc?.sweepAngle)
+        if (Number.isFinite(sweepAngle)) {
+            return sweepAngle
+        }
+
+        return PcbScene3dArcUtils.resolveSweepDelta(
+            Number(arc?.startAngle || 0),
+            Number(arc?.endAngle || 0)
+        )
+    }
+
     /**
      * Normalizes one PCB arc delta to the intended short wrapped sweep.
      * @param {number} startAngle Start angle in degrees.

package/src/PcbScene3dBoardAssemblyPresentation.mjs

@@ -1,4 +1,5 @@
 import { PcbScene3dBoardMaterialPalette } from './PcbScene3dBoardMaterialPalette.mjs'
+import { PcbScene3dMaterialFinish } from './PcbScene3dMaterialFinish.mjs'
 
 /**
  * Applies display-only material adjustments to full-board assembly models.
@@ -155,6 +156,7 @@ export class PcbScene3dBoardAssemblyPresentation {
             object?.material,
             surfaceColor
         )
+        PcbScene3dMaterialFinish.applySemiMatteSolderMask(object?.material)
     }
 
     /**
@@ -192,6 +194,7 @@ export class PcbScene3dBoardAssemblyPresentation {
             surfaceMaterial,
             surfaceColor
         )
+        PcbScene3dMaterialFinish.applySemiMatteSolderMask(surfaceMaterial)
         PcbScene3dBoardAssemblyPresentation.#applyMaterialColor(
             edgeMaterial,
             edgeColor

package/src/PcbScene3dBoardSolderMaskFactory.mjs

@@ -1,6 +1,7 @@
 import { PcbScene3dBoardMaterialPalette } from './PcbScene3dBoardMaterialPalette.mjs'
 import { PcbScene3dCutoutGeometryFilter } from './PcbScene3dCutoutGeometryFilter.mjs'
 import { PcbScene3dDrillPathFactory } from './PcbScene3dDrillPathFactory.mjs'
+import { PcbScene3dMaterialFinish } from './PcbScene3dMaterialFinish.mjs'
 import { PcbScene3dOutlineBuilder } from './PcbScene3dOutlineBuilder.mjs'
 
 /**
@@ -602,8 +603,7 @@ export class PcbScene3dBoardSolderMaskFactory {
             color: PcbScene3dBoardMaterialPalette.resolveSurfaceColor(board, {
                 hasBoardAssemblyModel: true
             }),
-            roughness: 0.68,
-            metalness: 0.08,
+            ...PcbScene3dMaterialFinish.semiMatteSolderMaskProperties(),
             polygonOffset: true,
             polygonOffsetFactor: -1,
             polygonOffsetUnits: -1,

package/src/PcbScene3dCameraRig.mjs

@@ -48,7 +48,7 @@ export class PcbScene3dCameraRig {
             return {
                 radius,
                 target,
-                up: { x: 0, y: -1, z: 0 },
+                up: PcbScene3dCameraRig.#bottomUpVector(sceneDescription),
                 position: {
                     x: target.x,
                     y: target.y,
@@ -165,4 +165,19 @@ export class PcbScene3dCameraRig {
             z: Number(controls?.target?.z || 0)
         }
     }
+
+    /**
+     * Resolves screen-up for bottom views from the scene coordinate contract.
+     * @param {{ coordinateSystem?: string }} sceneDescription Scene metadata.
+     * @returns {{ x: number, y: number, z: number }}
+     */
+    static #bottomUpVector(sceneDescription) {
+        const coordinateSystem = String(
+            sceneDescription?.coordinateSystem || ''
+        ).toLowerCase()
+
+        return coordinateSystem === 'kicad-3d-y-up'
+            ? { x: 0, y: 1, z: 0 }
+            : { x: 0, y: -1, z: 0 }
+    }
 }

package/src/PcbScene3dCopperDetailFilter.mjs

@@ -39,6 +39,41 @@ export class PcbScene3dCopperDetailFilter {
         }
     }
 
+    /**
+     * Resolves trace-like copper that should be visible through solder mask.
+     * @param {object} sceneDescription 3D scene description.
+     * @returns {{ tracks: any[], arcs: any[], copperTexts: any[], vias: any[] }}
+     */
+    static resolveCoveredByMask(sceneDescription) {
+        const detail = sceneDescription?.detail || {}
+
+        if (
+            !PcbScene3dCopperDetailFilter.#usesRealisticMasking(
+                sceneDescription
+            )
+        ) {
+            return { tracks: [], arcs: [], copperTexts: [], vias: [] }
+        }
+
+        const defaultCovered =
+            PcbScene3dCopperDetailFilter.#usesDefaultCoveredCopper(
+                sceneDescription
+            )
+
+        return {
+            tracks: PcbScene3dCopperDetailFilter.#filterMaskCoveredPrimitives(
+                detail.tracks,
+                defaultCovered
+            ),
+            arcs: PcbScene3dCopperDetailFilter.#filterMaskCoveredPrimitives(
+                detail.arcs,
+                defaultCovered
+            ),
+            copperTexts: [],
+            vias: []
+        }
+    }
+
     /**
      * Checks whether standalone via annuli should be rendered.
      * @param {object} sceneDescription 3D scene description.
@@ -101,6 +136,24 @@ export class PcbScene3dCopperDetailFilter {
         )
     }
 
+    /**
+     * Checks whether tracks are considered mask-covered without per-primitive
+     * mask metadata.
+     * @param {object} sceneDescription 3D scene description.
+     * @returns {boolean}
+     */
+    static #usesDefaultCoveredCopper(sceneDescription) {
+        const sourceFormat = String(sceneDescription?.sourceFormat || '')
+            .trim()
+            .toLowerCase()
+
+        return (
+            sourceFormat === 'altium' ||
+            sourceFormat === 'kicad' ||
+            sceneDescription?.coordinateSystem === 'kicad-3d-y-up'
+        )
+    }
+
     /**
      * Checks whether parsed copper detail carries explicit solder-mask data.
      * @param {object | undefined} detail Scene detail.
@@ -132,6 +185,25 @@ export class PcbScene3dCopperDetailFilter {
         )
     }
 
+    /**
+     * Keeps trace-like copper primitives that are covered by solder mask.
+     * @param {any[] | undefined} primitives Copper primitive list.
+     * @param {boolean} defaultCovered Whether missing metadata means covered.
+     * @returns {any[]}
+     */
+    static #filterMaskCoveredPrimitives(primitives, defaultCovered) {
+        return (primitives || []).filter((primitive) => {
+            if (PcbScene3dCopperDetailFilter.#hasMaskOpening(primitive)) {
+                return false
+            }
+
+            return (
+                defaultCovered ||
+                PcbScene3dCopperDetailFilter.#hasMaskMetadata(primitive)
+            )
+        })
+    }
+
     /**
      * Keeps vias only when they are explicitly not tented.
      * @param {any[] | undefined} vias Via list.
@@ -243,7 +315,7 @@ export class PcbScene3dCopperDetailFilter {
      * @returns {boolean}
      */
     static #hasMaskOpening(primitive, maskMatcher = null) {
-        if (primitive?.hasSolderMask === true) {
+        if (primitive?.hasSolderMask === false) {
             return true
         }
 

package/src/PcbScene3dCopperDetailGroupBuilder.mjs

@@ -0,0 +1,482 @@
+import { PcbScene3dBoardMaterialPalette } from './PcbScene3dBoardMaterialPalette.mjs'
+import { PcbScene3dCopperDetailFilter } from './PcbScene3dCopperDetailFilter.mjs'
+import { PcbScene3dCopperFactory } from './PcbScene3dCopperFactory.mjs'
+import { PcbScene3dPadFactory } from './PcbScene3dPadFactory.mjs'
+import { PcbScene3dViaFactory } from './PcbScene3dViaFactory.mjs'
+
+/**
+ * Builds deferred copper-detail groups for the 3D runtime.
+ */
+export class PcbScene3dCopperDetailGroupBuilder {
+    static #CIRCLE_SEGMENTS = 64
+    static #ROUNDED_CORNER_SEGMENTS = 12
+
+    /**
+     * Builds visible exposed and mask-covered copper detail.
+     * @param {any} THREE Three.js namespace.
+     * @param {object} sceneDescription Scene description.
+     * @param {number} topZ Top copper center Z.
+     * @param {(x: number, y: number) => { x: number, y: number }} normalizePoint
+     * @returns {any}
+     */
+    static build(THREE, sceneDescription, topZ, normalizePoint) {
+        const group = new THREE.Group()
+        const coveredGroup =
+            PcbScene3dCopperDetailGroupBuilder.#buildCoveredGroup(
+                THREE,
+                sceneDescription,
+                topZ,
+                normalizePoint
+            )
+        const exposedGroup =
+            PcbScene3dCopperDetailGroupBuilder.#buildExposedGroup(
+                THREE,
+                sceneDescription,
+                topZ,
+                normalizePoint
+            )
+        const viaGroup = PcbScene3dCopperDetailGroupBuilder.#buildViaGroup(
+            THREE,
+            sceneDescription,
+            normalizePoint
+        )
+
+        ;[coveredGroup, exposedGroup, viaGroup]
+            .filter((child) => child.children.length)
+            .forEach((child) => group.add(child))
+
+        return group
+    }
+
+    /**
+     * Builds traces covered by solder mask.
+     * @param {any} THREE Three.js namespace.
+     * @param {object} sceneDescription Scene description.
+     * @param {number} topZ Top copper center Z.
+     * @param {(x: number, y: number) => { x: number, y: number }} normalizePoint
+     * @returns {any}
+     */
+    static #buildCoveredGroup(THREE, sceneDescription, topZ, normalizePoint) {
+        return PcbScene3dCopperFactory.buildMaskCoveredGroup(
+            THREE,
+            PcbScene3dCopperDetailFilter.resolveCoveredByMask(sceneDescription),
+            topZ,
+            -topZ,
+            normalizePoint,
+            {
+                solderMaskColor:
+                    PcbScene3dBoardMaterialPalette.resolveSurfaceColor(
+                        sceneDescription?.board,
+                        {
+                            hasBoardAssemblyModel: Boolean(
+                                sceneDescription?.boardAssemblyModel
+                            )
+                        }
+                    ),
+                occlusionCutouts:
+                    PcbScene3dCopperDetailGroupBuilder.#resolveCoveredCopperOcclusions(
+                        sceneDescription?.detail
+                    )
+            }
+        )
+    }
+
+    /**
+     * Builds exposed copper detail.
+     * @param {any} THREE Three.js namespace.
+     * @param {object} sceneDescription Scene description.
+     * @param {number} topZ Top copper center Z.
+     * @param {(x: number, y: number) => { x: number, y: number }} normalizePoint
+     * @returns {any}
+     */
+    static #buildExposedGroup(THREE, sceneDescription, topZ, normalizePoint) {
+        return PcbScene3dCopperFactory.buildGroup(
+            THREE,
+            PcbScene3dCopperDetailFilter.resolve(sceneDescription),
+            topZ,
+            -topZ,
+            normalizePoint,
+            { coordinateSystem: sceneDescription?.coordinateSystem }
+        )
+    }
+
+    /**
+     * Builds exposed via and through-hole barrel detail.
+     * @param {any} THREE Three.js namespace.
+     * @param {object} sceneDescription Scene description.
+     * @param {(x: number, y: number) => { x: number, y: number }} normalizePoint
+     * @returns {any}
+     */
+    static #buildViaGroup(THREE, sceneDescription, normalizePoint) {
+        if (
+            !PcbScene3dCopperDetailFilter.shouldRenderStandaloneVias(
+                sceneDescription
+            )
+        ) {
+            return new THREE.Group()
+        }
+
+        return PcbScene3dViaFactory.buildGroup(
+            THREE,
+            PcbScene3dCopperDetailFilter.resolveStandaloneVias(
+                sceneDescription
+            ),
+            sceneDescription?.board?.thicknessMil,
+            normalizePoint
+        )
+    }
+
+    /**
+     * Resolves opaque silkscreen fill polygons that should hide covered copper.
+     * @param {{ top?: object, bottom?: object } | undefined} silkscreen Scene silkscreen detail.
+     * @returns {{ top: { x: number, y: number }[][], bottom: { x: number, y: number }[][] }}
+     */
+    static #resolveSilkscreenFillOcclusions(silkscreen) {
+        return {
+            top: PcbScene3dCopperDetailGroupBuilder.#resolveSideFillOcclusions(
+                silkscreen?.top
+            ),
+            bottom: PcbScene3dCopperDetailGroupBuilder.#resolveSideFillOcclusions(
+                silkscreen?.bottom
+            )
+        }
+    }
+
+    /**
+     * Resolves fill contours on one silkscreen side.
+     * @param {{ fills?: any[] } | undefined} side Side-specific silkscreen detail.
+     * @returns {{ x: number, y: number }[][]}
+     */
+    static #resolveSideFillOcclusions(side) {
+        return (Array.isArray(side?.fills) ? side.fills : [])
+            .map((fill) =>
+                Array.isArray(fill?.points) && fill.points.length >= 3
+                    ? fill.points
+                    : PcbScene3dCopperDetailGroupBuilder.#resolveBoxFillPoints(
+                          fill
+                      )
+            )
+            .map((points) =>
+                points
+                    .map((point) => ({
+                        x: Number(point?.x),
+                        y: Number(point?.y)
+                    }))
+                    .filter(
+                        (point) =>
+                            Number.isFinite(point.x) && Number.isFinite(point.y)
+                    )
+            )
+            .filter((points) => points.length >= 3)
+    }
+
+    /**
+     * Resolves a rectangular fill as a polygon contour.
+     * @param {{ x1?: number, y1?: number, x2?: number, y2?: number } | undefined} fill Fill record.
+     * @returns {{ x: number, y: number }[]}
+     */
+    static #resolveBoxFillPoints(fill) {
+        const x1 = Number(fill?.x1)
+        const y1 = Number(fill?.y1)
+        const x2 = Number(fill?.x2)
+        const y2 = Number(fill?.y2)
+
+        if (
+            !Number.isFinite(x1) ||
+            !Number.isFinite(y1) ||
+            !Number.isFinite(x2) ||
+            !Number.isFinite(y2)
+        ) {
+            return []
+        }
+
+        return [
+            { x: x1, y: y1 },
+            { x: x2, y: y1 },
+            { x: x2, y: y2 },
+            { x: x1, y: y2 }
+        ]
+    }
+
+    /**
+     * Resolves opaque geometry that should hide mask-covered copper.
+     * @param {object | undefined} detail Scene detail.
+     * @returns {{ top: { x: number, y: number }[][], bottom: { x: number, y: number }[][] }}
+     */
+    static #resolveCoveredCopperOcclusions(detail) {
+        const silkscreenOcclusions =
+            PcbScene3dCopperDetailGroupBuilder.#resolveSilkscreenFillOcclusions(
+                detail?.silkscreen
+            )
+
+        return {
+            top: silkscreenOcclusions.top.concat(
+                PcbScene3dCopperDetailGroupBuilder.#resolvePadSurfaceOcclusions(
+                    detail?.pads,
+                    'top'
+                )
+            ),
+            bottom: silkscreenOcclusions.bottom.concat(
+                PcbScene3dCopperDetailGroupBuilder.#resolvePadSurfaceOcclusions(
+                    detail?.pads,
+                    'bottom'
+                )
+            )
+        }
+    }
+
+    /**
+     * Resolves exposed pad faces on one side as occlusion polygons.
+     * @param {object[] | undefined} pads Pad detail rows.
+     * @param {'top' | 'bottom'} side Board side.
+     * @returns {{ x: number, y: number }[][]}
+     */
+    static #resolvePadSurfaceOcclusions(pads, side) {
+        return (Array.isArray(pads) ? pads : [])
+            .filter((pad) =>
+                PcbScene3dCopperDetailGroupBuilder.#hasVisiblePadSurface(
+                    pad,
+                    side
+                )
+            )
+            .map((pad) =>
+                PcbScene3dCopperDetailGroupBuilder.#resolvePadSurfacePolygon(
+                    pad,
+                    side
+                )
+            )
+            .filter((points) => points.length >= 3)
+    }
+
+    /**
+     * Checks whether one pad face has exposed copper on a side.
+     * @param {object} pad Pad detail row.
+     * @param {'top' | 'bottom'} side Board side.
+     * @returns {boolean}
+     */
+    static #hasVisiblePadSurface(pad, side) {
+        if (
+            PcbScene3dCopperDetailGroupBuilder.#resolveSolderMaskOpening(
+                pad,
+                side
+            ) === false
+        ) {
+            return false
+        }
+
+        if (PcbScene3dCopperDetailGroupBuilder.#hasSideSize(pad, side)) {
+            return true
+        }
+
+        const oppositeSide = side === 'bottom' ? 'top' : 'bottom'
+        if (
+            PcbScene3dCopperDetailGroupBuilder.#hasSideSize(pad, oppositeSide)
+        ) {
+            return false
+        }
+
+        return (
+            Number(pad?.sizeMidX || 0) > 0 ||
+            Number(pad?.sizeMidY || 0) > 0 ||
+            Number(pad?.holeDiameter || 0) > 0
+        )
+    }
+
+    /**
+     * Resolves one side-specific solder mask opening flag.
+     * @param {object} pad Pad detail row.
+     * @param {'top' | 'bottom'} side Board side.
+     * @returns {boolean | null}
+     */
+    static #resolveSolderMaskOpening(pad, side) {
+        const fieldName =
+            side === 'bottom'
+                ? 'hasBottomSolderMaskOpening'
+                : 'hasTopSolderMaskOpening'
+
+        return typeof pad?.[fieldName] === 'boolean' ? pad[fieldName] : null
+    }
+
+    /**
+     * Checks whether one pad has an explicit copper size for a side.
+     * @param {object} pad Pad detail row.
+     * @param {'top' | 'bottom'} side Board side.
+     * @returns {boolean}
+     */
+    static #hasSideSize(pad, side) {
+        return side === 'bottom'
+            ? Number(pad?.sizeBottomX || 0) > 0 ||
+                  Number(pad?.sizeBottomY || 0) > 0
+            : Number(pad?.sizeTopX || 0) > 0 || Number(pad?.sizeTopY || 0) > 0
+    }
+
+    /**
+     * Resolves one pad surface as a board-coordinate polygon.
+     * @param {object} pad Pad detail row.
+     * @param {'top' | 'bottom'} side Board side.
+     * @returns {{ x: number, y: number }[]}
+     */
+    static #resolvePadSurfacePolygon(pad, side) {
+        const spec = PcbScene3dPadFactory.resolvePadSurfaceSpec(pad, side)
+        const center = {
+            x: Number(pad?.x || 0) + spec.offsetX,
+            y: Number(pad?.y || 0) + spec.offsetY
+        }
+
+        return PcbScene3dCopperDetailGroupBuilder.#transformPoints(
+            PcbScene3dCopperDetailGroupBuilder.#buildPadLocalPoints(spec),
+            center,
+            Number(pad?.rotation || 0)
+        )
+    }
+
+    /**
+     * Builds local points for one pad face.
+     * @param {{ width: number, height: number, kind: string, cornerRadius: number }} spec Pad surface spec.
+     * @returns {{ x: number, y: number }[]}
+     */
+    static #buildPadLocalPoints(spec) {
+        if (spec.kind === 'circle') {
+            return PcbScene3dCopperDetailGroupBuilder.#buildCirclePoints(
+                Math.max(spec.width, spec.height) / 2
+            )
+        }
+
+        if (spec.kind === 'rounded-rect' && Number(spec.cornerRadius) > 0) {
+            return PcbScene3dCopperDetailGroupBuilder.#buildRoundedRectPoints(
+                spec.width,
+                spec.height,
+                spec.cornerRadius
+            )
+        }
+
+        return PcbScene3dCopperDetailGroupBuilder.#buildRectPoints(
+            spec.width,
+            spec.height
+        )
+    }
+
+    /**
+     * Builds a circular polygon centered at the origin.
+     * @param {number} radius Circle radius.
+     * @returns {{ x: number, y: number }[]}
+     */
+    static #buildCirclePoints(radius) {
+        return Array.from(
+            { length: PcbScene3dCopperDetailGroupBuilder.#CIRCLE_SEGMENTS },
+            (_unused, index) => {
+                const angle =
+                    (Math.PI * 2 * index) /
+                    PcbScene3dCopperDetailGroupBuilder.#CIRCLE_SEGMENTS
+
+                return {
+                    x: Math.cos(angle) * radius,
+                    y: Math.sin(angle) * radius
+                }
+            }
+        )
+    }
+
+    /**
+     * Builds a rectangle polygon centered at the origin.
+     * @param {number} width Rectangle width.
+     * @param {number} height Rectangle height.
+     * @returns {{ x: number, y: number }[]}
+     */
+    static #buildRectPoints(width, height) {
+        const halfWidth = Number(width || 0) / 2
+        const halfHeight = Number(height || 0) / 2
+
+        return [
+            { x: -halfWidth, y: -halfHeight },
+            { x: halfWidth, y: -halfHeight },
+            { x: halfWidth, y: halfHeight },
+            { x: -halfWidth, y: halfHeight }
+        ]
+    }
+
+    /**
+     * Builds a rounded rectangle polygon centered at the origin.
+     * @param {number} width Rectangle width.
+     * @param {number} height Rectangle height.
+     * @param {number} radius Corner radius.
+     * @returns {{ x: number, y: number }[]}
+     */
+    static #buildRoundedRectPoints(width, height, radius) {
+        const halfWidth = Number(width || 0) / 2
+        const halfHeight = Number(height || 0) / 2
+        const cornerRadius = Math.min(
+            Math.max(Number(radius || 0), 0),
+            halfWidth,
+            halfHeight
+        )
+        const corners = [
+            { x: halfWidth - cornerRadius, y: halfHeight - cornerRadius },
+            { x: -halfWidth + cornerRadius, y: halfHeight - cornerRadius },
+            { x: -halfWidth + cornerRadius, y: -halfHeight + cornerRadius },
+            { x: halfWidth - cornerRadius, y: -halfHeight + cornerRadius }
+        ]
+        const angleRanges = [
+            [0, Math.PI / 2],
+            [Math.PI / 2, Math.PI],
+            [Math.PI, (Math.PI * 3) / 2],
+            [(Math.PI * 3) / 2, Math.PI * 2]
+        ]
+
+        return corners.flatMap((corner, cornerIndex) =>
+            PcbScene3dCopperDetailGroupBuilder.#buildCornerPoints(
+                corner,
+                cornerRadius,
+                angleRanges[cornerIndex]
+            )
+        )
+    }
+
+    /**
+     * Builds sampled points for one rounded corner.
+     * @param {{ x: number, y: number }} center Corner arc center.
+     * @param {number} radius Corner radius.
+     * @param {number[]} angleRange Start and end angle.
+     * @returns {{ x: number, y: number }[]}
+     */
+    static #buildCornerPoints(center, radius, angleRange) {
+        const [startAngle, endAngle] = angleRange
+
+        return Array.from(
+            {
+                length:
+                    PcbScene3dCopperDetailGroupBuilder
+                        .#ROUNDED_CORNER_SEGMENTS + 1
+            },
+            (_unused, index) => {
+                const ratio =
+                    index /
+                    PcbScene3dCopperDetailGroupBuilder.#ROUNDED_CORNER_SEGMENTS
+                const angle = startAngle + (endAngle - startAngle) * ratio
+
+                return {
+                    x: center.x + Math.cos(angle) * radius,
+                    y: center.y + Math.sin(angle) * radius
+                }
+            }
+        )
+    }
+
+    /**
+     * Rotates and translates local points into board coordinates.
+     * @param {{ x: number, y: number }[]} points Local points.
+     * @param {{ x: number, y: number }} center Board center.
+     * @param {number} rotationDeg Rotation in degrees.
+     * @returns {{ x: number, y: number }[]}
+     */
+    static #transformPoints(points, center, rotationDeg) {
+        const angle = (Number(rotationDeg || 0) * Math.PI) / 180
+        const cos = Math.cos(angle)
+        const sin = Math.sin(angle)
+
+        return points.map((point) => ({
+            x: center.x + point.x * cos - point.y * sin,
+            y: center.y + point.x * sin + point.y * cos
+        }))
+    }
+}