babylon.quarks-editor 0.24.0 → 0.25.0

package/CHANGELOG.md

@@ -4,6 +4,22 @@ All notable changes to the `babylon.quarks-editor` package are documented here.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and the project follows the `quarks.core` 0.x version line.
 
+## [0.25.0] — 2026-10-20
+
+### Added
+
+- Renderer module: "Beam (end set in code)" render mode. The beam's end is a runtime property
+  (`ParticleSystem.beamEnd`), so in the editor a beam has no length and draws nothing.
+
+## [0.24.1] — 2026-10-20
+
+### Fixed
+
+- With Babylon 9.31 the viewport lost its ground grid (the whole plane drew in flat grey) and the
+  gizmos, viewport selection and drop-to-place stopped responding: 9.31's grid needs `linesOnly`
+  for what opacity below 1 used to do, and `scene.pick` now needs `@babylonjs/core/Culling/ray`
+  imported for its side effect, which the editor now does.
+
 ## [0.24.0] — 2026-10-20
 
 ### Added

package/dist/core/galleryScene.d.ts

@@ -1,3 +1,4 @@
+import '@babylonjs/core/Culling/ray';
 import { Vector3 } from '@babylonjs/core/Maths/math.vector';
 import type { Scene } from '@babylonjs/core/scene';
 import type { BatchedRenderer } from 'babylon.quarks';

package/dist/core/galleryScene.js

@@ -1,3 +1,4 @@
+import '@babylonjs/core/Culling/ray';
 import { Vector3 } from '@babylonjs/core/Maths/math.vector';
 import { DEFAULT_GALLERY_SPACING, galleryGridPosition } from './galleryLayout';
 /** Clears live particles and freezes simulation for one scene entry. */

package/dist/core/viewportPicker.d.ts

@@ -1,3 +1,4 @@
+import '@babylonjs/core/Culling/ray';
 import { TransformNode } from '@babylonjs/core/Meshes/transformNode';
 import type { Scene } from '@babylonjs/core/scene';
 import type { SceneEntry } from './sceneEntries';

package/dist/core/viewportPicker.js

@@ -1,3 +1,4 @@
+import '@babylonjs/core/Culling/ray';
 import { MeshBuilder } from '@babylonjs/core/Meshes/meshBuilder';
 import { EDITOR_SCENE_NODE_METADATA } from './editorScene';
 import { GROUND_RING_RADIUS, GalleryHoverMarker } from './gallerySelectionMarker';

package/dist/react/EffectEditorHost.d.ts

@@ -1,3 +1,4 @@
+import '@babylonjs/core/Culling/ray';
 import { Scene } from '@babylonjs/core/scene';
 import { BatchedRenderer } from 'babylon.quarks';
 import React from 'react';

package/dist/react/EffectEditorHost.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArcRotateCamera } from '@babylonjs/core/Cameras/arcRotateCamera';
+// scene.pick lives in Ray's side effect (Babylon 9.31 no longer pulls it in); gizmos pick through it.
+import '@babylonjs/core/Culling/ray';
 import { Engine } from '@babylonjs/core/Engines/engine';
 import { PointerEventTypes } from '@babylonjs/core/Events/pointerEvents';
 import { GizmoManager } from '@babylonjs/core/Gizmos/gizmoManager';
@@ -293,6 +295,9 @@ export function EffectEditorHost(props) {
         groundMaterial.mainColor = new Color3(1, 1, 1);
         groundMaterial.lineColor = new Color3(1, 1, 1);
         groundMaterial.opacity = 0.5;
+        // Draw only the lines. Babylon < 9.31 did this by itself for opacity < 1; 9.31 needs the flag,
+        // or the whole plane is filled with the main color.
+        groundMaterial.linesOnly = true;
         const ground = MeshBuilder.CreateGround('ground', { width: 100, height: 100 }, scene);
         ground.material = groundMaterial;
         const gizmoUtilityLayer = new UtilityLayerRenderer(scene);

package/dist/react/modules.js

@@ -373,6 +373,7 @@ export function RendererModule({ binding, textureOptions, geometryOptions, resol
                         { value: RenderMode.VerticalBillBoard, label: 'Vertical billboard' },
                         { value: RenderMode.Trail, label: 'Trail' },
                         { value: RenderMode.Mesh, label: 'Mesh' },
+                        { value: RenderMode.Beam, label: 'Beam (end set in code)' },
                     ], onChange: (mode) => binding.apply((s) => (s.renderMode = mode)) }) }), system.renderMode === RenderMode.Trail && (_jsxs(_Fragment, { children: [_jsx(Row, { label: "Trail length", children: _jsx(NumberField, { value: readScalar(system.rendererEmitterSettings.startLength).value, min: 1, step: 1, onChange: (v) => binding.apply((s) => {
                                 s.rendererEmitterSettings.startLength =
                                     new ConstantValue(Math.round(v));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylon.quarks-editor",
-    "version": "0.24.0",
+    "version": "0.25.0",
     "description": "Shuriken-style effect editor for babylon.quarks: headless edit-model core + React module-stack UI",
     "type": "module",
     "main": "./dist/index.js",

package/src/core/galleryScene.ts

@@ -1,3 +1,4 @@
+import '@babylonjs/core/Culling/ray';
 import {Vector3} from '@babylonjs/core/Maths/math.vector';
 import type {Scene} from '@babylonjs/core/scene';
 import type {BatchedRenderer} from 'babylon.quarks';

package/src/core/viewportPicker.ts

@@ -1,3 +1,4 @@
+import '@babylonjs/core/Culling/ray';
 import {Mesh} from '@babylonjs/core/Meshes/mesh';
 import {MeshBuilder} from '@babylonjs/core/Meshes/meshBuilder';
 import {TransformNode} from '@babylonjs/core/Meshes/transformNode';

package/src/react/EffectEditorHost.tsx

@@ -1,4 +1,6 @@
 import {ArcRotateCamera} from '@babylonjs/core/Cameras/arcRotateCamera';
+// scene.pick lives in Ray's side effect (Babylon 9.31 no longer pulls it in); gizmos pick through it.
+import '@babylonjs/core/Culling/ray';
 import {Engine} from '@babylonjs/core/Engines/engine';
 import {PointerEventTypes} from '@babylonjs/core/Events/pointerEvents';
 import {GizmoManager} from '@babylonjs/core/Gizmos/gizmoManager';
@@ -411,6 +413,9 @@ export function EffectEditorHost(props: EffectEditorHostProps) {
         groundMaterial.mainColor = new Color3(1, 1, 1);
         groundMaterial.lineColor = new Color3(1, 1, 1);
         groundMaterial.opacity = 0.5;
+        // Draw only the lines. Babylon < 9.31 did this by itself for opacity < 1; 9.31 needs the flag,
+        // or the whole plane is filled with the main color.
+        groundMaterial.linesOnly = true;
         const ground = MeshBuilder.CreateGround('ground', {width: 100, height: 100}, scene);
         ground.material = groundMaterial;
 

package/src/react/modules.tsx

@@ -940,6 +940,7 @@ export function RendererModule({
                         {value: RenderMode.VerticalBillBoard, label: 'Vertical billboard'},
                         {value: RenderMode.Trail, label: 'Trail'},
                         {value: RenderMode.Mesh, label: 'Mesh'},
+                        {value: RenderMode.Beam, label: 'Beam (end set in code)'},
                     ]}
                     onChange={(mode) => binding.apply((s) => (s.renderMode = mode))}
                 />