|
|
@@ -0,0 +1,226 @@
|
|
|
+//
|
|
|
+// 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;
|
|
|
+
|
|
|
+
|
Johnny
