Sync with playcanvas/engine main (2026-10-26)

examples/package.json

@@ -51,7 +51,7 @@
     "react-router-dom": "7.18.4",
     "sharp": "0.35.5",
     "typescript": "5.9.3",
-    "vite": "8.3.0"
+    "vite": "8.3.3"
   },
   "overrides": {
     "@playcanvas/inspector": {

examples/src/examples/compute/histogram.example.mjs

@@ -187,8 +187,10 @@ app.on('destroy', () => {
     onDeviceLost.off();
 });
 
-// Before the compute pass dispatches, clear the storage buffer, to avoid the accumulation buildup
+// Right before the compute pass dispatches, set up the size of the dispatch, a thread for each
+// pixel, and clear the storage buffer, to avoid the accumulation buildup
 computePass.onBefore = () => {
+    compute.setupDispatchThreads(device.width, device.height);
     histogramStorageBuffer.clear();
 };
 
@@ -221,12 +223,7 @@ computePass.onAfter = () => {
         });
 };
 
-app.on('update', (/** @type {number} */ _dt) => {
-    if (device.supportsCompute) {
-        // The size of the dispatch, a thread for each pixel, which the compute pass uses
-        compute.setupDispatchThreads(app.graphicsDevice.width, app.graphicsDevice.height);
-    }
-
+app.on('update', () => {
     // Render the most recently read histogram using lines
     if (histogramPositions) {
         app.drawLineArrays(histogramPositions, Color.YELLOW);

examples/src/examples/gizmos/icon.controls.jsx

@@ -33,7 +33,9 @@ export function Controls({ observer }) {
                             { v: 'light', t: 'Light' },
                             { v: 'audiolistener', t: 'Audio Listener' },
                             { v: 'sound', t: 'Sound' },
-                            { v: 'particlesystem', t: 'Particle System' }
+                            { v: 'particlesystem', t: 'Particle System' },
+                            { v: 'anim', t: 'Anim' },
+                            { v: 'script', t: 'Script' }
                         ]}
                         binding={new BindingTwoWay()}
                         link={{ observer, path: 'icon' }}

examples/src/examples/gizmos/icon.example.mjs

@@ -3,6 +3,7 @@
 // Icons mark entities that have nothing else to see or click, such as lights, cameras and sounds; click one to focus on it
 
 import {
+    AnimComponentSystem,
     AppBase,
     AppOptions,
     AudioListenerComponentSystem,
@@ -59,7 +60,8 @@ createOptions.componentSystems = [
     ScriptComponentSystem,
     AudioListenerComponentSystem,
     SoundComponentSystem,
-    ParticleSystemComponentSystem
+    ParticleSystemComponentSystem,
+    AnimComponentSystem
 ];
 createOptions.resourceHandlers = [ScriptHandler];
 
@@ -109,7 +111,9 @@ const subjects = {
     light: { light: { type: 'omni', range: 2, color: new Color(1, 0.85, 0.6) } },
     audiolistener: { audiolistener: {} },
     sound: { sound: {} },
-    particlesystem: { particlesystem: { autoPlay: false } }
+    particlesystem: { particlesystem: { autoPlay: false } },
+    anim: { anim: {} },
+    script: { script: {} }
 };
 /**
  * @type {Record<string, Entity>}