Make Euler intrinsic type

It is basically similar to vectors/matrices (list with 3 numbers and a
string), and this makes it easier to work with it.

Author: vidartf

js/scripts/prop-types.js

@@ -426,6 +426,23 @@ _.extend(Matrix4.prototype, BaseType.prototype, {
 });
 
 
+function Euler() {
+    this.defaultValue = [0, 0, 0, 'XYZ'];
+}
+
+_.extend(Euler.prototype, BaseType.prototype, {
+    getTraitlet: function() {
+        return 'Euler(default=' + JSON.stringify(this.defaultValue) + ').tag(sync=True)';
+    },
+    getPropertyConverterFn: function() {
+        return 'convertEuler';
+    },
+    getPropertyAssignmentFn: function() {
+        return 'assignEuler';
+    },
+});
+
+
 module.exports = {
     ThreeType: ThreeType,
     ForwardDeclaredThreeType: ForwardDeclaredThreeType,
@@ -452,4 +469,5 @@ module.exports = {
     FaceArray: FaceArray,
     Matrix3: Matrix3,
     Matrix4: Matrix4,
+    Euler: Euler,
 };

js/scripts/three-class-config.js

@@ -298,7 +298,7 @@ module.exports = {
             children:               new Types.ThreeTypeArray('this'),
             up:                     new Types.Vector3(0, 1, 0),
             position:               new Types.Vector3(),
-            rotation:               new Types.ThreeType('Euler'),
+            rotation:               new Types.Euler(),
             quaternion:             new Types.Vector4(0, 0, 0, 1),
             scale:                  new Types.Vector3(1, 1, 1),
             modelViewMatrix:        new Types.Matrix4(),
@@ -809,16 +809,6 @@ module.exports = {
         },
         constructorArgs: ['radius', 'theta', 'y'],
     },
-    Euler: {
-        relativePath: './math/Euler',
-        properties: {
-            x: new Types.Float(0),
-            y: new Types.Float(0),
-            z: new Types.Float(0),
-            order: new Types.String('XYZ'),
-        },
-        constructorArgs: [ 'x', 'y', 'z', 'order' ],
-    },
     Frustum: {
         relativePath: './math/Frustum',
         properties: {

js/src/_base/Three.js

@@ -463,6 +463,19 @@ var ThreeModel = widgets.WidgetModel.extend({
         obj[key].copy(value);
     },
 
+    // Euler
+    convertEulerModelToThree: function(v, propName) {
+        return new THREE.Euler().fromArray(v);
+    },
+
+    convertEulerThreeToModel: function(v, propName) {
+        return v.toArray();
+    },
+
+    assignEuler: function(obj, key, value) {
+        obj[key].copy(value);
+    },
+
     // Vector Array
     convertVectorArrayModelToThree: function(varr, propName) {
         return varr.map(function(v) {

pythreejs/traits.py

@@ -46,4 +46,9 @@ def BufferAttribute(trait_type=CFloat, **kwargs):
         Unicode(),                  # 3. uuid
         CInt(),                     # 6. version
         default_value=(None, -1, False, "", -1)
-    )
+    )
+
+def Euler(default=None, **kwargs):
+    if default is None:
+        default = [0, 0, 0, 'XYZ']
+    return Tuple(CFloat(), CFloat(), CFloat(), Unicode(), default_value=default, **kwargs)