'use strict';

/* __V3D_TEMPLATE__ - template-based file; delete this line to prevent this file from being updated */

window.addEventListener('load', function() {

var CONTAINER_ID = 'v3d-container';

var controllers=[];
var controllerCollection = {};
var camera, cameraNoControl,frontShirt;

(function() {

    var params = v3d.AppUtils.getPageParams();

    var PUZZLES_DIR = '/puzzles/';
    var logicURL = params.logic ? params.logic : '__LOGIC__visual_logic.js'.replace('__LOGIC__', '');
    var sceneURL = params.load ? params.load : '__URL__demo.gltf'.replace('__URL__', '');
    if (!sceneURL) {
        console.log('No scene URL specified');
        return;
    }

    // some puzzles can benefit from cache
    v3d.Cache.enabled = true;

    if (v3d.AppUtils.isXML(logicURL)) {
        var logicURLJS = logicURL.match(/(.*)\.xml$/)[1] + '.js';
        new v3d.PuzzlesLoader().loadEditorWithLogic(PUZZLES_DIR, logicURLJS,
            function() {
                var initOptions = v3d.PL ? v3d.PL.execInitPuzzles({
                        container: CONTAINER_ID }).initOptions
                        : { useFullscreen: true };
                var appInstance = loadScene(sceneURL, initOptions);
                v3d.PE.viewportUseAppInstance(appInstance);
            }
        );
    } else if (v3d.AppUtils.isJS(logicURL)) {
        new v3d.PuzzlesLoader().loadLogic(logicURL, function() {
            var initOptions = v3d.PL ? v3d.PL.execInitPuzzles({
                    container: CONTAINER_ID }).initOptions
                    : { useFullscreen: true };
            loadScene(sceneURL, initOptions);
        });
    } else {
        loadScene(sceneURL, { useFullscreen: true });
    }
})();

function loadScene(sceneURL, initOptions) {

    initOptions = initOptions || {};

    var ctxSettings = {};
    if (initOptions.useBkgTransp) ctxSettings.alpha = true;
    if (initOptions.preserveDrawBuf) ctxSettings.preserveDrawingBuffer = true;

    var preloader = initOptions.useCustomPreloader
            ? createCustomPreloader(initOptions.preloaderProgressCb,
            initOptions.preloaderEndCb)
            : new v3d.SimplePreloader({ container: CONTAINER_ID });

    if (v3d.PE) {
        puzzlesEditorPreparePreloader(preloader);
    }

    var app = new v3d.App(CONTAINER_ID, ctxSettings, preloader);
    if (initOptions.useBkgTransp) {
        app.clearBkgOnLoad = true;
        app.renderer.setClearColor(0x000000, 0);
    }

    // namespace for communicating with code generated by Puzzles
    app.ExternalInterface = {};
    prepareExternalInterface(app);

    if (initOptions.preloaderStartCb) initOptions.preloaderStartCb();
    if (initOptions.useFullscreen) {
        initFullScreen();
    } else {
        var fsButton = document.getElementById('fullscreen_button');
        if (fsButton) fsButton.style.display = 'none';
    }

    sceneURL = initOptions.useCompAssets ? sceneURL + '.xz' : sceneURL;
    app.loadScene(sceneURL, function() {
        app.enableControls();
        app.run();

        if (v3d.PE) v3d.PE.updateAppInstance(app);
        if (v3d.PL) v3d.PL.init(app, initOptions);

        runCode(app);
    }, null, function() {
        console.log('Can\'t load the scene ' + sceneURL);
    });

    return app;
}

function createCustomPreloader(updateCb, finishCb) {
    function CustomPreloader() {
        v3d.Preloader.call(this);
    }

    CustomPreloader.prototype = Object.assign(Object.create(v3d.Preloader.prototype), {
        onUpdate: function(percentage) {
            v3d.Preloader.prototype.onUpdate.call(this, percentage);
            if (updateCb) updateCb(percentage);
        },
        onFinish: function() {
            v3d.Preloader.prototype.onFinish.call(this);
            if (finishCb) finishCb();
        }
    });

    return new CustomPreloader();
}

/**
 * Modify the app's preloader to track the loading process in the Puzzles Editor.
 */
function puzzlesEditorPreparePreloader(preloader) {
    // backward compatibility for loading new projects within the old Puzzles Editor
    if (v3d.PE.loadingUpdateCb !== undefined && v3d.PE.loadingFinishCb !== undefined) {
        var _onUpdate = preloader.onUpdate.bind(preloader);
        preloader.onUpdate = function(percentage) {
            _onUpdate(percentage);
            v3d.PE.loadingUpdateCb(percentage);
        }

        var _onFinish = preloader.onFinish.bind(preloader);
        preloader.onFinish = function() {
            _onFinish();
            v3d.PE.loadingFinishCb();
        }
    }
}

function initFullScreen() {

    var fsButton = document.getElementById('fullscreen_button');
    if (!fsButton) return;

    var container = document.getElementById(CONTAINER_ID);

    if (document.fullscreenEnabled ||
            document.webkitFullscreenEnabled ||
            document.mozFullScreenEnabled ||
            document.msFullscreenEnabled)
        fsButton.style.display = 'inline';

    fsButton.addEventListener('click', function(event) {
        event.stopPropagation();
        if (document.fullscreenElement ||
                document.webkitFullscreenElement ||
                document.mozFullScreenElement ||
                document.msFullscreenElement) {
            exitFullscreen();
        } else
            requestFullscreen(container);
    });

    function changeFullscreen() {
        if (document.fullscreenElement ||
                document.webkitFullscreenElement ||
                document.mozFullScreenElement ||
                document.msFullscreenElement) {
            fsButton.classList.remove('fullscreen-open');
            fsButton.classList.add('fullscreen-close');
        } else {
            fsButton.classList.remove('fullscreen-close');
            fsButton.classList.add('fullscreen-open');
        }
    }

    document.addEventListener('webkitfullscreenchange', changeFullscreen);
    document.addEventListener('mozfullscreenchange', changeFullscreen);
    document.addEventListener('msfullscreenchange', changeFullscreen);
    document.addEventListener('fullscreenchange', changeFullscreen);

    function requestFullscreen(elem) {
        if (elem.requestFullscreen)
            elem.requestFullscreen();
        else if (elem.mozRequestFullScreen)
            elem.mozRequestFullScreen();
        else if (elem.webkitRequestFullscreen)
            elem.webkitRequestFullscreen();
        else if (elem.msRequestFullscreen)
            elem.msRequestFullscreen();
    }

    function exitFullscreen() {
        if (document.exitFullscreen)
            document.exitFullscreen();
        else if (document.mozCancelFullScreen)
            document.mozCancelFullScreen();
        else if (document.webkitExitFullscreen)
            document.webkitExitFullscreen();
        else if (document.msExitFullscreen)
            document.msExitFullscreen();
    }
}

function prepareExternalInterface(app) {

    var containerDiv = document.getElementById('v3d-container');
    var selectedObject,changing=false;

    function raycast(event) {
        let mouse = new v3d.Vector2();
        mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
        mouse.y = - (event.clientY / window.innerHeight) * 2 + 1;
        let raycaster = new v3d.Raycaster();
        raycaster.setFromCamera(mouse, app.camera);
        try {            
            let intersects = raycaster.intersectObject(frontShirt);
            return intersects[0];
        }
        catch (err) {
            return false;
        }
    }
    function setPoint(event,element) {   
        try {
            let intersectPoint =  raycast(event);
            controllers[element].lookAt(intersectPoint.face.normal);
            controllers[element].position.copy(intersectPoint.point);
        }    
        catch (err){
            return false
        }        
    }

    function checkSelectedArea(event){
        try {
            let position = raycast(event).point;
            for (let element in controllerCollection){
                if ((position.x>=controllerCollection[element].xmin)&&(position.x<=controllerCollection[element].xmax)&&
                    (position.y>=controllerCollection[element].ymin)&&(position.y<=controllerCollection[element].ymax))return element;              
            }
            return false
        }
        catch (err){
            return false
        }        
    }
    function updateControlPoint(element){   
        let deltaScale =controllers[element].scale.x*0.05;    
        controllerCollection[element].xmin = controllers[element].position.x-deltaScale;
        controllerCollection[element].xmax = controllers[element].position.x+deltaScale;
        controllerCollection[element].ymin = controllers[element].position.y-deltaScale;
        controllerCollection[element].ymax = controllers[element].position.y+deltaScale;
        controllerCollection[element].scale = deltaScale/0.05;
    }
    function selectImgObject(e){
        if ((!changing) && checkSelectedArea(e)){
            selectedObject=checkSelectedArea(e)
            v3d.puzzles.procedures.selectImage(controllers[selectedObject].name);
        }
    }

    function startDrag(e){
        try {
            if (selectedObject!==false) {
                if (checkSelectedArea(e)===selectedObject){
                    changing = true;
                    app.setCamera(cameraNoControl)
                }
            }
        }
        catch (err){return false} 
    }

    function dragging(e){        
        if (changing){
            setPoint(e,selectedObject)
        }
    }

    function drog(){
        if(changing){
            changing=false
            app.setCamera(camera);
            updateControlPoint(selectedObject);                
        }
    }

    function modifyConfirm(){
        if(selectedObject!==false){
            selectedObject=false;
            v3d.puzzles.procedures.deSelectImage();
            app.setCamera(camera)
        }
    }

  
    app.ExternalInterface.start = function () {
        containerDiv.addEventListener('click',selectImgObject)        
        window.addEventListener('mouseup',drog)
        window.addEventListener('mousemove',dragging)
        containerDiv.addEventListener('mousedown',startDrag)        
        containerDiv.addEventListener('dblclick',modifyConfirm)
    }

}

function runCode(app) {
    app.scene.children.forEach(i => 
        {if (i.name=="front")frontShirt=i;
        else if(i.groupNames[0]=="Controllers"){controllers.push(i)}
        });
    for (var i=0;i<controllers.length;i++){
        controllerCollection[i]={"xmin":controllers[i].position.x-0.05,"xmax":controllers[i].position.x+0.05,"ymin":controllers[i].position.y-0.05,"ymax":controllers[i].position.y+0.05,"scale":1}
    }
    camera = app.scene.children[0];
    cameraNoControl = camera.children[0].children[0];
}

});