main.js

// noinspection JSCheckFunctionSignatures

import * as THREE from 'three';
import {OrbitControls} from "three/addons";
import Game from './game';
import {areNumbersAlmostEqual} from './utils';
import './loading-cube';

import Interaction from 'three.interaction/src/interaction/Interaction.js';

const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );

const renderer = new THREE.WebGLRenderer( {antialias: true} );
renderer.setSize( innerWidth, innerHeight );
renderer.setAnimationLoop( animationLoop );
document.body.appendChild( renderer.domElement );

window.addEventListener( "resize", (_event) => {
    camera.aspect = innerWidth/innerHeight;
    camera.updateProjectionMatrix( );
    renderer.setSize( innerWidth, innerHeight );
});


const ambientLight = new THREE.AmbientLight( 'white', 2 );
scene.add( ambientLight );

const light = new THREE.DirectionalLight( 'white', 3 );
light.position.set( 1, 1, 1 );
scene.add( light );






const controls = new OrbitControls( camera, renderer.domElement );


let game = new Game(renderer, scene, camera, $(".map-parent"), controls);
game.setListener({
    OnSolvingSuccess: (moves) => {
        console.log('Solving success', moves);
    },
    OnSolvingFailed: () => {
        console.log('Solving fail');
    },
    OnSolvingStart: () => {
        console.log('Start solving');
        loadingWrapper.show();
    },
    OnSolvingEnd: () => {
        console.log('End solving');
        loadingWrapper.hide();
    }
});
game.gameSolver.solver.setSolverOptions({
    delayToStart: 3000
});
console.log(game);

let RubiksCube = game.RubiksCube;

scene.add(RubiksCube);

camera.position.z = 6;
camera.position.x=-4
camera.position.y=4


//animation
const maxAnimations = 10;
let initPos=new Array(RubiksCube.children.length);
window.initPos = initPos;
let coefs=[0,0,0];
let coef=-1;
let maxDis = 0.8;
let animations = 0;
let stop = [true, true];

//elements:
const stopBtn = $("#stop");
const startBtn = $("#start");
const stopBtn1 = $("#stop1");
const startBtn1 = $("#start1");
const loadingWrapper = $("#loading-wrapper");

function stopAnimation() {
    stop[0] = true;
    startBtn.removeClass('d-none');
    stopBtn.addClass('d-none');
}

function startAnimation() {
    stopBtn.removeClass('d-none');
    startBtn.addClass('d-none');
    coef=-1;
    animations = 0;
    for (let i = 0; i < RubiksCube.children.length; i++) {
        let group = RubiksCube.children[i];
        initPos[i] = [group.position.x-game.start, group.position.y-game.start, group.position.z-game.start];
    }
    stop[0] = false;
}

function stopAnimation1() {
    stop[1] = true;
    startBtn1.removeClass('d-none');
    stopBtn1.addClass('d-none');
}

function startAnimation1() {
    stopBtn1.removeClass('d-none');
    startBtn1.addClass('d-none');
    stop[1] = false;
}

function animationLoop() {

    game.animationLoop();
    controls.update();
    light.position.copy( camera.position );
    ambientLight.position.copy( camera.position );

    renderer.render( scene, camera );
    animationsList();
    game.animateAMoveIfThereIsOne();
}

function animationsList() {
    if (!stop[1]) {
        RubiksCube.rotation.x += 0.01;
        RubiksCube.rotation.y += 0.01;
    }
    if (!stop[0]) {
        if (areNumbersAlmostEqual(getPos(RubiksCube.children[0].position)[0], -1 * coef * maxDis) || areNumbersAlmostEqual(getPos(RubiksCube.children[0].position)[0], initPos[0][0])) {
            coef = coef * (-1);
            if (coef>0) {
                animations++;
                if (animations>maxAnimations) {
                    stopAnimation();
                    return;
                }
            }
        }
        for (let i = 0; i < RubiksCube.children.length; i++) {
            let group = RubiksCube.children[i];
            let pos = [
                initPos[i][0],
                initPos[i][1],
                initPos[i][2],
            ];
            coefs = [0,0,0];
            for (let j = 0; j < 3; j++) {
                let co = 0;
                if (areNumbersAlmostEqual(pos[j],game.RubiksSize-1)) co = 1;
                else if (areNumbersAlmostEqual(pos[j],0)) co = -1;
                else if (areNumbersAlmostEqual(pos[j],game.start)) co = 0;
                else {
                    co = pos[j]/((game.RubiksSize-1)/2) - 1;
                }
                coefs[j] = co;
            }
            group.position.x += coefs[0] * coef * 0.01;
            group.position.y += coefs[1] * coef * 0.01;
            group.position.z += coefs[2] * coef * 0.01;
        }
    }
}

function getPos(pos) {
    return [pos.x-game.start,pos.y-game.start,pos.z-game.start];
}


$("#reset_camera").click(function () {
    console.log("reset camera");
    camera.position.z = 6;
    camera.position.x=-4
    camera.position.y=4
});

stopBtn.click(function () {
    animations=maxAnimations;
});

startBtn.click(function () {
    startAnimation();
});

stopBtn1.click(function () {
    stopAnimation1()
});

startBtn1.click(function () {
    startAnimation1();
});

$("#reset1").click(function () {
    RubiksCube.rotation.x=0
    RubiksCube.rotation.y=0
});

$("#shuffle").click(function () {
    game.shuffle();
});

$("#solve-backward").click(function () {
    game.gameSolver.start();
});

// noinspection JSUnusedLocalSymbols
const interaction = new Interaction(renderer, scene, camera);

window.game = game;
window.RubiksCube = RubiksCube;
window.camera = camera;
window.THREE = THREE;
window.light = light;
window.ambientLight = ambientLight;