@houstonp/rubiks-cube 1.5.2 → 2.1.0

package/src/threejs/pieces.js

@@ -1,103 +0,0 @@
-import { Group, BoxGeometry, Mesh, SphereGeometry, Material } from 'three';
-import Stickers from './stickers';
-import Materials from './materials';
-
-/**
- * @param {Geometry} sticker
- * @param {Material} frontMaterial
- * @param {Material} rightMaterial
- * @param {Material} topMaterial
- * @param {Material} coreMaterial
- * @returns {Group}
- */
-export function createCornerGroup(frontMaterial, rightMaterial, topMaterial, coreMaterial) {
-    const group = new Group();
-    const boxGeom = new BoxGeometry(1, 1, 1);
-    const boxMesh = new Mesh(boxGeom, coreMaterial);
-    boxMesh.userData = { type: 'piece' };
-    group.add(boxMesh);
-
-    // front
-    const frontSticker = new Mesh(Stickers.corner, frontMaterial);
-    frontSticker.userData = { type: 'sticker' };
-    frontSticker.position.set(0, 0, 0.5);
-    frontSticker.rotation.set(0, 0, 0);
-    group.add(frontSticker);
-
-    //right
-    const rightSticker = new Mesh(Stickers.corner, rightMaterial);
-    rightSticker.userData = { type: 'sticker' };
-    rightSticker.position.set(0.5, 0, 0);
-    rightSticker.rotation.set(Math.PI / 2, Math.PI / 2, 0);
-    group.add(rightSticker);
-
-    //white/yellow
-    const topSticker = new Mesh(Stickers.corner, topMaterial);
-    topSticker.userData = { type: 'sticker' };
-    topSticker.position.set(0, 0.5, 0);
-    topSticker.rotation.set(-Math.PI / 2, 0, -Math.PI / 2);
-    group.add(topSticker);
-
-    return group;
-}
-
-/**
- * @param {Geometry} sticker
- * @param {Material} frontMaterial
- * @param {Material} topMaterial
- * @param {Material} coreMaterial
- * @returns {Group}
- */
-export function createEdgeGroup(frontMaterial, topMaterial, coreMaterial) {
-    const group = new Group();
-    const boxGeom = new BoxGeometry(1, 1, 1);
-    const boxMesh = new Mesh(boxGeom, coreMaterial);
-    boxMesh.userData = { type: 'piece' };
-    group.add(boxMesh);
-
-    // front
-    const frontSticker = new Mesh(Stickers.edge, frontMaterial);
-    frontSticker.userData = { type: 'sticker' };
-    frontSticker.position.set(0, 0, 0.5);
-    frontSticker.rotation.set(0, 0, 0);
-    group.add(frontSticker);
-
-    // top
-    const topSticker = new Mesh(Stickers.edge, topMaterial);
-    topSticker.userData = { type: 'sticker' };
-    topSticker.position.set(0, 0.5, 0);
-    topSticker.rotation.set(-Math.PI / 2, 0, Math.PI);
-    group.add(topSticker);
-
-    return group;
-}
-
-/**
- * @param {Geometry} sticker
- * @param {Material} frontMaterial
- * @param {Material} topMaterial
- * @param {Material} coreMaterial
- * @returns {Group}
- */
-export function createCenterGroup(frontMaterial, coreMaterial) {
-    const group = new Group();
-    const boxGeom = new BoxGeometry(1, 1, 1);
-    const boxMesh = new Mesh(boxGeom, coreMaterial);
-    boxMesh.userData = { type: 'piece' };
-    group.add(boxMesh);
-
-    const frontSticker = new Mesh(Stickers.center, frontMaterial);
-    frontSticker.userData = { type: 'sticker' };
-    frontSticker.position.set(0, 0, 0.5);
-    frontSticker.rotation.set(0, 0, 0);
-    group.add(frontSticker);
-
-    return group;
-}
-
-/**
- * @returns {Mesh}
- */
-export function createCoreMesh() {
-    return new Mesh(new SphereGeometry(1.53), Materials.core);
-}

package/src/threejs/stickers.js

@@ -1,48 +0,0 @@
-import { SVGLoader } from "three/examples/jsm/Addons.js";
-import { ExtrudeGeometry } from "three";
-
-const loader = new SVGLoader();
-const cornerSVG = loader.parse(`
-<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com">
-  <path  d="M 25 0 H 500 V 500 H 0 V 25 A 25 25 0 0 1 25 0 Z" bx:shape="rect 0 0 500 500 25 0 0 0 1@a864c1ee"/>
-</svg>
-`);
-const edgeSVG = loader.parse(`
-<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
-  <path d="M 150 0 L 350 0 C 450 0 500 50 500 120 L 500 500 L 0 500 L 0 120 C 0 50 50 0 150 0 Z"></path>
-</svg>
-`);
-const centerSVG = loader.parse(`
-<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
-  <path  d="M 120 0 L 380 0 C 450 0 500 50 500 120 L 500 380 C 500 450 450 500 380 500 L 120 500 C 50 500 0 450 0 380 L 0 120 C 0 50 50 0 120 0 Z"></path>
-</svg>
-`);
-
-export default class Stickers {
-  static center = new ExtrudeGeometry(
-    SVGLoader.createShapes(centerSVG.paths[0])[0],
-    {
-      depth: 15,
-    }
-  )
-    .scale(0.002, 0.002, 0.002)
-    .translate(-0.5, -0.5, 0);
-
-  static edge = new ExtrudeGeometry(
-    SVGLoader.createShapes(edgeSVG.paths[0])[0],
-    {
-      depth: 15,
-    }
-  )
-    .scale(0.002, 0.002, 0.002)
-    .translate(-0.5, -0.5, 0);
-
-  static corner = new ExtrudeGeometry(
-    SVGLoader.createShapes(cornerSVG.paths[0])[0],
-    {
-      depth: 15,
-    }
-  )
-    .scale(0.002, 0.002, 0.002)
-    .translate(-0.5, -0.5, 0);
-}

package/src/utils/debouncer.js

@@ -1,7 +0,0 @@
-export function debounce(f, delay) {
-  let timer = 0;
-  return function (...args) {
-    clearTimeout(timer);
-    timer = setTimeout(() => f.apply(this, args), delay);
-  };
-}

package/src/utils/rotation.js

@@ -1,53 +0,0 @@
-/**
- * @param {string} action
- * @returns {{axis: "x"|"y"|"z", layers: (0|1|-1)[], direction: (1|-1|2|-2)}}
- */
-export default function getRotationDetailsFromNotation(action) {
-    if (!action) return;
-    const reverse = action.includes("'") ? -1 : 1;
-    action = action.replace("'", '');
-    const multiplier = action.includes('2') ? 2 : 1;
-    action = action.replace('2', '');
-    if (!action) return;
-    const move = action[0];
-
-    if (move === 'x') {
-        return { axis: 'x', layers: [], direction: -reverse * multiplier };
-    } else if (move === 'y') {
-        return { axis: 'y', layers: [], direction: -reverse * multiplier };
-    } else if (move === 'z') {
-        return { axis: 'z', layers: [], direction: -reverse * multiplier };
-    } else if (move === 'U') {
-        return { axis: 'y', layers: [1], direction: -reverse * multiplier };
-    } else if (move === 'u') {
-        return { axis: 'y', layers: [1, 0], direction: -reverse * multiplier };
-    } else if (move === 'R') {
-        return { axis: 'x', layers: [1], direction: -reverse * multiplier };
-    } else if (move === 'r') {
-        return { axis: 'x', layers: [1, 0], direction: -reverse * multiplier };
-    } else if (move === 'L') {
-        return { axis: 'x', layers: [-1], direction: -reverse * multiplier };
-    } else if (move == 'l') {
-        return { axis: 'x', layers: [-1, 0], direction: -reverse * multiplier };
-    } else if (move === 'D') {
-        return { axis: 'y', layers: [-1], direction: -reverse * multiplier };
-    } else if (move === 'd') {
-        return { axis: 'y', layers: [-1, 0], direction: -reverse * multiplier };
-    } else if (move === 'F') {
-        return { axis: 'z', layers: [1], direction: -reverse * multiplier };
-    } else if (move === 'f') {
-        return { axis: 'z', layers: [1, 0], direction: -reverse * multiplier };
-    } else if (move === 'B') {
-        return { axis: 'z', layers: [-1], direction: -reverse * multiplier };
-    } else if (move === 'b') {
-        return { axis: 'z', layers: [-1, 0], direction: -reverse * multiplier };
-    } else if (move === 'M') {
-        return { axis: 'x', layers: [0], direction: -reverse * multiplier };
-    } else if (move === 'E') {
-        return { axis: 'y', layers: [0], direction: -reverse * multiplier };
-    } else if (move === 'S') {
-        return { axis: 'z', layers: [0], direction: -reverse * multiplier };
-    }
-    console.log(`rubiks-cube invalid Action: ${action}`);
-    return undefined;
-}