ModelInspector.ts 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  1. //
  2. // Copyright (c) 2014-2015, THUNDERBEAST GAMES LLC All rights reserved
  3. // LICENSE: Atomic Game Engine Editor and Tools EULA
  4. // Please see LICENSE_ATOMIC_EDITOR_AND_TOOLS.md in repository root for
  5. // license information: https://github.com/AtomicGameEngine/AtomicGameEngine
  6. //
  7. import InspectorWidget = require("./InspectorWidget");
  8. import ArrayEditWidget = require("./ArrayEditWidget");
  9. import InspectorUtils = require("./InspectorUtils");
  10. import EditorEvents = require("editor/EditorEvents");
  11. class ModelInspector extends InspectorWidget {
  12. constructor() {
  13. super();
  14. this.subscribeToEvent(this, "WidgetEvent", (data) => this.handleWidgetEvent(data));
  15. }
  16. handleWidgetEvent(ev: Atomic.UIWidgetEvent):boolean {
  17. return false;
  18. }
  19. onApply() {
  20. this.importer.scale = Number(this.scaleEdit.text);
  21. this.importer.importAnimations = this.importAnimationBox.value ? true : false;
  22. for (var i = 0; i < this.importer.animationCount; i++) {
  23. var info = this.importer.getAnimationInfo(i);
  24. var nameEdit = this.nameEdits[i];
  25. var startEdit = this.startEdits[i];
  26. var endEdit = this.endEdits[i];
  27. info.name = nameEdit.text;
  28. // guard against NAN
  29. var _startTime = Number(startEdit.text);
  30. var _endTime = Number(endEdit.text);
  31. if (isNaN(_startTime)) _startTime = 0;
  32. if (isNaN(_endTime)) _endTime = 0;
  33. info.startTime = _startTime;
  34. info.endTime = _endTime;
  35. }
  36. this.asset.import();
  37. this.asset.save();
  38. }
  39. inspect(asset: ToolCore.Asset) {
  40. this.asset = asset;
  41. this.importer = <ToolCore.ModelImporter> asset.importer;
  42. // node attr layout
  43. var rootLayout = this.rootLayout;
  44. // Model Section
  45. var modelLayout = this.createSection(rootLayout, "Model", 1);
  46. var editField = InspectorUtils.createAttrEditField("Name", modelLayout);
  47. var lp = new Atomic.UILayoutParams();
  48. editField.readOnly = true;
  49. editField.text = asset.name;
  50. //This should preferably be onClick
  51. editField.subscribeToEvent(editField, "UIWidgetFocusChanged", (ev: Atomic.UIWidgetFocusChangedEvent) => {
  52. if (ev.widget == editField && editField.focus) {
  53. this.sendEvent(EditorEvents.InspectorProjectReference, { "path": asset.getRelativePath() });
  54. }
  55. });
  56. this.scaleEdit = InspectorUtils.createAttrEditField("Scale", modelLayout);
  57. this.scaleEdit.text = this.importer.scale.toString();
  58. // Animations Section
  59. var animationLayout = this.createSection(rootLayout, "Animation", 1);
  60. this.importAnimationBox = this.createAttrCheckBox("Import Animations", animationLayout);
  61. this.importAnimationBox.value = this.importer.importAnimations ? 1 : 0;
  62. this.importAnimationArray = new ArrayEditWidget("Animation Count");
  63. animationLayout.addChild(this.importAnimationArray);
  64. this.importAnimationArray.onCountChanged = (count) => this.onAnimationCountChanged(count);
  65. var nlp = new Atomic.UILayoutParams();
  66. nlp.width = 310;
  67. var animLayout = this.animationInfoLayout = new Atomic.UILayout();
  68. animLayout.spacing = 4;
  69. animLayout.layoutDistribution = Atomic.UI_LAYOUT_DISTRIBUTION_GRAVITY;
  70. animLayout.layoutPosition = Atomic.UI_LAYOUT_POSITION_LEFT_TOP;
  71. animLayout.layoutParams = nlp;
  72. animLayout.axis = Atomic.UI_AXIS_Y;
  73. animLayout.gravity = Atomic.UI_GRAVITY_ALL;
  74. animationLayout.addChild(animLayout);
  75. this.createAnimationEntries();
  76. // apply button
  77. rootLayout.addChild(this.createApplyButton());
  78. }
  79. createAnimationEntries() {
  80. var layout = this.animationInfoLayout;
  81. layout.deleteAllChildren();
  82. var count = this.importer.animationCount;
  83. this.importAnimationArray.countEdit.text = count.toString();
  84. this.nameEdits = [];
  85. this.startEdits = [];
  86. this.endEdits = [];
  87. for (var i = 0; i < count; i++) {
  88. var animInfo = this.importer.getAnimationInfo(i);
  89. var name = InspectorUtils.createAttrName("Animation " + i.toString() + ":");
  90. layout.addChild(name);
  91. var nameEdit = InspectorUtils.createAttrEditField("Name", layout);
  92. nameEdit.text = animInfo.name;
  93. var startEdit = InspectorUtils.createAttrEditField("Start", layout);
  94. startEdit.text = animInfo.startTime.toString();
  95. var endEdit = InspectorUtils.createAttrEditField("End", layout);
  96. endEdit.text = animInfo.endTime.toString();
  97. this.nameEdits.push(nameEdit);
  98. this.startEdits.push(startEdit);
  99. this.endEdits.push(endEdit);
  100. InspectorUtils.createSeparator(layout);
  101. }
  102. }
  103. onAnimationCountChanged(count: number) {
  104. if (this.importer.animationCount == count) {
  105. return;
  106. }
  107. this.importer.animationCount = count;
  108. this.createAnimationEntries();
  109. }
  110. // model
  111. scaleEdit: Atomic.UIEditField;
  112. // animation
  113. importAnimationBox: Atomic.UICheckBox;
  114. importAnimationArray: ArrayEditWidget;
  115. animationInfoLayout: Atomic.UILayout;
  116. nameEdits: Atomic.UIEditField[];
  117. startEdits: Atomic.UIEditField[];
  118. endEdits: Atomic.UIEditField[];
  119. asset: ToolCore.Asset;
  120. importer: ToolCore.ModelImporter;
  121. }
  122. export = ModelInspector;