Added animedit avatar-animation.json graph editor tool

tools/animedit/.gitignore

@@ -0,0 +1 @@
+*.pro.user

tools/animedit/LICENCE

@@ -0,0 +1,4 @@
+Copyright (c) 2019 High Fidelity, Inc. All rights reserved.
+
+Distributed under the Apache License, Version 2.0.
+See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html

tools/animedit/README.md

@@ -0,0 +1,14 @@
+animedit
+-------------
+avatar-animation.json editor for High Fidelity.
+
+Use QtCreator to build.
+
+Known issues:
+
+* When switching node types, clear old types fields & set new fields to default values.
+* Name field does not change when it has focus and leftHandPane selection is changed.
+
+
+
+

tools/animedit/animedit.pro

@@ -0,0 +1,35 @@
+QT += quick
+CONFIG += c++11
+
+# The following define makes your compiler emit warnings if you use
+# any Qt feature that has been marked deprecated (the exact warnings
+# depend on your compiler). Refer to the documentation for the
+# deprecated API to know how to port your code away from it.
+DEFINES += QT_DEPRECATED_WARNINGS
+
+# You can also make your code fail to compile if it uses deprecated APIs.
+# In order to do so, uncomment the following line.
+# You can also select to disable deprecated APIs only up to a certain version of Qt.
+#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0
+
+SOURCES += \
+        main.cpp \
+        treeitem.cpp \
+        treemodel.cpp
+
+RESOURCES += qml.qrc
+
+# Additional import path used to resolve QML modules in Qt Creator's code model
+QML_IMPORT_PATH =
+
+# Additional import path used to resolve QML modules just for Qt Quick Designer
+QML_DESIGNER_IMPORT_PATH =
+
+# Default rules for deployment.
+qnx: target.path = /tmp/$${TARGET}/bin
+else: unix:!android: target.path = /opt/$${TARGET}/bin
+!isEmpty(target.path): INSTALLS += target
+
+HEADERS += \
+    treeitem.h \
+    treemodel.h

tools/animedit/deploy.bat

@@ -0,0 +1,3 @@
+mkdir C:\Users\ajthy\Documents\animedit\bin
+copy  C:\Users\ajthy\Documents\build-animedit-Desktop_Qt_5_12_3_MSVC2015_64bit-Release\release\animedit.exe C:\Users\ajthy\Documents\animedit\bin
+C:\Qt\5.12.3\msvc2015_64\bin\windeployqt.exe -qmldir C:\Users\ajthy\Documents\animedit\qml C:\Users\ajthy\Documents\animedit\bin\animedit.exe

tools/animedit/main.cpp

@@ -0,0 +1,37 @@
+//
+//  Copyright (c) 2019 High Fidelity, Inc. All rights reserved.
+//
+//  Distributed under the Apache License, Version 2.0.
+//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
+//
+
+#include <QGuiApplication>
+#include <QQmlApplicationEngine>
+#include <QQmlContext>
+
+#include "treemodel.h"
+
+int main(int argc, char *argv[])
+{
+    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
+
+    QGuiApplication app(argc, argv);
+
+    QQmlApplicationEngine engine;
+
+    // expose model
+    TreeModel model;
+    engine.rootContext()->setContextProperty("theModel", &model);
+
+    const QUrl url(QStringLiteral("qrc:/qml/main.qml"));
+    QObject::connect(&engine, &QQmlApplicationEngine::objectCreated, &app, [url](QObject *obj, const QUrl &objUrl) {
+        if (!obj && url == objUrl) {
+            QCoreApplication::exit(-1);
+        } else {
+            ;
+        }
+    }, Qt::QueuedConnection);
+    engine.load(url);
+
+    return app.exec();
+}

tools/animedit/qml.qrc

@@ -0,0 +1,26 @@
+<RCC>
+    <qresource prefix="/">
+        <file>qml/main.qml</file>
+        <file>qml/TreeDelegate.qml</file>
+        <file>qml/fields/BooleanField.qml</file>
+        <file>qml/fields/IdField.qml</file>
+        <file>qml/fields/JSONField.qml</file>
+        <file>qml/fields/NumberArrayField.qml</file>
+        <file>qml/fields/NumberField.qml</file>
+        <file>qml/fields/StringField.qml</file>
+        <file>qml/fields/TypeField.qml</file>
+        <file>qml/nodes/BlendDirectional.qml</file>
+        <file>qml/nodes/BlendLinear.qml</file>
+        <file>qml/nodes/BlendLinearMove.qml</file>
+        <file>qml/nodes/ClipData.qml</file>
+        <file>qml/nodes/DefaultPose.qml</file>
+        <file>qml/nodes/InverseKinematics.qml</file>
+        <file>qml/nodes/Manipulator.qml</file>
+        <file>qml/nodes/Overlay.qml</file>
+        <file>qml/nodes/PoleVector.qml</file>
+        <file>qml/nodes/RandomStateMachine.qml</file>
+        <file>qml/nodes/StateMachine.qml</file>
+        <file>qml/nodes/SplineIK.qml</file>
+        <file>qml/nodes/TwoBoneIK.qml</file>
+    </qresource>
+</RCC>

tools/animedit/qml/TreeDelegate.qml

@@ -0,0 +1,10 @@
+import QtQuick 2.0
+
+Item {
+    Text {
+        anchors.fill: parent
+        color: styleData.textColor
+        elide: styleData.elideMode
+        text: styleData.value
+    }
+}

tools/animedit/qml/fields/BooleanField.qml

@@ -0,0 +1,44 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+
+
+Row {
+    id: row
+    height: 20
+    width: 300
+    anchors.left: parent.left
+    anchors.leftMargin: 0
+    anchors.right: parent.right
+    anchors.rightMargin: 0
+
+    property string key
+    property bool value
+    property bool optional
+
+    function setValue(newValue) {
+        parent.fieldChanged(key, newValue);
+    }
+
+    Text {
+        id: keyText
+        y: 5
+        width: 100
+        text: key + ":"
+        font.pixelSize: 12
+        color: optional ? "blue" : "black"
+    }
+
+    CheckBox {
+        id: valueCheckBox
+        x: 100
+        y: 5
+        width: 200
+        checked: value ? Qt.Checked : Qt.Unchecked
+        onCheckedChanged: {
+            setValue(checked);
+        }
+    }
+}

tools/animedit/qml/fields/IdField.qml

@@ -0,0 +1,41 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+
+Row {
+    id: row
+    x: 0
+    y: 0
+    height: 20
+    anchors.left: parent.left
+    anchors.leftMargin: 0
+    anchors.right: parent.right
+    anchors.rightMargin: 0
+
+    property string theValue
+
+    function setValue(newValue) {
+        var ROLE_NAME = 0x0101;
+        theModel.setData(leftHandPane.currentIndex, newValue, ROLE_NAME);
+    }
+
+    Text {
+        id: element
+        y: 5
+        width: 100
+        text: qsTr("Id:")
+        font.pixelSize: 12
+    }
+
+    TextField {
+        id: textField
+        x: 100
+        width: 200
+        text: theValue
+        onEditingFinished: {
+            setValue(text);
+        }
+    }
+}

tools/animedit/qml/fields/JSONField.qml

@@ -0,0 +1,52 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+
+
+Column {
+    id: row
+    width: parent.width
+    height: parent.height
+    anchors.left: parent.left
+    anchors.leftMargin: 0
+    anchors.right: parent.right
+    anchors.rightMargin: 0
+
+    property string key
+    property var value
+    property bool optional
+
+    spacing: 5
+
+    function setValue(newValue) {
+        parent.fieldChanged(key, newValue);
+    }
+
+    Text {
+        id: keyText
+        y: 5
+        width: row.width
+        text: key + ":"
+        font.pixelSize: 12
+        color: optional ? "blue" : "black"
+    }
+
+    TextArea {
+        id: valueTextField
+        x: 0
+        width: (keyText.width - 20)
+        height: (parent.height - 120)
+        wrapMode: TextEdit.NoWrap
+
+        // TODO: validate
+
+        text: JSON.stringify(value, null, 4)
+
+        onEditingFinished: {
+            value = JSON.parse(text);
+            setValue(value);
+        }
+    }
+}

tools/animedit/qml/fields/NumberArrayField.qml

@@ -0,0 +1,54 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+
+
+Row {
+    id: row
+    height: 20
+    width: 300
+    anchors.left: parent.left
+    anchors.leftMargin: 0
+    anchors.right: parent.right
+    anchors.rightMargin: 0
+
+    property string key
+    property var value
+    property bool optional
+
+    function setValue(newValue) {
+        parent.fieldChanged(key, newValue);
+    }
+
+    Text {
+        id: keyText
+        y: 5
+        width: 100
+        text: key + ":"
+        font.pixelSize: 12
+        color: optional ? "blue" : "black"
+    }
+
+    TextField {
+        id: valueTextField
+        x: 100
+        width: 200
+
+        // first start with a regex for an array of numbers
+        //    ^\[\s*(\d+)(\s*,\s*(\d+))*\]$|\[\s*\]
+        // then a regex for a floating point number
+        //    \d+\.?\d*
+        // then substitue the second into the \d+ of the first, yeilding this monstrocity.
+        //    ^\[\s*(\d+\.?\d*)(\s*,\s*(\d+\.?\d*))*\]$|\[\s*\]
+
+        //validator: RegExpValidator { regExp: /^\[\s*(\d+\.?\d*)(\s*,\s*(\d+\.?\d*))*\]$|\[\s*\]/ }
+
+        text: JSON.stringify(value)
+        onEditingFinished: {
+            value = JSON.parse(text);
+            setValue(value);
+        }
+    }
+}

tools/animedit/qml/fields/NumberField.qml

@@ -0,0 +1,45 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+
+
+Row {
+    id: row
+    height: 20
+    width: 300
+    anchors.left: parent.left
+    anchors.leftMargin: 0
+    anchors.right: parent.right
+    anchors.rightMargin: 0
+
+    property string key
+    property real value
+    property bool optional
+
+    function setValue(newValue) {
+        parent.fieldChanged(key, newValue);
+    }
+
+    Text {
+        id: keyText
+        y: 5
+        width: 100
+        text: key + ":"
+        font.pixelSize: 12
+        color: optional ? "blue" : "black"
+    }
+
+    TextField {
+        id: valueTextField
+        x: 100
+        width: 200
+        inputMethodHints: Qt.ImhFormattedNumbersOnly
+        text: value
+        onEditingFinished: {
+            value = text;
+            setValue(parseInt(text, 10));
+        }
+    }
+}

tools/animedit/qml/fields/StringField.qml

@@ -0,0 +1,44 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+
+
+Row {
+    id: row
+    height: 20
+    width: 300
+    anchors.left: parent.left
+    anchors.leftMargin: 0
+    anchors.right: parent.right
+    anchors.rightMargin: 0
+
+    property string key
+    property string value
+    property bool optional
+
+    function setValue(newValue) {
+        parent.fieldChanged(key, newValue);
+    }
+
+    Text {
+        id: keyText
+        y: 5
+        width: 100
+        text: key + ":"
+        font.pixelSize: 12
+        color: optional ? "blue" : "black"
+    }
+
+    TextField {
+        id: valueTextField
+        x: 100
+        width: 200
+        text: value
+        onEditingFinished: {
+            value = text;
+            setValue(text);
+        }
+    }
+}

tools/animedit/qml/fields/TypeField.qml

@@ -0,0 +1,67 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+
+Row {
+    id: row
+
+    function getTypes() {
+        return [
+            "clip",
+            "blendDirectional",
+            "blendLinear",
+            "overlay",
+            "stateMachine",
+            "randomSwitchStateMachine",
+            "manipulator",
+            "inverseKinematics",
+            "defaultPose",
+            "twoBoneIK",
+            "splineIK",
+            "poleVectorConstraint"
+        ];
+    }
+
+    function indexFromString(str) {
+        var index = getTypes().indexOf(str);
+        return (index === -1) ? 0 : index;
+    }
+
+    x: 0
+    y: 0
+    height: 20
+    anchors.left: parent.left
+    anchors.leftMargin: 0
+    anchors.right: parent.right
+    anchors.rightMargin: 0
+
+    property string theValue: "clip"
+    property int theIndex: indexFromString(theValue)
+
+    function setValue(newValue) {
+        var ROLE_TYPE = 0x0102;
+        theModel.setData(leftHandPane.currentIndex, newValue, ROLE_TYPE);
+        rightHandPane.reset();
+    }
+
+    Text {
+        id: element
+        y: 5
+        width: 100
+        text: qsTr("Type:")
+        font.pixelSize: 12
+    }
+
+    ComboBox {
+        id: comboBox
+        x: 100
+        width: 200
+        model: getTypes()
+        currentIndex: theIndex
+        onActivated: {
+            setValue(currentText);
+        }
+    }
+}

tools/animedit/qml/main.qml

@@ -0,0 +1,262 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+import "fields"
+import "nodes"
+
+ApplicationWindow {
+    id: root
+    visible: true
+    width: 1600
+    height: 1000
+    color: "#ffffff"
+    opacity: 1
+    title: qsTr("AnimEdit")
+    menuBar: appMenuBar
+
+    SplitView {
+        id: splitView
+        anchors.fill: parent
+
+        TreeView {
+            id: leftHandPane
+            width: 1000
+            anchors.bottom: parent.bottom
+            anchors.left: parent.left
+            anchors.top: parent.top
+            model: theModel
+            itemDelegate: TreeDelegate {}
+
+            TableViewColumn {
+                role: "name"
+                title: "Name"
+                width: 500
+            }
+
+            TableViewColumn {
+                role: "type"
+                title: "Type"
+            }
+
+            onClicked: {
+                rightHandPane.setIndex(index);
+            }
+
+            function expandTreeView() {
+                function expandAll(index) {
+                    leftHandPane.expand(index);
+                    var children = theModel.getChildrenModelIndices(index);
+                    for (var i = 0; i < children.length; i++) {
+                        leftHandPane.expand(children[i]);
+                        expandAll(children[i]);
+                    }
+                }
+
+                var index = theModel.index(0, 0);
+                expandAll(index);
+            }
+        }
+
+        Rectangle {
+            id: rightHandPane
+            color: "#adadad"
+            height: parent.height
+            width: 500
+            anchors.left: leftHandPane.right
+            anchors.leftMargin: 0
+            anchors.right: parent.right
+            anchors.rightMargin: 0
+            anchors.top: parent.top
+            anchors.topMargin: 0
+            anchors.bottom: parent.bottom
+            anchors.bottomMargin: 0
+
+            function createCustomData(qml, index) {
+                var component = Qt.createComponent(qml, Component.PreferSynchronous);
+                if (component.status === Component.Ready) {
+                    var obj = component.createObject(rightHandPaneColumn);
+                    obj.setIndex(index);
+                } else if (component.status === Component.Error) {
+                    console.log("ERROR: " + component.errorString());
+                } else if (component.status === Component.Loading) {
+                    console.log("ERROR: NOT READY");
+                }
+            }
+
+            function reset() {
+                setIndex(leftHandPane.currentIndex);
+            }
+
+            function setIndex(index) {
+                var ROLE_NAME = 0x0101;
+                var ROLE_TYPE = 0x0102;
+                var ROLE_DATA = 0x0103;
+
+                var idValue = theModel.data(index, ROLE_NAME);
+                var typeValue = theModel.data(index, ROLE_TYPE);
+
+                idField.theValue = idValue;
+                typeField.theValue = typeValue;
+
+                // delete previous custom data obj, if present
+                var orig = rightHandPaneColumn.children[2];
+                if (orig) {
+                    orig.destroy();
+                }
+
+                if (typeValue === "clip") {
+                    createCustomData("nodes/ClipData.qml", index);
+                } else if (typeValue === "blendDirectional") {
+                    createCustomData("nodes/BlendDirectional.qml", index);
+                } else if (typeValue === "blendLinear") {
+                    createCustomData("nodes/BlendLinear.qml", index);
+                } else if (typeValue === "blendLinearMove") {
+                    createCustomData("nodes/BlendLinearMove.qml", index);
+                } else if (typeValue === "overlay") {
+                    createCustomData("nodes/Overlay.qml", index);
+                } else if (typeValue === "stateMachine") {
+                    createCustomData("nodes/StateMachine.qml", index);
+                } else if (typeValue === "randomSwitchStateMachine") {
+                    createCustomData("nodes/RandomStateMachine.qml", index);
+                } else if (typeValue === "inverseKinematics") {
+                    createCustomData("nodes/InverseKinematics.qml", index);
+                } else if (typeValue === "twoBoneIK") {
+                    createCustomData("nodes/TwoBoneIK.qml", index);
+                } else if (typeValue === "defaultPose") {
+                    createCustomData("nodes/DefaultPose.qml", index);
+                } else if (typeValue === "manipulator") {
+                    createCustomData("nodes/Manipulator.qml", index);
+                } else if (typeValue === "splineIK") {
+                    createCustomData("nodes/SplineIK.qml", index);
+                } else if (typeValue === "poleVectorConstraint") {
+                    createCustomData("nodes/PoleVector.qml", index);
+                }
+            }
+
+            Column {
+                id: rightHandPaneColumn
+
+                anchors.right: parent.right
+                anchors.rightMargin: 0
+                anchors.left: parent.left
+                anchors.leftMargin: 10
+                anchors.bottom: parent.bottom
+                anchors.bottomMargin: 0
+                anchors.top: parent.top
+                anchors.topMargin: 0
+
+                spacing: 6
+
+                IdField {
+                    id: idField
+                }
+
+                TypeField {
+                    id: typeField
+                }
+            }
+        }
+    }
+
+    MenuBar {
+        id: appMenuBar
+        Menu {
+            title: "File"
+            MenuItem {
+                text: "Open..."
+                onTriggered: openFileDialog.open()
+            }
+            MenuItem {
+                text: "Save As..."
+                onTriggered: saveAsFileDialog.open()
+            }
+        }
+        Menu {
+            title: "Edit"
+            MenuItem {
+                text: "Add New Node as Child"
+                onTriggered: {
+                    theModel.newNode(leftHandPane.currentIndex);
+                }
+            }
+            MenuItem {
+                text: "Delete Selected"
+                onTriggered: {
+                    theModel.deleteNode(leftHandPane.currentIndex);
+                }
+            }
+            MenuItem {
+                text: "Insert New Node Above"
+                onTriggered: {
+                    theModel.insertNodeAbove(leftHandPane.currentIndex);
+                }
+            }
+            MenuItem {
+                text: "Copy Node Only"
+                onTriggered: {
+                    theModel.copyNode(leftHandPane.currentIndex);
+                }
+            }
+            MenuItem {
+                text: "Copy Node And Children"
+                onTriggered: {
+                    theModel.copyNodeAndChildren(leftHandPane.currentIndex);
+                }
+            }
+            MenuItem {
+                text: "Paste Over"
+                onTriggered: {
+                    theModel.pasteOver(leftHandPane.currentIndex);
+                }
+            }
+            MenuItem {
+                text: "Paste As Child"
+                onTriggered: {
+                    theModel.pasteAsChild(leftHandPane.currentIndex);
+                }
+            }
+        }
+    }
+
+    FileDialog {
+        id: openFileDialog
+        title: "Open an animation json file"
+        folder: shortcuts.home
+        nameFilters: ["Json files (*.json)"]
+        onAccepted: {
+            var path = openFileDialog.fileUrl.toString();
+            // remove prefixed "file:///"
+            path = path.replace(/^(file:\/{3})/,"");
+            // unescape html codes like '%23' for '#'
+            var cleanPath = decodeURIComponent(path);
+            console.log("You chose: " + cleanPath);
+            theModel.loadFromFile(cleanPath);
+            leftHandPane.expandTreeView();
+        }
+        onRejected: {
+            console.log("Canceled");
+        }
+    }
+
+    FileDialog {
+        id: saveAsFileDialog
+        title: "Save an animation json file"
+        folder: shortcuts.home
+        nameFilters: ["Json files (*.json)"]
+        selectExisting: false
+        onAccepted: {
+            var path = saveAsFileDialog.fileUrl.toString();
+            // remove prefixed "file:///"
+            path = path.replace(/^(file:\/{3})/,"");
+            // unescape html codes like '%23' for '#'
+            var cleanPath = decodeURIComponent(path);
+            console.log("You chose: " + cleanPath);
+            theModel.saveToFile(cleanPath);
+        }
+        onRejected: {
+            console.log("Canceled");
+        }
+    }
+}

tools/animedit/qml/nodes/BlendDirectional.qml

@@ -0,0 +1,129 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+import "../fields"
+
+Column {
+    id: column
+    x: 0
+    y: 0
+    height: 50
+    width: 200
+    spacing: 6
+    property var modelIndex
+
+    signal fieldChanged(string key, var newValue)
+
+    // called by each field when its value is changed.
+    function fieldChangedMethod(key, newValue) {
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+        dataValue[key] = newValue;
+
+        // copy the new value into the model.
+        theModel.setData(modelIndex, dataValue, ROLE_DATA);
+    }
+
+    // called when a new model is loaded
+    function setIndex(index) {
+        modelIndex = index;
+
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+
+        var fields = ["alpha", "alphaVar", "centerId", "upId", "downId", "leftId", "rightId", "upLeftId", "upRightId", "downLeftId", "downRightId"];
+
+        // copy data from theModel into each field.
+        var l = fields.length;
+        for (var i = 0; i < l; i++) {
+            var val = dataValue[fields[i]];
+            if (val) {
+                column.children[i].value = val;
+            }
+        }
+    }
+
+    Component.onCompleted: {
+        // this signal is fired from each data field when values are changed.
+        column.fieldChanged.connect(fieldChangedMethod)
+    }
+
+    NumberArrayField {
+        id: alphaField
+        key: "alpha"
+        value: [0, 0, 0]
+    }
+
+    StringField {
+        id: alphaVarField
+        key: "alphaVar"
+        value: ""
+        optional: true
+    }
+
+    StringField {
+        id: centerIdField
+        key: "centerId"
+        value: ""
+        optional: true
+    }
+
+    StringField {
+        id: upIdField
+        key: "upId"
+        value: ""
+        optional: true
+    }
+
+    StringField {
+        id: downIdField
+        key: "downId"
+        value: ""
+        optional: true
+    }
+
+    StringField {
+        id: leftIdField
+        key: "leftId"
+        value: ""
+        optional: true
+    }
+
+    StringField {
+        id: rightIdField
+        key: "rightId"
+        value: ""
+        optional: true
+    }
+
+    StringField {
+        id: upLeftIdField
+        key: "upLeftId"
+        value: ""
+        optional: true
+    }
+
+    StringField {
+        id: upRightIdField
+        key: "upRightId"
+        value: ""
+        optional: true
+    }
+
+    StringField {
+        id: downLeftIdField
+        key: "downLeftId"
+        value: ""
+        optional: true
+    }
+
+    StringField {
+        id: downRightIdField
+        key: "downRightId"
+        value: ""
+        optional: true
+    }
+}
+

tools/animedit/qml/nodes/BlendLinear.qml

@@ -0,0 +1,73 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+import "../fields"
+
+Column {
+    id: column
+    x: 0
+    y: 0
+    height: 50
+    width: 200
+    spacing: 6
+    property var modelIndex
+
+    signal fieldChanged(string key, var newValue)
+
+    // called by each field when its value is changed.
+    function fieldChangedMethod(key, newValue) {
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+        dataValue[key] = newValue;
+
+        // copy the new value into the model.
+        theModel.setData(modelIndex, dataValue, ROLE_DATA);
+    }
+
+    // called when a new model is loaded
+    function setIndex(index) {
+        modelIndex = index;
+
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+
+        var fields = ["alpha", "blendType", "alphaVar"];
+
+        // copy data from theModel into each field.
+        var l = fields.length;
+        for (var i = 0; i < l; i++) {
+            var val = dataValue[fields[i]];
+            if (val) {
+                column.children[i].value = val;
+            }
+        }
+    }
+
+    Component.onCompleted: {
+        // this signal is fired from each data field when values are changed.
+        column.fieldChanged.connect(fieldChangedMethod)
+    }
+
+    NumberField {
+        id: alphaField
+        key: "alpha"
+        value: 0.0
+    }
+
+    StringField {
+        id: blendTypeField
+        key: "blendType"
+        value: ""
+        optional: true
+    }
+
+    StringField {
+        id: alphaVarField
+        key: "alphaVar"
+        value: ""
+        optional: true
+    }
+}
+

tools/animedit/qml/nodes/BlendLinearMove.qml

@@ -0,0 +1,85 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+import "../fields"
+
+Column {
+    id: column
+    x: 0
+    y: 0
+    height: 50
+    width: 200
+    spacing: 6
+    property var modelIndex
+
+    signal fieldChanged(string key, var newValue)
+
+    // called by each field when its value is changed.
+    function fieldChangedMethod(key, newValue) {
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+        dataValue[key] = newValue;
+
+        // copy the new value into the model.
+        theModel.setData(modelIndex, dataValue, ROLE_DATA);
+    }
+
+    // called when a new model is loaded
+    function setIndex(index) {
+        modelIndex = index;
+
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+
+        var fields = ["alpha", "desiredSpeed", "characteristicSpeeds", "alphaVar", "desiredSpeedVar"];
+
+        // copy data from theModel into each field.
+        var l = fields.length;
+        for (var i = 0; i < l; i++) {
+            var val = dataValue[fields[i]];
+            if (val) {
+                column.children[i].value = val;
+            }
+        }
+    }
+
+    Component.onCompleted: {
+        // this signal is fired from each data field when values are changed.
+        column.fieldChanged.connect(fieldChangedMethod)
+    }
+
+    NumberField {
+        id: alphaField
+        key: "alpha"
+        value: 0.0
+    }
+
+    NumberField {
+        id: desiredSpeedField
+        key: "desiredSpeed"
+        value: 0.0
+    }
+
+    NumberArrayField {
+        id: characteristicSpeedsField
+        key: "characteristicSpeeds"
+        value: []
+    }
+
+    StringField {
+        id: alphaVarField
+        key: "alphaVar"
+        value: ""
+        optional: true
+    }
+
+    StringField {
+        id: desiredSpeedVarField
+        key: "desiredSpeedVar"
+        value: ""
+        optional: true
+    }
+}
+

tools/animedit/qml/nodes/ClipData.qml

@@ -0,0 +1,148 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+import "../fields"
+
+Column {
+    id: column
+    x: 0
+    y: 0
+    height: 50
+    width: 200
+    spacing: 6
+    property var modelIndex
+
+    signal fieldChanged(string key, var newValue)
+
+    // called by each field when its value is changed.
+    function fieldChangedMethod(key, newValue) {
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+        dataValue[key] = newValue;
+
+        // copy the new value into the model.
+        theModel.setData(modelIndex, dataValue, ROLE_DATA);
+    }
+
+    // called when a new model is loaded
+    function setIndex(index) {
+        modelIndex = index;
+
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+
+        var fields = ["url", "startFrame", "endFrame", "timeScale", "loopFlag", "mirrorFlag",
+                      "blendType", "baseURL", "baseFrame", "startFrameVar", "endFrameVar",
+                      "timeScaleVar", "loopFlagVar", "mirrorFlagVar"];
+
+        // copy data from theModel into each field.
+        var l = fields.length;
+        for (var i = 0; i < l; i++) {
+            var val = dataValue[fields[i]];
+            if (val) {
+                column.children[i].value = val;
+            }
+        }
+    }
+
+    Component.onCompleted: {
+        // this signal is fired from each data field when values are changed.
+        column.fieldChanged.connect(fieldChangedMethod)
+    }
+
+    StringField {
+        id: urlField
+        key: "url"
+        value: "qrc:///avatar/animations/idle.fbx"
+    }
+
+    NumberField {
+        id: startFrameField
+        key: "startFrame"
+        value: 0.0
+    }
+
+    NumberField {
+        id: endFrameField
+        key: "endFrame"
+        value: 0.0
+    }
+
+    NumberField {
+        id: timeScaleField
+        key: "timeScale"
+        value: 0.0
+    }
+
+    BooleanField {
+        id: loopFlagField
+        key: "loopFlag"
+        value: false
+    }
+
+    BooleanField {
+        id: mirrorFlagField
+        key: "mirrorFlag"
+        value: false
+        optional: true
+    }
+
+    StringField {
+        id: blendTypeField
+        key: "blendType"
+        value: ""
+        optional: true
+    }
+
+    StringField {
+        id: baseURLField
+        key: "baseURL"
+        value: ""
+        optional: true
+    }
+
+    NumberField {
+        id: baseFrameField
+        key: "baseFrame"
+        value: 0.0
+        optional: true
+    }
+
+    StringField {
+        id: startFrameVarField
+        key: "startFrameVar"
+        value: ""
+        optional: true
+    }
+
+    StringField {
+        id: endFrameVarField
+        key: "endFrameVar"
+        value: ""
+        optional: true
+    }
+
+    StringField {
+        id: timeScaleVarField
+        key: "timeScaleVar"
+        value: ""
+        optional: true
+    }
+
+    StringField {
+        id: loopFlagVarField
+        key: "loopFlagVar"
+        value: ""
+        optional: true
+    }
+
+    StringField {
+        id: mirrorFlagVarField
+        key: "mirrorFlagVar"
+        value: ""
+        optional: true
+    }
+}
+

tools/animedit/qml/nodes/DefaultPose.qml

@@ -0,0 +1,53 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+import "../fields"
+
+Column {
+    id: column
+    x: 0
+    y: 0
+    height: 50
+    width: 200
+    spacing: 6
+    property var modelIndex
+
+    signal fieldChanged(string key, var newValue)
+
+    // called by each field when its value is changed.
+    function fieldChangedMethod(key, newValue) {
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+        dataValue[key] = newValue;
+
+        // copy the new value into the model.
+        theModel.setData(modelIndex, dataValue, ROLE_DATA);
+    }
+
+    // called when a new model is loaded
+    function setIndex(index) {
+        modelIndex = index;
+
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+
+        var fields = [];  // This node has no data values
+
+        // copy data from theModel into each field.
+        var l = fields.length;
+        for (var i = 0; i < l; i++) {
+            var val = dataValue[fields[i]];
+            if (val) {
+                column.children[i].value = val;
+            }
+        }
+    }
+
+    Component.onCompleted: {
+        // this signal is fired from each data field when values are changed.
+        column.fieldChanged.connect(fieldChangedMethod)
+    }
+}
+

tools/animedit/qml/nodes/InverseKinematics.qml

@@ -0,0 +1,71 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+import "../fields"
+
+Column {
+    id: column
+    x: 0
+    y: 0
+    width: parent.width
+    height: (parent.height - 50)
+    spacing: 6
+    property var modelIndex
+
+    signal fieldChanged(string key, var newValue)
+
+    // called by each field when its value is changed.
+    function fieldChangedMethod(key, newValue) {
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+        dataValue[key] = newValue;
+
+        // copy the new value into the model.
+        theModel.setData(modelIndex, dataValue, ROLE_DATA);
+    }
+
+    // called when a new model is loaded
+    function setIndex(index) {
+        modelIndex = index;
+
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+
+        var fields = ["solutionSource", "solutionSourceVar", "targets"];
+
+        // copy data from theModel into each field.
+        var l = fields.length;
+        for (var i = 0; i < l; i++) {
+            var val = dataValue[fields[i]];
+            if (val) {
+                column.children[i].value = val;
+            }
+        }
+    }
+
+    Component.onCompleted: {
+        // this signal is fired from each data field when values are changed.
+        column.fieldChanged.connect(fieldChangedMethod)
+    }
+
+    StringField {
+        id: solutionSourceField
+        key: "solutionSource"
+        value: "relaxToUnderPoses"
+    }
+
+    StringField {
+        id: solutionSourceVarField
+        key: "solutionSourceVar"
+        value: "solutionSource"
+    }
+
+    JSONField {
+        id: statesField
+        key: "targets"
+        value: {}
+    }
+}
+

tools/animedit/qml/nodes/Manipulator.qml

@@ -0,0 +1,72 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+import "../fields"
+
+Column {
+    id: column
+    x: 0
+    y: 0
+    width: parent.width
+    height: parent.height
+    spacing: 6
+    property var modelIndex
+
+    signal fieldChanged(string key, var newValue)
+
+    // called by each field when its value is changed.
+    function fieldChangedMethod(key, newValue) {
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+        dataValue[key] = newValue;
+
+        // copy the new value into the model.
+        theModel.setData(modelIndex, dataValue, ROLE_DATA);
+    }
+
+    // called when a new model is loaded
+    function setIndex(index) {
+        modelIndex = index;
+
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+
+        var fields = ["alpha", "joints", "alphaVar"];
+
+        // copy data from theModel into each field.
+        var l = fields.length;
+        for (var i = 0; i < l; i++) {
+            var val = dataValue[fields[i]];
+            if (val) {
+                column.children[i].value = val;
+            }
+        }
+    }
+
+    Component.onCompleted: {
+        // this signal is fired from each data field when values are changed.
+        column.fieldChanged.connect(fieldChangedMethod)
+    }
+
+    NumberField {
+        id: alphaField
+        key: "alpha"
+        value: 1.0
+    }
+
+    JSONField {
+        id: statesField
+        key: "joints"
+        value: {}
+    }
+
+    StringField {
+        optional: true
+        id: alphaVarField
+        key: "alphaVar"
+        value: ""
+    }
+}
+

tools/animedit/qml/nodes/Overlay.qml

@@ -0,0 +1,80 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+import "../fields"
+
+Column {
+    id: column
+    x: 0
+    y: 0
+    height: 50
+    width: 200
+    spacing: 6
+    property var modelIndex
+
+    signal fieldChanged(string key, var newValue)
+
+    // called by each field when its value is changed.
+    function fieldChangedMethod(key, newValue) {
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+        dataValue[key] = newValue;
+
+        // copy the new value into the model.
+        theModel.setData(modelIndex, dataValue, ROLE_DATA);
+    }
+
+    // called when a new model is loaded
+    function setIndex(index) {
+        modelIndex = index;
+
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+
+        var fields = ["boneSet", "alpha", "boneSetVar", "alphaVar"];
+
+        // copy data from theModel into each field.
+        var l = fields.length;
+        for (var i = 0; i < l; i++) {
+            var val = dataValue[fields[i]];
+            if (val) {
+                column.children[i].value = val;
+            }
+        }
+    }
+
+    Component.onCompleted: {
+        // this signal is fired from each data field when values are changed.
+        column.fieldChanged.connect(fieldChangedMethod)
+    }
+
+    StringField {
+        id: boneSetField
+        key: "boneSet"
+        value: "fullBody"
+        optional: true
+    }
+
+    NumberField {
+        id: alphaField
+        key: "alpha"
+        value: 0.0
+    }
+
+    StringField {
+        id: boneSetVarField
+        key: "boneSetVar"
+        value: ""
+        optional: true
+    }
+
+    StringField {
+        id: alphaVarField
+        key: "alphaVar"
+        value: ""
+        optional: true
+    }
+}
+

tools/animedit/qml/nodes/PoleVector.qml

@@ -0,0 +1,96 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+import "../fields"
+
+Column {
+    id: column
+    x: 0
+    y: 0
+    height: 50
+    width: 200
+    spacing: 6
+    property var modelIndex
+
+    signal fieldChanged(string key, var newValue)
+
+    // called by each field when its value is changed.
+    function fieldChangedMethod(key, newValue) {
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+        dataValue[key] = newValue;
+
+        // copy the new value into the model.
+        theModel.setData(modelIndex, dataValue, ROLE_DATA);
+    }
+
+    // called when a new model is loaded
+    function setIndex(index) {
+        modelIndex = index;
+
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+
+        var fields = ["referenceVector", "enabled", "baseJointName", "midJointName", "tipJointName",
+                      "enabledVar", "poleVectorVar"];
+
+        // copy data from theModel into each field.
+        var l = fields.length;
+        for (var i = 0; i < l; i++) {
+            var val = dataValue[fields[i]];
+            if (val) {
+                column.children[i].value = val;
+            }
+        }
+    }
+
+    Component.onCompleted: {
+        // this signal is fired from each data field when values are changed.
+        column.fieldChanged.connect(fieldChangedMethod)
+    }
+
+    NumberArrayField {
+        id: referenceVectorField
+        key: "referenceVector"
+        value: [1, 0, 0]
+    }
+
+    BooleanField {
+        id: enabledField
+        key: "enabled"
+        value: false
+    }
+
+    StringField {
+        id: baseJointNameField
+        key: "baseJointName"
+        value: ""
+    }
+
+    StringField {
+        id: midJointNameField
+        key: "midJointName"
+        value: ""
+    }
+
+    StringField {
+        id: tipJointNameField
+        key: "tipJointName"
+        value: ""
+    }
+
+    StringField {
+        id: enabledVarField
+        key: "enabledVar"
+        value: ""
+    }
+
+    StringField {
+        id: poleVectorVarField
+        key: "poleVectorVar"
+        value: ""
+    }
+}
+

tools/animedit/qml/nodes/RandomStateMachine.qml

@@ -0,0 +1,109 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+import "../fields"
+
+Column {
+    id: column
+    x: 0
+    y: 0
+    width: parent.width
+    height: (parent.height - 150)
+    spacing: 6
+    property var modelIndex
+
+    signal fieldChanged(string key, var newValue)
+
+    // called by each field when its value is changed.
+    function fieldChangedMethod(key, newValue) {
+
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+        dataValue[key] = newValue;
+
+        // copy the new value into the model.
+        theModel.setData(modelIndex, dataValue, ROLE_DATA);
+    }
+
+    // called when a new model is loaded
+    function setIndex(index) {
+        modelIndex = index;
+
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+
+        var fields = ["currentState", "randomSwitchTimeMin", "randomSwitchTimeMax", "triggerRandomSwitch",
+                      "triggerTimeMin", "triggerTimeMax", "transitionVar", "states"];
+
+        // copy data from theModel into each field.
+        var l = fields.length;
+        for (var i = 0; i < l; i++) {
+            var val = dataValue[fields[i]];
+            if (val) {
+                column.children[i].value = val;
+            }
+        }
+    }
+
+    Component.onCompleted: {
+        // this signal is fired from each data field when values are changed.
+        column.fieldChanged.connect(fieldChangedMethod)
+    }
+
+    StringField {
+        id: currentStateField
+        key: "currentState"
+        value: ""
+    }
+
+    NumberField {
+        id: randomSwitchTimeMinField
+        key: "randomSwitchTimeMin"
+        value: 1.0
+        optional: true
+    }
+
+    NumberField {
+        id: randomSwitchTimeMaxField
+        key: "randomSwitchTimeMax"
+        value: 10.0
+        optional: true
+    }
+
+    StringField {
+        id: triggerRandomSwitchField
+        key: "triggerRandomSwitch"
+        value: ""
+        optional: true
+    }
+
+    NumberField {
+        id: triggerTimeMinField
+        key: "triggerTimeMin"
+        value: 1.0
+        optional: true
+    }
+
+    NumberField {
+        id: triggerTimeMaxField
+        key: "triggerTimeMax"
+        value: 10.0
+        optional: true
+    }
+
+    StringField {
+        id: transitionVarField
+        key: "transitionVar"
+        value: ""
+        optional: true
+    }
+
+    JSONField {
+        id: statesField
+        key: "states"
+        value: {}
+    }
+}
+

tools/animedit/qml/nodes/SplineIK.qml

@@ -0,0 +1,139 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+import "../fields"
+
+Column {
+    id: column
+    x: 0
+    y: 0
+    height: 50
+    width: 200
+    spacing: 6
+    property var modelIndex
+
+    signal fieldChanged(string key, var newValue)
+
+    // called by each field when its value is changed.
+    function fieldChangedMethod(key, newValue) {
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+        dataValue[key] = newValue;
+
+        // copy the new value into the model.
+        theModel.setData(modelIndex, dataValue, ROLE_DATA);
+    }
+
+    // called when a new model is loaded
+    function setIndex(index) {
+        modelIndex = index;
+
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+
+        var fields = ["alpha", "enabled", "interpDuration", "baseJointName", "midJointName", "tipJointName",
+                      "basePositionVar", "baseRotationVar", "midPositionVar", "midRotationVar", "tipPositionVar", "tipRotationVar",
+                      "alphaVar", "enabledVar"];
+
+        // copy data from theModel into each field.
+        var l = fields.length;
+        for (var i = 0; i < l; i++) {
+            var val = dataValue[fields[i]];
+            if (val) {
+                column.children[i].value = val;
+            }
+        }
+    }
+
+    Component.onCompleted: {
+        // this signal is fired from each data field when values are changed.
+        column.fieldChanged.connect(fieldChangedMethod)
+    }
+
+    NumberField {
+        id: alphaField
+        key: "alpha"
+        value: 1.0
+    }
+
+    BooleanField {
+        id: enabledField
+        key: "enabled"
+        value: false
+    }
+
+    NumberField {
+        id: interpDurationField
+        key: "interpDuration"
+        value: 15.0
+    }
+
+    StringField {
+        id: baseJointNameField
+        key: "baseJointName"
+        value: ""
+    }
+
+    StringField {
+        id: midJointNameField
+        key: "midJointName"
+        value: ""
+    }
+
+    StringField {
+        id: tipJointNameField
+        key: "tipJointName"
+        value: ""
+    }
+
+    StringField {
+        id: basePositionVarField
+        key: "basePositionVar"
+        value: ""
+    }
+
+    StringField {
+        id: baseRotationVarField
+        key: "baseRotationVar"
+        value: ""
+    }
+
+    StringField {
+        id: midPositionVarField
+        key: "midPositionVar"
+        value: ""
+    }
+
+    StringField {
+        id: midRotationVarField
+        key: "midRotationVar"
+        value: ""
+    }
+
+    StringField {
+        id: tipPositionVarField
+        key: "tipPositionVar"
+        value: ""
+    }
+
+    StringField {
+        id: tipRotationVarField
+        key: "tipRotationVar"
+        value: ""
+    }
+
+    StringField {
+        id: alphaVarField
+        key: "alphaVar"
+        value: ""
+    }
+
+    StringField {
+        id: enabledVarField
+        key: "enabledVar"
+        value: ""
+    }
+}
+

tools/animedit/qml/nodes/StateMachine.qml

@@ -0,0 +1,65 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+import "../fields"
+
+Column {
+    id: column
+    x: 0
+    y: 0
+    height: parent.height
+    width: parent.width
+    spacing: 6
+    property var modelIndex
+
+    signal fieldChanged(string key, var newValue)
+
+    // called by each field when its value is changed.
+    function fieldChangedMethod(key, newValue) {
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+        dataValue[key] = newValue;
+
+        // copy the new value into the model.
+        theModel.setData(modelIndex, dataValue, ROLE_DATA);
+    }
+
+    // called when a new model is loaded
+    function setIndex(index) {
+        modelIndex = index;
+
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+
+        var fields = ["currentState", "states"];
+
+        // copy data from theModel into each field.
+        var l = fields.length;
+        for (var i = 0; i < l; i++) {
+            var val = dataValue[fields[i]];
+            if (val) {
+                column.children[i].value = val;
+            }
+        }
+    }
+
+    Component.onCompleted: {
+        // this signal is fired from each data field when values are changed.
+        column.fieldChanged.connect(fieldChangedMethod)
+    }
+
+    StringField {
+        id: currentStateField
+        key: "currentState"
+        value: "default"
+    }
+
+    JSONField {
+        id: statesField
+        key: "states"
+        value: {}
+    }
+}
+

tools/animedit/qml/nodes/TwoBoneIK.qml

@@ -0,0 +1,120 @@
+import QtQuick 2.12
+import QtQuick.Window 2.12
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.3
+import QtQuick.Dialogs 1.0
+import "../fields"
+
+Column {
+    id: column
+    x: 0
+    y: 0
+    height: 50
+    width: 200
+    spacing: 6
+    property var modelIndex
+
+    signal fieldChanged(string key, var newValue)
+
+    // called by each field when its value is changed.
+    function fieldChangedMethod(key, newValue) {
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+        dataValue[key] = newValue;
+
+        // copy the new value into the model.
+        theModel.setData(modelIndex, dataValue, ROLE_DATA);
+    }
+
+    // called when a new model is loaded
+    function setIndex(index) {
+        modelIndex = index;
+
+        var ROLE_DATA = 0x0103;
+        var dataValue = theModel.data(modelIndex, ROLE_DATA);
+
+        var fields = ["alpha", "enabled", "interpDuration", "baseJointName", "midJointName", "tipJointName", "midHingeAxis",
+                      "alphaVar", "enabledVar", "endEffectorRotationVarVar", "endEffectorPositionVarVar"];
+
+        // copy data from theModel into each field.
+        var l = fields.length;
+        for (var i = 0; i < l; i++) {
+            var val = dataValue[fields[i]];
+            if (val) {
+                column.children[i].value = val;
+            }
+        }
+    }
+
+    Component.onCompleted: {
+        // this signal is fired from each data field when values are changed.
+        column.fieldChanged.connect(fieldChangedMethod)
+    }
+
+    NumberField {
+        id: alphaField
+        key: "alpha"
+        value: 1.0
+    }
+
+    BooleanField {
+        id: enabledField
+        key: "enabled"
+        value: false
+    }
+
+    NumberField {
+        id: interpDurationField
+        key: "interpDuration"
+        value: 15.0
+    }
+
+    StringField {
+        id: baseJointNameField
+        key: "baseJointName"
+        value: ""
+    }
+
+    StringField {
+        id: midJointNameField
+        key: "midJointName"
+        value: ""
+    }
+
+    StringField {
+        id: tipJointNameField
+        key: "tipJointName"
+        value: ""
+    }
+
+    NumberArrayField {
+        id: midHingeAxisField
+        key: "midHingeAxis"
+        value: [1, 0, 0]
+    }
+
+    StringField {
+        id: alphaVarField
+        key: "alphaVar"
+        value: ""
+    }
+
+    StringField {
+        id: enabledVarField
+        key: "enabledVar"
+        value: ""
+    }
+
+    StringField {
+        id: endEffectorRotationVarVarField
+        key: "endEffectorRotationVarVar"
+        value: ""
+    }
+
+    StringField {
+        id: endEffectorPositionVarVarField
+        key: "endEffectorPositionVarVar"
+        value: ""
+    }
+}
+

tools/animedit/treeitem.cpp

@@ -0,0 +1,91 @@
+//
+//  TreeItem
+//
+//  Created by Anthony Thibault on 6/5/2019
+//  Copyright 2019 High Fidelity, Inc.
+//
+//  Distributed under the Apache License, Version 2.0.
+//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
+//
+
+#include "treeitem.h"
+#include <QDebug>
+#include <QStringList>
+
+TreeItem::TreeItem(const QList<QVariant>& data) {
+    m_parentItem = nullptr;
+    m_itemData = data;
+}
+
+TreeItem::~TreeItem() {
+    qDeleteAll(m_childItems);
+}
+
+void TreeItem::appendChild(TreeItem *item) {
+    item->m_parentItem = this;
+    m_childItems.append(item);
+}
+
+int TreeItem::findChild(TreeItem* child) {
+    for (int i = 0; i < m_childItems.size(); i++) {
+        if (m_childItems[i] == child) {
+            return i;
+        }
+    }
+    return -1;
+}
+
+void TreeItem::removeChild(int index) {
+    // TODO: delete TreeItem
+    m_childItems.removeAt(index);
+}
+
+void TreeItem::insertChild(int index, TreeItem* child) {
+    child->m_parentItem = this;
+    m_childItems.insert(index, child);
+}
+
+TreeItem* TreeItem::child(int row) {
+    return m_childItems.value(row);
+}
+
+int TreeItem::childCount() const {
+    return m_childItems.count();
+}
+
+int TreeItem::columnCount() const {
+    return m_itemData.count();
+}
+
+QVariant TreeItem::data(int column) const {
+    return m_itemData.value(column);
+}
+
+bool TreeItem::setData(int column, const QVariant& value) {
+    m_itemData[column] = QVariant(value);
+    return true;
+}
+
+TreeItem* TreeItem::parentItem() {
+    return m_parentItem;
+}
+
+int TreeItem::row() const {
+    if (m_parentItem) {
+        return m_parentItem->m_childItems.indexOf(const_cast<TreeItem*>(this));
+    }
+
+    return 0;
+}
+
+TreeItem* TreeItem::cloneNode() const {
+    return new TreeItem(m_itemData);
+}
+
+TreeItem* TreeItem::cloneNodeAndChildren() const {
+    TreeItem* newNode = new TreeItem(m_itemData);
+    for (int i = 0; i < m_childItems.size(); ++i) {
+        newNode->appendChild(m_childItems[i]->cloneNodeAndChildren());
+    }
+    return newNode;
+}

tools/animedit/treeitem.h

@@ -0,0 +1,45 @@
+//
+//  TreeItem
+//
+//  Created by Anthony Thibault on 6/5/2019
+//  Copyright 2019 High Fidelity, Inc.
+//
+//  Distributed under the Apache License, Version 2.0.
+//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
+//
+
+#ifndef hifi_TreeItem_h
+#define hifi_TreeItem_h
+
+#include <QList>
+#include <QVariant>
+
+class TreeItem
+{
+public:
+    explicit TreeItem(const QList<QVariant>& data);
+    ~TreeItem();
+
+    void appendChild(TreeItem* child);
+    int findChild(TreeItem* child);
+    void removeChild(int index);
+    void insertChild(int index, TreeItem* child);
+
+    TreeItem* child(int row);
+    int childCount() const;
+    int columnCount() const;
+    QVariant data(int column) const;
+    bool setData(int column, const QVariant& value);
+    int row() const;
+    TreeItem* parentItem();
+
+    TreeItem* cloneNode() const;
+    TreeItem* cloneNodeAndChildren() const;
+
+private:
+    QList<TreeItem*> m_childItems;
+    QList<QVariant> m_itemData;
+    TreeItem* m_parentItem;
+};
+
+#endif

tools/animedit/treemodel.cpp

@@ -0,0 +1,418 @@
+//
+//  TreeModel
+//
+//  Created by Anthony Thibault on 6/5/2019
+//  Copyright 2019 High Fidelity, Inc.
+//
+//  Distributed under the Apache License, Version 2.0.
+//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
+//
+
+#include "treeitem.h"
+
+#include <QDebug>
+#include <QFile>
+#include <QtGlobal>
+#include <QJsonDocument>
+#include <QJsonObject>
+#include <QJsonArray>
+#include <QStringList>
+#include <QJSValue>
+
+#include "treemodel.h"
+
+static TreeItem* newBlankTreeItem() {
+    QList<QVariant> columnData;
+    columnData << "newNode";
+    columnData << "clip";
+    columnData << QJsonObject();  // blank
+    return new TreeItem(columnData);
+}
+
+TreeModel::TreeModel(QObject* parent) : QAbstractItemModel(parent) {
+    _roleNameMapping[TreeModelRoleName] = "name";
+    _roleNameMapping[TreeModelRoleType] = "type";
+    _roleNameMapping[TreeModelRoleData] = "data";
+
+    QList<QVariant> rootData;
+    rootData << "Name" << "Type" << "Data";
+    _rootItem = new TreeItem(rootData);
+    _clipboard = nullptr;
+}
+
+TreeModel::~TreeModel() {
+    delete _rootItem;
+}
+
+QHash<int, QByteArray> TreeModel::roleNames() const {
+    return _roleNameMapping;
+}
+
+Qt::ItemFlags TreeModel::flags(const QModelIndex& index) const {
+    if (!index.isValid()) {
+        return Qt::NoItemFlags;
+    }
+
+    return QAbstractItemModel::flags(index);
+}
+
+QVariant TreeModel::data(const QModelIndex& index, int role) const {
+    TreeItem* item = getItem(index);
+    return item->data(role - Qt::UserRole - 1);
+}
+
+QVariant TreeModel::headerData(int section, Qt::Orientation orientation, int role) const {
+    if (orientation == Qt::Horizontal && role == Qt::DisplayRole) {
+        return _rootItem->data(section);
+    }
+
+    return QVariant();
+}
+
+QModelIndex TreeModel::index(int row, int column, const QModelIndex& parent) const {
+    if (!hasIndex(row, column, parent)) {
+        return QModelIndex();
+    }
+
+    TreeItem *parentItem;
+
+    if (!parent.isValid()) {
+        parentItem = _rootItem;
+    } else {
+        parentItem = static_cast<TreeItem*>(parent.internalPointer());
+    }
+
+    TreeItem *childItem = parentItem->child(row);
+    if (childItem) {
+        return createIndex(row, column, childItem);
+    } else {
+        return QModelIndex();
+    }
+}
+
+QModelIndex TreeModel::parent(const QModelIndex& index) const {
+    if (!index.isValid()) {
+        return QModelIndex();
+    }
+
+    TreeItem *childItem = static_cast<TreeItem*>(index.internalPointer());
+    TreeItem *parentItem = childItem->parentItem();
+
+    if (parentItem == _rootItem) {
+        return QModelIndex();
+    }
+
+    return createIndex(parentItem->row(), 0, parentItem);
+}
+
+int TreeModel::rowCount(const QModelIndex& parent) const {
+    TreeItem* parentItem = getItem(parent);
+    return parentItem->childCount();
+}
+
+int TreeModel::columnCount(const QModelIndex& parent) const {
+    return _rootItem->columnCount();
+}
+
+bool TreeModel::setData(const QModelIndex& index, const QVariant& value, int role) {
+    TreeItem* item = getItem(index);
+
+    bool returnValue = item->setData(role - Qt::UserRole - 1, value);
+
+    emit dataChanged(index, index);
+
+    return returnValue;
+}
+
+bool TreeModel::setHeaderData(int section, Qt::Orientation orientation, const QVariant& value, int role) {
+    return false;
+}
+
+bool TreeModel::insertColumns(int position, int columns, const QModelIndex& parent) {
+    return false;
+}
+
+bool TreeModel::removeColumns(int position, int columns, const QModelIndex& parent) {
+    return false;
+}
+
+bool TreeModel::insertRows(int position, int rows, const QModelIndex& parent) {
+    return false;
+}
+
+bool TreeModel::removeRows(int position, int rows, const QModelIndex& parent) {
+    return false;
+}
+
+void TreeModel::loadFromFile(const QString& filename) {
+
+    beginResetModel();
+
+    QFile file(filename);
+    if (!file.exists()) {
+        qCritical() << "TreeModel::loadFromFile, failed to open file" << filename;
+    } else if (!file.open(QIODevice::ReadOnly)) {
+        qCritical() << "TreeModel::loadFromFile, failed to open file" << filename;
+    } else {
+        qDebug() << "TreeModel::loadFromFile, success opening file" << filename;
+        QByteArray contents = file.readAll();
+        QJsonParseError error;
+        auto doc = QJsonDocument::fromJson(contents, &error);
+        if (error.error != QJsonParseError::NoError) {
+            qCritical() << "TreeModel::loadFromFile, failed to parse json, error" << error.errorString();
+        } else {
+            QJsonObject obj = doc.object();
+
+            // version
+            QJsonValue versionVal = obj.value("version");
+            if (!versionVal.isString()) {
+                qCritical() << "TreeModel::loadFromFile, bad string \"version\"";
+                return;
+            }
+            QString version = versionVal.toString();
+
+            // check version
+            if (version != "1.0" && version != "1.1") {
+                qCritical() << "TreeModel::loadFromFile, bad version number" << version << "expected \"1.0\" or \"1.1\"";
+                return;
+            }
+
+            // root
+            QJsonValue rootVal = obj.value("root");
+            if (!rootVal.isObject()) {
+                qCritical() << "TreeModel::loadFromFile, bad object \"root\"";
+                return;
+            }
+
+            QList<QVariant> columnData;
+            columnData << QString("root");
+            columnData << QString("root");
+            columnData << QString("root");
+
+            // create root item
+            _rootItem = new TreeItem(columnData);
+            _rootItem->appendChild(loadNode(rootVal.toObject()));
+        }
+    }
+
+    endResetModel();
+}
+
+void TreeModel::saveToFile(const QString& filename) {
+
+    QJsonObject obj;
+    obj.insert("version", "1.1");
+
+    const int FIRST_CHILD = 0;
+    obj.insert("root", jsonFromItem(_rootItem->child(FIRST_CHILD)));
+
+    QJsonDocument doc(obj);
+    QByteArray byteArray = doc.toJson(QJsonDocument::Indented);
+
+    QFile file(filename);
+    if (!file.open(QIODevice::WriteOnly)) {
+        qCritical() << "TreeModel::safeToFile, failed to open file" << filename;
+    } else {
+        file.write(byteArray);
+    }
+}
+
+void TreeModel::newNode(const QModelIndex& parent) {
+    TreeItem* parentItem = _rootItem;
+    if (parent.isValid()) {
+        parentItem = static_cast<TreeItem*>(parent.internalPointer());
+    }
+
+    beginInsertRows(parent, parentItem->childCount(), parentItem->childCount());
+    TreeItem* childItem = newBlankTreeItem();
+    parentItem->appendChild(childItem);
+
+    endInsertRows();
+}
+
+void TreeModel::deleteNode(const QModelIndex& index) {
+    TreeItem* item = static_cast<TreeItem*>(index.internalPointer());
+    TreeItem* parentItem = item->parentItem();
+    int childNum = parentItem->findChild(item);
+
+    if (childNum >= 0) {
+        beginRemoveRows(createIndex(0, 0, reinterpret_cast<quintptr>(parentItem)), childNum, childNum);
+        parentItem->removeChild(childNum);
+        endRemoveRows();
+    }
+}
+
+void TreeModel::insertNodeAbove(const QModelIndex& index) {
+    TreeItem* item = static_cast<TreeItem*>(index.internalPointer());
+    TreeItem* parentItem = item->parentItem();
+    int childNum = parentItem->findChild(item);
+
+    if (childNum >= 0) {
+        TreeItem* newItem = newBlankTreeItem();
+        QModelIndex parentIndex = createIndex(0, 0, reinterpret_cast<quintptr>(parentItem));
+
+        // remove item
+        beginRemoveRows(parentIndex, childNum, childNum);
+        parentItem->removeChild(childNum);
+        endRemoveRows();
+
+        // append item to newItem
+        newItem->appendChild(item);
+
+        // then insert newItem
+        beginInsertRows(parentIndex, childNum, childNum);
+        parentItem->insertChild(childNum, newItem);
+        endInsertRows();
+    }
+}
+
+QVariantList TreeModel::getChildrenModelIndices(const QModelIndex& index) {
+    QVariantList indices;
+
+    TreeItem* parent = static_cast<TreeItem*>(index.internalPointer());
+    for (int i = 0; i < parent->childCount(); ++i) {
+        TreeItem* child = parent->child(i);
+        indices.push_back(createIndex(i, 0, reinterpret_cast<quintptr>(child)));
+    }
+    return indices;
+}
+
+void TreeModel::copyNode(const QModelIndex& index) {
+    TreeItem* item = static_cast<TreeItem*>(index.internalPointer());
+    // TODO: delete previous clipboard
+    _clipboard = item->cloneNode();
+}
+
+void TreeModel::copyNodeAndChildren(const QModelIndex& index) {
+    TreeItem* item = static_cast<TreeItem*>(index.internalPointer());
+    // TODO: delete previous clipboard
+    _clipboard = item->cloneNodeAndChildren();
+}
+
+void TreeModel::pasteOver(const QModelIndex& index) {
+    if (_clipboard) {
+        TreeItem* item = static_cast<TreeItem*>(index.internalPointer());
+        TreeItem* parentItem = item->parentItem();
+        int childNum = parentItem->findChild(item);
+
+        if (childNum >= 0) {
+            QModelIndex parentIndex = createIndex(0, 0, reinterpret_cast<quintptr>(parentItem));
+
+            // remove item
+            beginRemoveRows(parentIndex, childNum, childNum);
+            parentItem->removeChild(childNum);
+            endRemoveRows();
+
+            // then insert clone of _clipboard
+            beginInsertRows(parentIndex, childNum, childNum);
+            parentItem->insertChild(childNum, _clipboard->cloneNodeAndChildren());
+            endInsertRows();
+        }
+    }
+}
+
+void TreeModel::pasteAsChild(const QModelIndex& index) {
+    if (_clipboard) {
+        TreeItem* parentItem = _rootItem;
+        if (index.isValid()) {
+            parentItem = static_cast<TreeItem*>(index.internalPointer());
+        }
+
+        beginInsertRows(index, parentItem->childCount(), parentItem->childCount());
+        parentItem->appendChild(_clipboard->cloneNodeAndChildren());
+
+        endInsertRows();
+    }
+}
+
+TreeItem* TreeModel::loadNode(const QJsonObject& jsonObj) {
+
+    // id
+    auto idVal = jsonObj.value("id");
+    if (!idVal.isString()) {
+        qCritical() << "loadNode, bad string \"id\"";
+        return nullptr;
+    }
+    QString id = idVal.toString();
+
+    // type
+    auto typeVal = jsonObj.value("type");
+    if (!typeVal.isString()) {
+        qCritical() << "loadNode, bad object \"type\", id =" << id;
+        return nullptr;
+    }
+    QString typeStr = typeVal.toString();
+
+    // data
+    auto dataValue = jsonObj.value("data");
+    if (!dataValue.isObject()) {
+        qCritical() << "AnimNodeLoader, bad string \"data\", id =" << id;
+        return nullptr;
+    }
+
+    QList<QVariant> columnData;
+    columnData << id;
+    columnData << typeStr;
+    columnData << dataValue.toVariant();
+
+    // create node
+    TreeItem* node = new TreeItem(columnData);
+
+    // children
+    auto childrenValue = jsonObj.value("children");
+    if (!childrenValue.isArray()) {
+        qCritical() << "AnimNodeLoader, bad array \"children\", id =" << id;
+        return nullptr;
+    }
+    auto childrenArray = childrenValue.toArray();
+    for (const auto& childValue : childrenArray) {
+        if (!childValue.isObject()) {
+            qCritical() << "AnimNodeLoader, bad object in \"children\", id =" << id;
+            return nullptr;
+        }
+        TreeItem* child = loadNode(childValue.toObject());
+        if (child) {
+            node->appendChild(child);
+        } else {
+            return nullptr;
+        }
+    }
+
+    return node;
+}
+
+TreeItem* TreeModel::getItem(const QModelIndex& index) const {
+    if (index.isValid()) {
+        TreeItem *item = static_cast<TreeItem*>(index.internalPointer());
+        if (item) {
+            return item;
+        }
+    }
+    return _rootItem;
+}
+
+QJsonObject TreeModel::jsonFromItem(TreeItem* treeItem) {
+    QJsonObject obj;
+
+    const int ID_COLUMN = 0;
+    obj.insert("id", treeItem->data(ID_COLUMN).toJsonValue());
+
+    const int TYPE_COLUMN = 1;
+    obj.insert("type", treeItem->data(TYPE_COLUMN).toJsonValue());
+
+    const int DATA_COLUMN = 2;
+    QVariant data = treeItem->data(DATA_COLUMN);
+    if (data.canConvert<QJSValue>()) {
+        obj.insert("data", data.value<QJSValue>().toVariant().toJsonValue());
+    } else {
+        obj.insert("data", data.toJsonValue());
+    }
+
+    QJsonArray children;
+    for (int i = 0; i < treeItem->childCount(); i++) {
+        children.push_back(jsonFromItem(treeItem->child(i)));
+    }
+    obj.insert("children", children);
+
+    return obj;
+}

tools/animedit/treemodel.h

@@ -0,0 +1,79 @@
+//
+//  TreeModel
+//
+//  Created by Anthony Thibault on 6/5/2019
+//  Copyright 2019 High Fidelity, Inc.
+//
+//  Distributed under the Apache License, Version 2.0.
+//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
+//
+
+#ifndef hifi_TreeModel_h
+#define hifi_TreeModel_h
+
+#include <QAbstractItemModel>
+#include <QJsonObject>
+#include <QModelIndex>
+#include <QObject>
+#include <QString>
+#include <QVariant>
+
+class TreeItem;
+
+class TreeModel : public QAbstractItemModel {
+    Q_OBJECT
+
+public:
+    enum TreeModelRoles
+    {
+        TreeModelRoleName = Qt::UserRole + 1,
+        TreeModelRoleType,
+        TreeModelRoleData
+    };
+
+    explicit TreeModel(QObject* parent = nullptr);
+    ~TreeModel() override;
+
+    // QAbstractItemModel interface
+    QHash<int, QByteArray> roleNames() const override;
+    Qt::ItemFlags flags(const QModelIndex& index) const override;
+
+    // read methods
+    QVariant data(const QModelIndex& index, int role) const override;
+    QVariant headerData(int section, Qt::Orientation orientation, int role = TreeModelRoleName) const override;
+    QModelIndex index(int row, int column, const QModelIndex& parent = QModelIndex()) const override;
+    QModelIndex parent(const QModelIndex& index) const override;
+    int rowCount(const QModelIndex& parent = QModelIndex()) const override;
+    int columnCount(const QModelIndex& parent = QModelIndex()) const override;
+
+    // write methods
+    bool setData(const QModelIndex& index, const QVariant& value, int role = TreeModelRoleName) override;
+    bool setHeaderData(int section, Qt::Orientation orientation, const QVariant& value, int role = TreeModelRoleName) override;
+    bool insertColumns(int position, int columns, const QModelIndex& parent = QModelIndex()) override;
+    bool removeColumns(int position, int columns, const QModelIndex& parent = QModelIndex()) override;
+    bool insertRows(int position, int rows, const QModelIndex& parent = QModelIndex()) override;
+    bool removeRows(int position, int rows, const QModelIndex& parent = QModelIndex()) override;
+
+    // invokable from qml
+    Q_INVOKABLE void loadFromFile(const QString& filename);
+    Q_INVOKABLE void saveToFile(const QString& filename);
+    Q_INVOKABLE void newNode(const QModelIndex& parent);
+    Q_INVOKABLE void deleteNode(const QModelIndex& index);
+    Q_INVOKABLE void insertNodeAbove(const QModelIndex& index);
+    Q_INVOKABLE QVariantList getChildrenModelIndices(const QModelIndex& index);
+    Q_INVOKABLE void copyNode(const QModelIndex& index);
+    Q_INVOKABLE void copyNodeAndChildren(const QModelIndex& index);
+    Q_INVOKABLE void pasteOver(const QModelIndex& index);
+    Q_INVOKABLE void pasteAsChild(const QModelIndex& index);
+
+private:
+    TreeItem* loadNode(const QJsonObject& jsonObj);
+    TreeItem* getItem(const QModelIndex& index) const;
+    QJsonObject jsonFromItem(TreeItem* treeItem);
+
+    TreeItem* _rootItem;
+    QHash<int, QByteArray> _roleNameMapping;
+    TreeItem* _clipboard;
+};
+
+#endif