@scratch/scratch-render 12.0.0-react-18 → 12.0.0-react-18-face-sensing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scratch/scratch-render",
-  "version": "12.0.0-react-18",
+  "version": "12.0.0-react-18-face-sensing",
   "description": "WebGL Renderer for Scratch 3.0",
   "author": "Massachusetts Institute of Technology",
   "license": "AGPL-3.0-only",
@@ -47,7 +47,7 @@
     "iOS >= 8"
   ],
   "dependencies": {
-    "@scratch/scratch-svg-renderer": "12.0.0-react-18",
+    "@scratch/scratch-svg-renderer": "12.0.0-react-18-face-sensing",
     "grapheme-breaker": "0.3.2",
     "hull.js": "0.2.10",
     "ify-loader": "1.1.0",
@@ -60,29 +60,29 @@
     "scratch-render-fonts": "^1.0.0"
   },
   "devDependencies": {
-    "@babel/core": "7.28.0",
+    "@babel/core": "7.28.3",
     "@babel/eslint-parser": "7.28.0",
     "@babel/polyfill": "7.12.1",
-    "@babel/preset-env": "7.28.0",
-    "@scratch/scratch-vm": "12.0.0-react-18",
+    "@babel/preset-env": "7.28.3",
+    "@scratch/scratch-vm": "12.0.0-react-18-face-sensing",
     "babel-loader": "9.2.1",
     "copy-webpack-plugin": "6.4.1",
     "docdash": "0.4.0",
     "eslint": "8.57.1",
     "eslint-config-scratch": "9.0.9",
     "gh-pages": "1.2.0",
-    "html-webpack-plugin": "5.6.3",
+    "html-webpack-plugin": "5.6.4",
     "jsdoc": "3.6.11",
     "json": "9.0.6",
     "playwright-chromium": "1.54.2",
-    "scratch-render-fonts": "1.0.220",
+    "scratch-render-fonts": "1.0.223",
     "scratch-semantic-release-config": "3.0.0",
-    "scratch-storage": "4.0.210",
+    "scratch-storage": "4.0.214",
     "scratch-webpack-configuration": "3.0.0",
     "semantic-release": "19.0.5",
     "tap": "16.3.10",
     "terser-webpack-plugin": "5.3.14",
-    "webpack": "5.101.0",
+    "webpack": "5.101.2",
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "5.2.2"
   }

package/src/RenderWebGL.js

@@ -1069,6 +1069,54 @@ class RenderWebGL extends EventEmitter {
         return false;
     }
 
+    /**
+     * Determine if the drawable is touching a rectangle.
+     *
+     * @param {int} drawableID The ID of the drawable to check.
+     * @param {int} left - The left X coordinate of the rectangle.
+     * @param {int} top - The top Y coordinate of the rectangle.
+     * @param {int} right - The right X coordinate of the rectangle.
+     * @param {int} bottom - The bottom Y coordinate of the rectangle.
+     * @returns {boolean} If the drawable has any pixels that would draw in the rectangle area
+     */
+    drawableTouchingScratchRect (drawableID, left, top, right, bottom) {
+        const drawable = this._allDrawables[drawableID];
+        if (!drawable) {
+            return false;
+        }
+        const bounds = new Rectangle();
+        bounds.initFromBounds(left, right, bottom, top);
+        const worldPos = twgl.v3.create();
+
+        drawable.updateCPURenderAttributes();
+
+        for (worldPos[1] = bounds.bottom; worldPos[1] <= bounds.top; worldPos[1]++) {
+            for (worldPos[0] = bounds.left; worldPos[0] <= bounds.right; worldPos[0]++) {
+                if (drawable.isTouching(worldPos)) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+
+    /**
+     * Determine if the drawable is touching a point in the Scratch coordinate system
+     *
+     * @param {int} drawableID The ID of the drawable to check.
+     * @param {int} x The x coordinate of the point.
+     * @param {int} y The y coordinate of the point.
+     * @returns {boolean} If the drawable is touching the point
+     */
+    drawableTouchingScratchPoint (drawableID, x, y) {
+        const drawable = this._allDrawables[drawableID];
+        if (!drawable) {
+            return false;
+        }
+        drawable.updateCPURenderAttributes();
+        return drawable.isTouching([x, y]);
+    }
+
     /**
      * Detect which sprite, if any, is at the given location.
      * This function will pick all drawables that are visible, unless specific