AtomicGameEngine/Script/AtomicEditor/ui/AnimationToolbar.ts

//
// Copyright (c) 2014-2016 THUNDERBEAST GAMES LLC
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to deal
// in the Software without restriction, including without limitation the rights
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE.
//

import EditorEvents = require("editor/EditorEvents");
import EditorUI = require("ui/EditorUI");
import HierarchyFrame = require("ui/frames/HierarchyFrame");
import InspectorUtils = require("ui/frames/inspector/InspectorUtils");
import ResourceOps = require("resources/ResourceOps");
import ModalOps = require("ui/modal/ModalOps");

class AnimationToolbar extends Atomic.UIWidget {

    constructor(parent: Atomic.UIWidget, properties: Atomic.UIWidget, asset: ToolCore.Asset) {

        super();

        this.load("AtomicEditor/editor/ui/animationtoolbar.tb.txt");
        this.asset = asset;

        this.leftAnimContainer = <Atomic.UILayout>this.getWidget("leftanimcontainer");
        this.rightAnimContainer = <Atomic.UILayout>this.getWidget("rightanimcontainer");

        this.subscribeToEvent(this, "WidgetEvent", (ev) => this.handleWidgetEvent(ev));
        this.subscribeToEvent(EditorEvents.ActiveSceneEditorChange, (data) => this.handleActiveSceneEditorChanged(data));
        this.subscribeToEvent(EditorEvents.SceneClosed, (data) => this.handleSceneClosed(data));

        var leftAnimationField = InspectorUtils.createAttrEditFieldWithSelectButton("Animation A", this.leftAnimContainer);
        leftAnimationField.selectButton.onClick = function () { this.openAnimationSelectionBox(leftAnimationField.editField, this.leftAnim); }.bind(this);

        var rightAnimationField = InspectorUtils.createAttrEditFieldWithSelectButton("Animation B", this.rightAnimContainer);
        rightAnimationField.selectButton.onClick = function () { this.openAnimationSelectionBox(rightAnimationField.editField, this.rightAnim); }.bind(this);

        this.leftAnimEditfield = leftAnimationField.editField;
        this.rightAnimEditfield = rightAnimationField.editField;

        var leftStateContainer = <Atomic.UILayout>this.getWidget("leftstatedropdown");
        var rightStateContainer = <Atomic.UILayout>this.getWidget("rightstatedropdown");

        ResourceOps.CreateNewAnimationPreviewScene();
        this.populateScene();

        parent.addChild(this);

        //Animation properties bar
        this.animationPropertiesContainer = new Atomic.UILayout();

        this.animationSpeed = InspectorUtils.createAttrEditField("Playback Speed:", this.animationPropertiesContainer);
        this.animationSpeed.setAdaptToContentSize(true);

        this.blendSpeed = InspectorUtils.createAttrEditField("Blend Speed:", this.animationPropertiesContainer);
        this.blendSpeed.setAdaptToContentSize(true);

        //Set default values
        this.animationSpeed.setText("1");
        this.blendSpeed.setText("0");

        properties.addChild(this.animationPropertiesContainer);

        this.modalOps = new ModalOps();

    }

    handleWidgetEvent(ev: Atomic.UIWidgetEvent): boolean {

        if (ev.type == Atomic.UI_EVENT_TYPE_CLICK) {
            if (this.animationController != null) {

                if (ev.target.id == "play_left") {
                    if (this.animationController.playExclusive(this.leftAnimEditfield.text, 0, true))
                        this.animationController.setSpeed(this.leftAnimEditfield.text, Number(this.animationSpeed.text));
                    else
                        this.showAnimationWarning();

                    return true;
                }
                if (ev.target.id == "play_right") {
                    if (this.animationController.playExclusive(this.rightAnimEditfield.text, 0, true))
                        this.animationController.setSpeed(this.rightAnimEditfield.text, Number(this.animationSpeed.text));
                    else
                        this.showAnimationWarning();

                    return true;
                }
                if (ev.target.id == "blend_left") {
                    if (this.animationController.playExclusive(this.leftAnimEditfield.text, 0, true, Number(this.blendSpeed.text)))
                        this.animationController.setSpeed(this.leftAnimEditfield.text, Number(this.animationSpeed.text));
                    else
                        this.showAnimationWarning();

                    return true;
                }
                if (ev.target.id == "blend_right") {
                    if (this.animationController.playExclusive(this.rightAnimEditfield.text, 0, true, Number(this.blendSpeed.text)))
                        this.animationController.setSpeed(this.rightAnimEditfield.text, Number(this.animationSpeed.text));
                    else
                        this.modalOps.showError("Animation Toolbar Warning", "The animation cannot be played. Please make sure the animation you are trying to play exists in the AnimationController Component.");

                    return true;
                }
                if (ev.target.id == "stop") {
                    this.animationController.stopAll();
                    return true;
                }
            }
        }
        return true;
    }

    handleSceneClosed(ev: EditorEvents.SceneClosedEvent) {
        if (ev.scene == this.scene) {
            Atomic.fileSystem.delete(this.sceneAssetPath);

            if (this.animationPropertiesContainer)
                this.animationPropertiesContainer.remove();

            this.remove();
        }
    }

    closeViewer() {
        Atomic.fileSystem.delete(this.sceneAssetPath);
            this.sceneEditor.close();
            if (this.animationPropertiesContainer)
                this.animationPropertiesContainer.remove();
            this.remove();
    }

    handleActiveSceneEditorChanged(event: EditorEvents.ActiveSceneEditorChangeEvent) {

        if (!event.sceneEditor)
            return;

        this.sceneEditor = event.sceneEditor;
        this.scene = event.sceneEditor.scene;

        if (this.scene) {
            this.unsubscribeFromEvents(this.scene);
            return;
        }

        if (!event.sceneEditor)
            return;
    }

    populateScene() {

        this.scene.setUpdateEnabled(true);

        var modelNode = this.asset.instantiateNode(this.scene, this.asset.name);
        this.modelNode = modelNode;

        this.sceneEditor.selection.addNode(modelNode, true);
        this.sceneEditor.sceneView3D.frameSelection();

        this.animatedModel = <Atomic.AnimatedModel>modelNode.getComponent("AnimatedModel");
        this.animationController = <Atomic.AnimationController>modelNode.getComponent("AnimationController");
        var model = this.animatedModel.model;
        this.animatedModel.setBoneCreationOverride(true);
        this.animatedModel.setModel(model, true);

        var animComp = new Atomic.AnimatedModel();
        var animContComp = new Atomic.AnimationController();
    }

    openAnimationSelectionBox(animationWidget: Atomic.UIEditField, animationSlot: Atomic.Animation) {

        EditorUI.getModelOps().showResourceSelection("Select Animation", "ModelImporter", "Animation", function (resource: Atomic.Animation, args: any) {
            var animation = resource;
            if (animation) {
                animationSlot = animation;
                animationWidget.text = animation.getAnimationName();
            }
        });
    }
    showAnimationWarning() {
        this.modalOps.showError("Animation Preview Warning", "The animation cannot be played. Please make sure the animation you are trying to play exists in the AnimationController Component.");
    }

    modalOps: ModalOps;
    //Animation Toolbar Widgets
    animationController: Atomic.AnimationController;
    animatedModel: Atomic.AnimatedModel;
    scene: Atomic.Scene = null;
    sceneEditor: Editor.SceneEditor3D;
    modelNode: Atomic.Node;

    leftAnimContainer: Atomic.UILayout;
    rightAnimContainer: Atomic.UILayout;
    blendFileContainer: Atomic.UILayout;
    leftAnimEditfield: Atomic.UIEditField;
    rightAnimEditfield: Atomic.UIEditField;

    leftAnim: Atomic.Animation;
    rightAnim: Atomic.Animation;

    asset: ToolCore.Asset;
    sceneAssetPath: string;
    stateDropDownList: string[];
    //Animation Properties Widgets
    animationPropertiesContainer: Atomic.UILayout;
    animationSpeed: Atomic.UIEditField;
    blendSpeed: Atomic.UIEditField;
}

export = AnimationToolbar;