@galacean/effects-threejs 2.10.0-alpha.3 → 2.10.0-alpha.4

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime threejs plugin for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v2.10.0-alpha.3
+ * Version: v2.10.0-alpha.4
  */
 
 'use strict';
@@ -23152,10 +23152,10 @@ var Graphics = /*#__PURE__*/ function() {
         this.currentTransform = Matrix3.fromIdentity();
         this.currentBatchType = "colored";
         this.currentBatchTexture = null;
-        // 创建从屏幕坐标到 NDC 的投影矩阵，屏幕坐标: (0, 0) 在左下角，(width, height) 在右上角
+        // 创建从屏幕坐标到 NDC 的投影矩阵，屏幕坐标：(0, 0) 在左上角，(width, height) 在右下角，+Y 向下。
         var _this_engine_canvas_getBoundingClientRect = this.engine.canvas.getBoundingClientRect(), width = _this_engine_canvas_getBoundingClientRect.width, height = _this_engine_canvas_getBoundingClientRect.height;
         // 正交投影矩阵：将屏幕坐标 [0, width] x [0, height] 映射到 NDC [-1, 1] x [-1, 1]
-        var projectionMatrix = new Matrix4(2 / width, 0, 0, 0, 0, 2 / height, 0, 0, 0, 0, -1, 0, -1, -1, 0, 1 // 第四列
+        var projectionMatrix = new Matrix4(2 / width, 0, 0, 0, 0, -2 / height, 0, 0, 0, 0, -1, 0, -1, 1, 0, 1 // 第四列
         );
         this.coloredMaterial.setMatrix("effects_MatrixVP", projectionMatrix);
         this.texturedMaterial.setMatrix("effects_MatrixVP", projectionMatrix);
@@ -23320,8 +23320,8 @@ var Graphics = /*#__PURE__*/ function() {
     };
     /**
    * 绘制矩形边框
-   * @param x - 矩形左下角 X 坐标
-   * @param y - 矩形左下角 Y 坐标
+   * @param x - 矩形左上角 X 坐标
+   * @param y - 矩形左上角 Y 坐标
    * @param width - 矩形宽度
    * @param height - 矩形高度
    * @param color - 边框颜色，默认白色，范围 0-1
@@ -23364,8 +23364,8 @@ var Graphics = /*#__PURE__*/ function() {
     };
     /**
    * 绘制填充矩形
-   * @param x - 矩形左下角 X 坐标
-   * @param y - 矩形左下角 Y 坐标
+   * @param x - 矩形左上角 X 坐标
+   * @param y - 矩形左上角 Y 坐标
    * @param width - 矩形宽度
    * @param height - 矩形高度
    * @param color - 填充颜色，默认白色，范围 0-1
@@ -23391,9 +23391,9 @@ var Graphics = /*#__PURE__*/ function() {
         this.buildShape(this.circleShape, color);
     };
     /**
-   * 绘制纹理矩形（本地坐标，Y 向上，(x, y) 为左下角）
-   * @param x - 矩形左下角 X 坐标
-   * @param y - 矩形左下角 Y 坐标
+   * 绘制纹理矩形（本地坐标，Y 向下，(x, y) 为左上角）
+   * @param x - 矩形左上角 X 坐标
+   * @param y - 矩形左上角 Y 坐标
    * @param width - 矩形宽度
    * @param height - 矩形高度
    * @param texture - 要采样的纹理。同纹理连续绘制会合批，纹理切换会自动 flush 当前批次
@@ -23406,14 +23406,14 @@ var Graphics = /*#__PURE__*/ function() {
         this.pushQuad(x, y, width, height, color, region);
     };
     /**
-   * 绘制文本（本地坐标，Y 向上，(x, y) 为文本左下角）。
+   * 绘制文本（本地坐标，Y 向下，(x, y) 为文本 cell 左上角）。
    *
    * 文本走字符级 bitmap atlas（同一字体下每个字只渲染一次，任意文本组合复用 atlas）;
    * `color` 作为乘色与白色字形 alpha 相乘，任意颜色都不会污染 atlas。
    *
    * 字体参数全部展开，避免调用方每帧创建临时 style 对象触发 GC
-   * @param x - 文本左下角 X 坐标（首字 ink 起始处，含 padding 的 quad 会向左延伸）
-   * @param y - 文本左下角 Y 坐标（cell 底，含底部 padding；字形 ink 在其上方 padding+ascent 处）
+   * @param x - 文本左上角 X 坐标（首字 ink 起始处，含 padding 的 quad 会向左延伸）
+   * @param y - 文本 cell 顶部 Y 坐标
    * @param text - 要绘制的文本内容，空串直接 return
    * @param fontSize - 字号（逻辑像素）
    * @param color - 乘色，默认白色，范围 0-1
@@ -23528,7 +23528,7 @@ var Graphics = /*#__PURE__*/ function() {
    * 在像素级亚像素精度下会暴露 1-2 像素缝隙，叠层时底层颜色透出形成可见的对角痕迹
    */ _proto.pushQuad = function pushQuad(x, y, width, height, color, region) {
         var vertexOffset = this.vertices.length / 2;
-        // 4 顶点（本地坐标，左下/右下/左上/右上），应用当前变换写入 vertices
+        // 4 顶点（本地坐标，左上/右上/左下/右下），应用当前变换写入 vertices
         var corners = [
             [
                 x,
@@ -23554,19 +23554,19 @@ var Graphics = /*#__PURE__*/ function() {
         var cornerUVs = [
             [
                 u0,
-                v0
+                v1
             ],
             [
                 u1,
-                v0
+                v1
             ],
             [
                 u0,
-                v1
+                v0
             ],
             [
                 u1,
-                v1
+                v0
             ]
         ];
         for(var i = 0; i < 4; i++){
@@ -24660,8 +24660,18 @@ var InputEvent = /*#__PURE__*/ function() {
         this.device = 0;
         this.pressed = false;
         this.canceled = false;
+        this._accepted = false;
     }
     var _proto = InputEvent.prototype;
+    _proto.accept = function accept() {
+        this._accepted = true;
+    };
+    _proto.clearAccepted = function clearAccepted() {
+        this._accepted = false;
+    };
+    _proto.isAccepted = function isAccepted() {
+        return this._accepted;
+    };
     _proto.isPressed = function isPressed() {
         return this.pressed && !this.canceled;
     };
@@ -24675,11 +24685,7 @@ var InputEvent = /*#__PURE__*/ function() {
         return false;
     };
     _proto.xformedBy = function xformedBy(transform) {
-        var event = new InputEvent();
-        event.device = this.device;
-        event.pressed = this.pressed;
-        event.canceled = this.canceled;
-        return event;
+        return this;
     };
     return InputEvent;
 }();
@@ -24710,11 +24716,6 @@ var InputEventWithModifiers = /*#__PURE__*/ function(InputEvent) {
         event.metaPressed = this.metaPressed;
         event.ctrlPressed = this.ctrlPressed;
     };
-    _proto.xformedBy = function xformedBy(transform) {
-        var event = new InputEventWithModifiers();
-        this.copyModifiersTo(event);
-        return event;
-    };
     return InputEventWithModifiers;
 }(_wrap_native_super(InputEvent));
 var InputEventKey = /*#__PURE__*/ function(InputEventWithModifiers) {
@@ -24734,17 +24735,6 @@ var InputEventKey = /*#__PURE__*/ function(InputEventWithModifiers) {
     _proto.isEcho = function isEcho() {
         return this.echo;
     };
-    _proto.xformedBy = function xformedBy(transform) {
-        var event = new InputEventKey();
-        this.copyModifiersTo(event);
-        event.keycode = this.keycode;
-        event.physicalKeycode = this.physicalKeycode;
-        event.keyLabel = this.keyLabel;
-        event.unicode = this.unicode;
-        event.location = this.location;
-        event.echo = this.echo;
-        return event;
-    };
     return InputEventKey;
 }(InputEventWithModifiers);
 var InputEventMouse = /*#__PURE__*/ function(InputEventWithModifiers) {
@@ -24764,12 +24754,6 @@ var InputEventMouse = /*#__PURE__*/ function(InputEventWithModifiers) {
         event.position.copyFrom(this.position);
         event.globalPosition.copyFrom(this.globalPosition);
     };
-    _proto.xformedBy = function xformedBy(transform) {
-        var event = new InputEventMouse();
-        this.copyMouseTo(event);
-        event.position.copyFrom(transformPoint(transform, this.position));
-        return event;
-    };
     return InputEventMouse;
 }(InputEventWithModifiers);
 var InputEventMouseButton = /*#__PURE__*/ function(InputEventMouse) {
@@ -24886,27 +24870,27 @@ var InputEventScreenDrag = /*#__PURE__*/ function(InputEvent) {
 var ANCHOR_PRESET_TABLE = {
     topLeft: [
         0,
-        1,
         0,
-        1
+        0,
+        0
     ],
     topRight: [
         1,
+        0,
         1,
-        1,
-        1
+        0
     ],
     bottomLeft: [
         0,
+        1,
         0,
-        0,
-        0
+        1
     ],
     bottomRight: [
         1,
-        0,
         1,
-        0
+        1,
+        1
     ],
     centerLeft: [
         0,
@@ -24916,9 +24900,9 @@ var ANCHOR_PRESET_TABLE = {
     ],
     centerTop: [
         0.5,
-        1,
+        0,
         0.5,
-        1
+        0
     ],
     centerRight: [
         1,
@@ -24928,9 +24912,9 @@ var ANCHOR_PRESET_TABLE = {
     ],
     centerBottom: [
         0.5,
-        0,
+        1,
         0.5,
-        0
+        1
     ],
     center: [
         0.5,
@@ -24945,10 +24929,10 @@ var ANCHOR_PRESET_TABLE = {
         1
     ],
     topWide: [
+        0,
         0,
         1,
-        1,
-        1
+        0
     ],
     rightWide: [
         1,
@@ -24957,10 +24941,10 @@ var ANCHOR_PRESET_TABLE = {
         1
     ],
     bottomWide: [
-        0,
         0,
         1,
-        0
+        1,
+        1
     ],
     vcenterWide: [
         0.5,
@@ -25146,6 +25130,7 @@ var ANCHOR_PRESET_TABLE = {
         var a = this.anchorMin;
         var b = this.anchorMax;
         var minX = 0, maxX = 0, minY = 0, maxY = 0;
+        // Left edge.
         switch(preset){
             case "topLeft":
             case "bottomLeft":
@@ -25156,41 +25141,71 @@ var ANCHOR_PRESET_TABLE = {
             case "hcenterWide":
             case "fullRect":
                 minX = margin - a.x * parentSize.x;
-                maxX = margin + width - b.x * parentSize.x;
                 break;
             case "centerTop":
             case "centerBottom":
             case "center":
             case "vcenterWide":
                 minX = 0.5 * parentSize.x - width / 2 - a.x * parentSize.x;
-                maxX = 0.5 * parentSize.x + width / 2 - b.x * parentSize.x;
                 break;
             default:
                 minX = parentSize.x - margin - width - a.x * parentSize.x;
-                maxX = parentSize.x - margin - b.x * parentSize.x;
                 break;
         }
         switch(preset){
+            case "topLeft":
             case "bottomLeft":
-            case "bottomRight":
+            case "centerLeft":
+            case "leftWide":
+                maxX = margin + width - b.x * parentSize.x;
+                break;
+            case "centerTop":
             case "centerBottom":
+            case "center":
+            case "vcenterWide":
+                maxX = 0.5 * parentSize.x + width / 2 - b.x * parentSize.x;
+                break;
+            default:
+                maxX = parentSize.x - margin - b.x * parentSize.x;
+                break;
+        }
+        // Top edge.
+        switch(preset){
+            case "topLeft":
+            case "topRight":
+            case "centerTop":
             case "leftWide":
             case "rightWide":
-            case "bottomWide":
+            case "topWide":
             case "vcenterWide":
             case "fullRect":
                 minY = margin - a.y * parentSize.y;
-                maxY = margin + height - b.y * parentSize.y;
                 break;
             case "centerLeft":
             case "centerRight":
             case "center":
             case "hcenterWide":
                 minY = 0.5 * parentSize.y - height / 2 - a.y * parentSize.y;
-                maxY = 0.5 * parentSize.y + height / 2 - b.y * parentSize.y;
                 break;
             default:
                 minY = parentSize.y - margin - height - a.y * parentSize.y;
+                break;
+        }
+        // Bottom edge.
+        switch(preset){
+            case "topLeft":
+            case "topRight":
+            case "centerTop":
+            case "topWide":
+                maxY = margin + height - b.y * parentSize.y;
+                break;
+            case "centerLeft":
+            case "centerRight":
+            case "center":
+            case "hcenterWide":
+                maxY = 0.5 * parentSize.y + height / 2 - b.y * parentSize.y;
+                break;
+            default:
                 maxY = parentSize.y - margin - b.y * parentSize.y;
                 break;
         }
@@ -25219,10 +25234,6 @@ var ANCHOR_PRESET_TABLE = {
     _proto.getCursorShape = function getCursorShape(position) {
         return this.defaultCursorShape;
     };
-    _proto.acceptEvent = function acceptEvent() {
-        var _this_root;
-        (_this_root = this.root) == null ? void 0 : _this_root.acceptControlEvent(this);
-    };
     _proto.focus = function focus() {
         var _this_root;
         (_this_root = this.root) == null ? void 0 : _this_root.grabControlFocus(this);
@@ -25303,14 +25314,14 @@ var ANCHOR_PRESET_TABLE = {
         this.engine.graphics.drawText(x, y, text, fontSize, color, fontFamily, fontWeight, fontStyle);
     };
     _proto.onMouseEnter = function onMouseEnter(location) {};
-    _proto.onMouseMove = function onMouseMove(location, event) {};
+    _proto.onMouseMove = function onMouseMove(event) {};
     _proto.onMouseLeave = function onMouseLeave() {};
-    _proto.onMouseWheel = function onMouseWheel(location, delta, event) {};
-    _proto.onMouseDown = function onMouseDown(location, button, event) {};
-    _proto.onMouseUp = function onMouseUp(location, button, event) {};
-    _proto.onTouchDown = function onTouchDown(location, pointerId, event) {};
-    _proto.onTouchMove = function onTouchMove(location, pointerId, event) {};
-    _proto.onTouchUp = function onTouchUp(location, pointerId, event) {};
+    _proto.onMouseWheel = function onMouseWheel(event) {};
+    _proto.onMouseDown = function onMouseDown(event) {};
+    _proto.onMouseUp = function onMouseUp(event) {};
+    _proto.onTouchDown = function onTouchDown(event) {};
+    _proto.onTouchMove = function onTouchMove(event) {};
+    _proto.onTouchUp = function onTouchUp(event) {};
     _proto.onKeyDown = function onKeyDown(event) {};
     _proto.onKeyUp = function onKeyUp(event) {};
     _proto.onGotFocus = function onGotFocus() {};
@@ -25345,10 +25356,10 @@ var ANCHOR_PRESET_TABLE = {
         var _this_parent_size;
         var parentSize = (_this_parent_size = (_this_parent = this.parent) == null ? void 0 : _this_parent.size) != null ? _this_parent_size : new Vector2();
         var left = this.offsetMin.x + this.anchorMin.x * parentSize.x;
-        var bottom = this.offsetMin.y + this.anchorMin.y * parentSize.y;
+        var top = this.offsetMin.y + this.anchorMin.y * parentSize.y;
         var right = this.offsetMax.x + this.anchorMax.x * parentSize.x;
-        var top = this.offsetMax.y + this.anchorMax.y * parentSize.y;
-        this.applyBounds(left, bottom, right - left, top - bottom);
+        var bottom = this.offsetMax.y + this.anchorMax.y * parentSize.y;
+        this.applyBounds(left, top, right - left, bottom - top);
     };
     _proto.applyBounds = function applyBounds(x, y, width, height) {
         var locationChanged = this.position.x !== x || this.position.y !== y;
@@ -25559,7 +25570,12 @@ var ANCHOR_PRESET_TABLE = {
                 return this._defaultCursorShape;
             },
             set: function set(value) {
+                var _this_root;
+                if (this._defaultCursorShape === value) {
+                    return;
+                }
                 this._defaultCursorShape = value;
+                (_this_root = this.root) == null ? void 0 : _this_root.updateMouseCursorState();
             }
         },
         {
@@ -25743,9 +25759,6 @@ function getButtonMask(button) {
 function isWheelButton(button) {
     return button >= exports.MouseButton.WheelUp && button <= exports.MouseButton.WheelRight;
 }
-function getWheelDelta(event) {
-    return event.buttonIndex === exports.MouseButton.WheelUp || event.buttonIndex === exports.MouseButton.WheelLeft ? event.factor : -event.factor;
-}
 /** CanvasLayer-like boundary for a single UICanvas GUI tree. */ var CanvasRootControl = /*#__PURE__*/ function(ContainerControl) {
     _inherits(CanvasRootControl, ContainerControl);
     function CanvasRootControl(engine, canvas) {
@@ -25804,7 +25817,7 @@ function getWheelDelta(event) {
         var _this;
         _this = RootControl.call(this, engine) || this;
         _this.dragThreshold = 10;
-        _this.inputHandled = false;
+        _this.lastInput = null;
         _this.gui = {
             mouseFocus: null,
             mouseClickGrabber: null,
@@ -25831,13 +25844,16 @@ function getWheelDelta(event) {
     }
     var _proto = WindowRootControl.prototype;
     _proto.pushInput = function pushInput(event) {
-        this.inputHandled = false;
+        event.clearAccepted();
+        this.lastInput = event;
         this.cleanupInternalState();
         this.processGUIInput(event);
         this.postGrabClickFocus();
     };
     _proto.isInputHandled = function isInputHandled() {
-        return this.inputHandled;
+        var _this_lastInput;
+        var _this_lastInput_isAccepted;
+        return (_this_lastInput_isAccepted = (_this_lastInput = this.lastInput) == null ? void 0 : _this_lastInput.isAccepted()) != null ? _this_lastInput_isAccepted : false;
     };
     _proto.getMousePosition = function getMousePosition() {
         return this.gui.lastMousePosition.clone();
@@ -25860,11 +25876,6 @@ function getWheelDelta(event) {
     _proto.guiCancelDrag = function guiCancelDrag() {
         this.endDragging(false);
     };
-    _proto.acceptControlEvent = function acceptControlEvent(control) {
-        if (this.isControlUsable(control)) {
-            this.inputHandled = true;
-        }
-    };
     _proto.grabControlFocus = function grabControlFocus(control) {
         if (!this.isFocusTargetUsable(control) || this.gui.keyFocus === control) {
             return;
@@ -25898,6 +25909,12 @@ function getWheelDelta(event) {
     _proto.warpControlMouse = function warpControlMouse(position) {
         this.gui.lastMousePosition.copyFrom(position);
         this.updateMouseOver(position);
+        this.updateMouseCursorState();
+    };
+    _proto.updateMouseCursorState = function updateMouseCursorState() {
+        var position = this.gui.lastMousePosition;
+        var target = this.isControlUsable(this.gui.mouseFocus) ? this.gui.mouseFocus : this.isControlUsable(this.gui.mouseOver) ? this.gui.mouseOver : null;
+        this.updateCursor(target, position);
     };
     _proto.controlStateChanged = function controlStateChanged(control) {
         if (!this.isControlUsable(control)) {
@@ -26050,11 +26067,15 @@ function getWheelDelta(event) {
         while(current && current !== this && this.isControlUsable(current)){
             var filter = current.getEffectiveMouseFilter();
             if (filter !== exports.MouseFilter.Ignore) {
-                this.callControlInput(current, event.xformedBy(this.getGlobalInverse(current)));
+                var localEvent = event.xformedBy(this.getGlobalInverse(current));
+                this.callControlInput(current, localEvent);
+                if (localEvent.isAccepted()) {
+                    event.accept();
+                }
             }
             var forcePassWheel = _instanceof1(event, InputEventMouseButton) && isWheelButton(event.buttonIndex) && current.mouseForcePassScrollEvents;
-            if (this.inputHandled || filter === exports.MouseFilter.Stop && pointerEvent && !forcePassWheel) {
-                this.inputHandled = true;
+            if (event.isAccepted() || filter === exports.MouseFilter.Stop && pointerEvent && !forcePassWheel) {
+                event.accept();
                 return;
             }
             current = current.parent;
@@ -26063,22 +26084,22 @@ function getWheelDelta(event) {
     _proto.callControlInput = function callControlInput(control, event) {
         if (_instanceof1(event, InputEventMouseButton)) {
             if (isWheelButton(event.buttonIndex)) {
-                control.onMouseWheel(event.position, getWheelDelta(event), event);
+                control.onMouseWheel(event);
             } else if (event.isPressed()) {
-                control.onMouseDown(event.position, event.buttonIndex, event);
+                control.onMouseDown(event);
             } else {
-                control.onMouseUp(event.position, event.buttonIndex, event);
+                control.onMouseUp(event);
             }
         } else if (_instanceof1(event, InputEventMouseMotion)) {
-            control.onMouseMove(event.position, event);
+            control.onMouseMove(event);
         } else if (_instanceof1(event, InputEventScreenTouch)) {
             if (event.isPressed()) {
-                control.onTouchDown(event.position, event.index, event);
+                control.onTouchDown(event);
             } else {
-                control.onTouchUp(event.position, event.index, event);
+                control.onTouchUp(event);
             }
         } else if (_instanceof1(event, InputEventScreenDrag)) {
-            control.onTouchMove(event.position, event.index, event);
+            control.onTouchMove(event);
         } else if (_instanceof1(event, InputEventKey)) {
             if (event.isPressed()) {
                 control.onKeyDown(event);
@@ -26229,11 +26250,11 @@ function getWheelDelta(event) {
     };
     _proto.updateCursor = function updateCursor(target, position) {
         var current = target;
-        var shape = exports.CursorShape.Arrow;
+        var cursor = exports.CursorShape.Arrow;
         while(current && current !== this){
             var candidate = current.getCursorShape(this.toLocal(current, position));
             if (candidate !== exports.CursorShape.Arrow) {
-                shape = candidate;
+                cursor = candidate;
                 break;
             }
             if (current.getEffectiveMouseFilter() === exports.MouseFilter.Stop) {
@@ -26241,7 +26262,7 @@ function getWheelDelta(event) {
             }
             current = current.parent;
         }
-        this.engine.canvas.style.cursor = cursorNames[shape];
+        this.engine.canvas.style.cursor = typeof cursor === "string" ? cursor : cursorNames[cursor];
     };
     _proto.postGrabClickFocus = function postGrabClickFocus() {
         var target = this.gui.mouseClickGrabber;
@@ -26893,8 +26914,8 @@ var EventSystem = /*#__PURE__*/ function() {
         if (!this.enabled || !this.target) {
             return;
         }
-        this.focusTarget();
         var position = this.getCanvasPosition(event.clientX, event.clientY);
+        this.focusTarget();
         var state = this.createPointerState(position);
         this.mouseState = state;
         state.pressed = true;
@@ -27186,12 +27207,14 @@ var EventSystem = /*#__PURE__*/ function() {
         var _target_width, _target_height;
         return {
             x: position.x / cssWidth * 2 - 1,
-            y: position.y / cssHeight * 2 - 1,
+            // Legacy composition picking uses bottom-left, Y-up NDC even though GUI
+            // input follows the DOM convention of top-left, Y-down pixels.
+            y: 1 - position.y / cssHeight * 2,
             vx: velocity.x / cssWidth * 2,
-            vy: velocity.y / cssHeight * 2,
+            vy: -velocity.y / cssHeight * 2,
             ts: performance.now(),
             dx: (position.x - state.start.x) / cssWidth * 2,
-            dy: (position.y - state.start.y) / cssHeight * 2,
+            dy: -(position.y - state.start.y) / cssHeight * 2,
             width: (_target_width = target == null ? void 0 : target.width) != null ? _target_width : 0,
             height: (_target_height = target == null ? void 0 : target.height) != null ? _target_height : 0,
             origin: origin
@@ -27203,7 +27226,7 @@ var EventSystem = /*#__PURE__*/ function() {
         if (!rect) {
             return new Vector2();
         }
-        return new Vector2(clientX - rect.left, rect.bottom - clientY);
+        return new Vector2(clientX - rect.left, clientY - rect.top);
     };
     _proto.consumeNativeEvent = function consumeNativeEvent(event, handled) {
         if (handled && !this.allowPropagation) {
@@ -27219,9 +27242,8 @@ var EventSystem = /*#__PURE__*/ function() {
         }
     };
     _proto.focusTarget = function focusTarget() {
-        if (this.target && document.activeElement !== this.target) {
-            this.target.focus();
-        }
+        var _this_target;
+        (_this_target = this.target) == null ? void 0 : _this_target.focus();
     };
     _proto.addNativeHandler = function addNativeHandler(target, name, handler, options) {
         target.addEventListener(name, handler, options);
@@ -39358,7 +39380,7 @@ function getStandardSpriteContent(sprite, transform) {
     return ret;
 }
 
-var version$2 = "2.10.0-alpha.3";
+var version$2 = "2.10.0-alpha.4";
 var v0 = /^(\d+)\.(\d+)\.(\d+)(-(\w+)\.\d+)?$/;
 var standardVersion = /^(\d+)\.(\d+)$/;
 var reverseParticle = false;
@@ -44588,7 +44610,7 @@ registerPlugin("text", TextLoader);
 registerPlugin("sprite", SpriteLoader);
 registerPlugin("particle", ParticleLoader);
 registerPlugin("interact", InteractLoader);
-var version$1 = "2.10.0-alpha.3";
+var version$1 = "2.10.0-alpha.4";
 logger.info("Core version: " + version$1 + ".");
 
 var _obj;
@@ -46081,7 +46103,7 @@ applyMixins(exports.ThreeTextComponent, [
  */ Mesh.create = function(engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "2.10.0-alpha.3";
+var version = "2.10.0-alpha.4";
 logger.info("THREEJS plugin version: " + version + ".");
 
 exports.ATLAS_SIZE = ATLAS_SIZE;