@lagless/pixi-react 0.0.46 → 0.0.50

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export * from './lib/virtual-joystick/virtual-joystick';
 export * from './lib/neutrino-particles/use-vfx-container';
 export * from './lib/filter-views/filter-views';
+export { DebugPhysics2dRenderer } from './lib/debug-physics-2d/debug-physics-2d-renderer';
+export type { DebugRenderData, DebugPhysics2dRendererProps } from './lib/debug-physics-2d/debug-physics-2d-renderer';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kDAAkD,CAAC;AAC1F,YAAY,EAAE,eAAe,EAAE,2BAA2B,EAAE,MAAM,kDAAkD,CAAC"}

package/dist/index.js

@@ -1,3 +1,4 @@
 export * from './lib/virtual-joystick/virtual-joystick';
 export * from './lib/neutrino-particles/use-vfx-container';
 export * from './lib/filter-views/filter-views';
+export { DebugPhysics2dRenderer } from './lib/debug-physics-2d/debug-physics-2d-renderer';

package/dist/lib/debug-physics-2d/debug-physics-2d-renderer.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { Container } from 'pixi.js';
+export interface DebugRenderData {
+    vertices: Float32Array;
+    colors: Float32Array;
+}
+export interface DebugPhysics2dRendererProps {
+    getBuffers: () => DebugRenderData;
+    strokeWidth?: number;
+    parent: Container;
+}
+export declare const DebugPhysics2dRenderer: FC<DebugPhysics2dRendererProps>;
+//# sourceMappingURL=debug-physics-2d-renderer.d.ts.map

package/dist/lib/debug-physics-2d/debug-physics-2d-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-physics-2d-renderer.d.ts","sourceRoot":"","sources":["../../../src/lib/debug-physics-2d/debug-physics-2d-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAY,MAAM,SAAS,CAAC;AAE9C,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,YAAY,CAAC;IACvB,MAAM,EAAE,YAAY,CAAC;CACtB;AAED,MAAM,WAAW,2BAA2B;IAC1C,UAAU,EAAE,MAAM,eAAe,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAqDlE,CAAC"}

package/dist/lib/debug-physics-2d/debug-physics-2d-renderer.js

@@ -0,0 +1,50 @@
+import { useEffect, useRef } from 'react';
+import { useTick } from '@pixi/react';
+import { Graphics } from 'pixi.js';
+export const DebugPhysics2dRenderer = ({ getBuffers, strokeWidth = 0.5, parent }) => {
+    const graphicsRef = useRef(null);
+    useEffect(() => {
+        const g = new Graphics();
+        g.zIndex = 999999;
+        parent.sortableChildren = true;
+        graphicsRef.current = g;
+        parent.addChild(g);
+        return () => {
+            parent.removeChild(g);
+            g.destroy();
+            graphicsRef.current = null;
+        };
+    }, [parent]);
+    useTick(() => {
+        const g = graphicsRef.current;
+        if (!g)
+            return;
+        const buffers = getBuffers();
+        g.clear();
+        const vtx = buffers.vertices;
+        const cls = buffers.colors;
+        const segmentCount = vtx.length / 4;
+        if (segmentCount === 0)
+            return;
+        let batchColor = segmentColor(cls, 0);
+        let batchAlpha = cls[3];
+        g.moveTo(vtx[0], vtx[1]);
+        g.lineTo(vtx[2], vtx[3]);
+        for (let i = 1; i < segmentCount; i++) {
+            const color = segmentColor(cls, i);
+            const alpha = cls[i * 8 + 3];
+            if (color !== batchColor || alpha !== batchAlpha) {
+                g.stroke({ width: strokeWidth, color: batchColor, alpha: batchAlpha });
+                batchColor = color;
+                batchAlpha = alpha;
+            }
+            g.moveTo(vtx[i * 4], vtx[i * 4 + 1]);
+            g.lineTo(vtx[i * 4 + 2], vtx[i * 4 + 3]);
+        }
+        g.stroke({ width: strokeWidth, color: batchColor, alpha: batchAlpha });
+    });
+    return null;
+};
+function segmentColor(cls, i) {
+    return ((cls[i * 8] * 255) << 16) | ((cls[i * 8 + 1] * 255) << 8) | (cls[i * 8 + 2] * 255);
+}