pixi checks

pixijs · Feb 13, 2024 · 30656f1 · 30656f1
1 parent d803307
commit 30656f1
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 2 deletions.
diff --git a/src/chrome/src/inject/devtool.ts b/src/chrome/src/inject/devtool.ts
@@ -67,7 +67,7 @@ export function getPixiWrapper(): Pixi {
       version: () => pixiWrapper!.pixi().VERSION,
       properties: properties(),
       detectPixi: () => {
-        return pixiWrapper!.app() || pixiWrapper!.stage() || pixiWrapper!.renderer()
+        return pixiWrapper!.pixi() && (pixiWrapper!.app() || pixiWrapper!.stage() || pixiWrapper!.renderer())
           ? MessageType.Active
           : MessageType.Inactive;
       },

diff --git a/src/chrome/src/inject/properties/AnimatedSpritePropsPlugin.ts b/src/chrome/src/inject/properties/AnimatedSpritePropsPlugin.ts
@@ -33,6 +33,9 @@ export const AnimatedSpritePropsPlugin: PropertyPlugin<AnimatedSprite> = {
   props: [
     { section: 'Transform', property: 'roundPixels', propertyProps: { label: 'Round Pixels' }, type: 'boolean' },
     // { section: 'Animated Sprite', property: 'textures', propertyProps: { label: 'Textures' }, type: 'text' },
+    { section: 'Animated Sprite', property: 'animationSpeed', propertyProps: { label: 'Animation Speed' }, type: 'number' },
+    { section: 'Animated Sprite', property: 'loop', propertyProps: { label: 'Loop' }, type: 'boolean' },
+    { section: 'Animated Sprite', property: 'updateAnchor', propertyProps: { label: 'Update Anchor' }, type: 'boolean' },
     { section: 'Animated Sprite', property: 'totalFrames', propertyProps: { label: 'Total Frames' }, type: 'number' },
     { section: 'Animated Sprite', property: 'currentFrame', propertyProps: { label: 'Current Frame' }, type: 'number' },
     { section: 'Animated Sprite', property: 'autoUpdate', propertyProps: { label: 'Auto Update' }, type: 'boolean' },

diff --git a/src/chrome/src/inject/properties/ContainerPropsPlugin.ts b/src/chrome/src/inject/properties/ContainerPropsPlugin.ts
@@ -19,6 +19,8 @@ export const ContainerPropsPlugin: PropertyPlugin = {
       return { value: container.constructor.name, prop };
     }
 
+    if(!pixi) return { value: null, prop };
+
     if (value instanceof pixi.Matrix) {
       return { value: value.toArray(), prop };
     } else if (value instanceof pixi.Point) {
@@ -37,7 +39,7 @@ export const ContainerPropsPlugin: PropertyPlugin = {
     }
     const pixi = getPixiWrapper().pixi();
 
-    console.log('Setting prop', prop, value);
+    if(!pixi) return;
 
     if (container[prop as keyof Container] instanceof pixi.Matrix) {
       (container[prop as keyof Container] as Matrix).fromArray(value);

diff --git a/src/chrome/src/inject/properties/TilingSpritePropsPlugin.ts b/src/chrome/src/inject/properties/TilingSpritePropsPlugin.ts
@@ -27,5 +27,6 @@ export const TilingSpritePropsPlugin: PropertyPlugin<TilingSprite> = {
       type: 'vector2',
     },
     { section: 'Tiling Sprite', property: 'tileRotation', propertyProps: { label: 'Tile Rotation' }, type: 'number' },
+    { section: 'Tiling Sprite', property: 'clampMargin', propertyProps: { label: 'Clamp Margin' }, type: 'number' },
   ],
 };
diff --git a/src/chrome/src/inject/utils/getPixiType.ts b/src/chrome/src/inject/utils/getPixiType.ts
@@ -17,6 +17,8 @@ export function getPixiType(container: Container): PixiSceneObjectType {
   const pixiWrapper = getPixiWrapper();
   const pixi = pixiWrapper.pixi();
 
+  if (!pixi) return 'Unknown';
+
   if (container instanceof pixi.BitmapText) {
     return 'BitmapText';
   } else if (container instanceof pixi.HTMLText) {