pixi3d - npm Package Compare versions

Comparing version 1.4.1 to 1.5.0

CHANGELOG.md

@@ -7,2 +7,17 @@ # Changelog
 
+## [1.5.0] - 2022-07-23
+### Added
+- Added `Mesh3D.createSphere` function for creating a sphere mesh.
+- Added support for vertex colors.
+- Added `Material.from` function to be able to create a custom material without the need of extending from `Material`.
+
+### Fixed
+- Fixed an issue which caused picking interaction to not function correctly when resolution was any other value than 1.
+- Fixed an issue which caused `Skybox` to not render correctly when using PixiJS v6+.
+- Fixed sorting of meshes when using values less than 0.
+- Fixed warning when using `PostProcessingSprite` with PixiJS v6+.
+
+### Changed
+- Skybox will now be rendered before other meshes by default.
+
 ## [1.4.1] - 2022-06-14
@@ -9,0 +24,0 @@ ### Fixed

package.json

 {
   "name": "pixi3d",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "description": "The 3D renderer for PixiJS. Seamless integration with 2D applications.",
-  "main": "dist/pixi3d.js",
+  "main": "dist/umd/pixi3d.js",
+  "module": "dist/esm/pixi3d.js",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./types/index.d.ts",
+        "default": "./dist/esm/pixi3d.js"
+      },
+      "require": {
+        "types": "./types/index.d.ts",
+        "default": "./dist/umd/pixi3d.js"
+      }
+    }
+  },
   "files": [
@@ -12,9 +25,10 @@ "dist/**/*",
   "scripts": {
-    "build": "webpack",
-    "prepare": "rimraf dist types && npm run build",
-    "serve": "webpack-dev-server --open --config serve/serve.config.js",
+    "build": "rimraf dist && rollup --config rollup.build.js",
+    "prepublishOnly": "npm run build && npm run types",
+    "serve": "rollup --watch --config rollup.serve.js",
     "docs": "typedoc",
     "preversion": "npm run build",
     "version": "npm run docs && git add . && git reset -- docs/CNAME",
-    "test": "webpack-dev-server --open --config test/webpack.config.js"
+    "test": "rollup --watch --config rollup.test.js",
+    "types": "rimraf types && tsc --emitDeclarationOnly"
   },
@@ -31,20 +45,33 @@ "repository": {
   "homepage": "https://github.com/jnsmalm/pixi3d#readme",
+  "peerDependencies": {
+    "@pixi/constants": "^6.0.2",
+    "@pixi/core": "^6.0.2",
+    "@pixi/display": "^6.0.2",
+    "@pixi/interaction": "^6.0.2",
+    "@pixi/loaders": "^6.0.2",
+    "@pixi/math": "^6.0.2",
+    "@pixi/mixin-get-child-by-name": "^6.0.2",
+    "@pixi/settings": "^6.0.2",
+    "@pixi/sprite": "^6.0.2",
+    "@pixi/ticker": "^6.0.2",
+    "@pixi/utils": "^6.0.2"
+  },
   "devDependencies": {
-    "chai": "^4.3.4",
+    "@rollup/plugin-commonjs": "^22.0.1",
+    "@rollup/plugin-image": "^2.1.1",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-typescript": "^8.3.3",
+    "chai": "^4.3.6",
     "gl-matrix": "^3.3.0",
-    "mocha": "^9.1.3",
-    "mocha-loader": "^5.1.5",
+    "mocha": "^10.0.0",
     "pixelmatch": "^5.2.1",
     "pixi.js": "^6.0.2",
     "rimraf": "^3.0.2",
-    "ts-loader": "^6.2.0",
+    "rollup": "^2.75.7",
+    "rollup-plugin-serve": "^2.0.0",
+    "rollup-plugin-terser": "^7.0.2",
     "tslib": "^2.3.0",
     "typedoc": "^0.22.9",
-    "typescript": "^4.2.4",
-    "url-loader": "^3.0.0",
-    "webpack": "^4.41.0",
-    "webpack-cli": "^3.3.9",
-    "webpack-dev-server": "^3.10.3",
-    "webpack-glsl-loader": "^1.0.1"
+    "typescript": "^4.2.4"
   }
 }

README.md

@@ -14,2 +14,5 @@ # Pixi3D
 
+## Production ready?
+Yes, it's currently being used in multiple projects in production running on hundreds of thousands of different devices (both desktop and mobile).
+
 ## Getting started
@@ -52,2 +55,27 @@ Let's create a simple application which renders a rotating cube. Start by [getting the latest version of Pixi3D](https://github.com/jnsmalm/pixi3d/releases). Also [download PixiJS](https://github.com/pixijs/pixi.js/releases) (Pixi3D is compatible with all versions from 5.3 and later) which is needed to use Pixi3D.
 
+### Using webpack
+To ensure that Pixi3D can be installed correctly to PixiJS as a plugin when using webpack, add the following to the webpack configuration:
+
+*webpack.config.js*
+```javascript
+const path = require("path")
+
+module.exports = {
+  // ...
+  resolve: {
+    alias: {
+      "@pixi/core": path.resolve(__dirname, "node_modules/@pixi/core"),
+      "@pixi/loaders": path.resolve(__dirname, "node_modules/@pixi/loaders"),
+      "@pixi/settings": path.resolve(__dirname, "node_modules/@pixi/settings"),
+      "@pixi/math": path.resolve(__dirname, "node_modules/@pixi/math"),
+      "@pixi/display": path.resolve(__dirname, "node_modules/@pixi/display"),
+      "@pixi/constants": path.resolve(__dirname, "node_modules/@pixi/constants"),
+      "@pixi/utils": path.resolve(__dirname, "node_modules/@pixi/utils"),
+      "@pixi/ticker": path.resolve(__dirname, "node_modules/@pixi/ticker"),
+      "@pixi/sprite": path.resolve(__dirname, "node_modules/@pixi/sprite")
+    } 
+  }
+}
+```
+
 ## Examples
@@ -54,0 +82,0 @@ Examples are available as sandboxes at https://codesandbox.io to quickly get started. Download repo at https://github.com/jnsmalm/pixi3d-sandbox to instead run them locally.

types/animation.d.ts

@@ -1,6 +0,7 @@
-import * as PIXI from "pixi.js";
+import { Ticker } from '@pixi/ticker';
+import { EventEmitter } from '@pixi/utils';
 /**
  * Represents an animation.
  */
-export declare abstract class Animation extends PIXI.utils.EventEmitter {
+export declare abstract class Animation extends EventEmitter {
     name?: string | undefined;
@@ -27,3 +28,3 @@ private _ticker?;
      */
-    play(ticker?: PIXI.Ticker): void;
+    play(ticker?: Ticker): void;
     /**
@@ -30,0 +31,0 @@ * Stops playing the animation.

types/camera/camera-orbit-control.d.ts

@@ -1,2 +0,2 @@
-import * as PIXI from "pixi.js";
+import { ObservablePoint } from "@pixi/math";
 import { Camera } from "./camera";
@@ -15,3 +15,3 @@ /**
      */
-    get angles(): PIXI.ObservablePoint<undefined>;
+    get angles(): ObservablePoint<undefined>;
     /** Target position (x, y, z) to orbit. */
@@ -18,0 +18,0 @@ target: {

types/camera/camera.d.ts

@@ -1,2 +0,4 @@
-import * as PIXI from "pixi.js";
+import { IPointData, Point } from "@pixi/math";
+import { Renderer } from "@pixi/core";
+import { IDestroyOptions } from "@pixi/display";
 import { Container3D } from "../container";
@@ -10,3 +12,3 @@ import { Ray } from "../math/ray";
 export declare class Camera extends Container3D implements TransformId {
-    renderer: PIXI.Renderer;
+    renderer: Renderer;
     private _transformId;
@@ -25,4 +27,4 @@ get transformId(): number;
      */
-    get obliqueness(): PIXI.IPointData;
-    set obliqueness(value: PIXI.IPointData);
+    get obliqueness(): IPointData;
+    set obliqueness(value: IPointData);
     /** Main camera which is used by default. */
@@ -35,4 +37,4 @@ static main: Camera;
      */
-    constructor(renderer: PIXI.Renderer);
-    destroy(options?: boolean | PIXI.IDestroyOptions): void;
+    constructor(renderer: Renderer);
+    destroy(options?: boolean | IDestroyOptions): void;
     /**
@@ -79,6 +81,6 @@ * The camera's half-size when in orthographic mode. The visible area from
      */
-    worldToScreen(x: number, y: number, z: number, point?: PIXI.Point, viewSize?: {
+    worldToScreen(x: number, y: number, z: number, point?: Point, viewSize?: {
         width: number;
         height: number;
-    }): PIXI.Point;
+    }): Point;
     private _fieldOfView;
@@ -85,0 +87,0 @@ private _near;

types/capabilities.d.ts

@@ -1,2 +0,2 @@
-import { Renderer } from "pixi.js";
+import { Renderer } from "@pixi/core";
 export declare namespace Capabilities {
@@ -3,0 +3,0 @@ function getMaxVertexUniformVectors(renderer: Renderer): number;

types/container.d.ts

@@ -1,2 +0,2 @@
-import * as PIXI from "pixi.js";
+import { Container } from '@pixi/display';
 import { ObservableQuaternion } from "./transform/observable-quaternion";
@@ -8,3 +8,3 @@ import { Transform3D } from "./transform/transform";
  */
-export declare class Container3D extends PIXI.Container {
+export declare class Container3D extends Container {
     transform: Transform3D;
@@ -11,0 +11,0 @@ set position(value: ObservablePoint3D);

types/cubemap/cubemap-faces.d.ts

@@ -1,15 +0,15 @@
-import * as PIXI from "pixi.js";
+import { Texture } from "@pixi/core";
 export interface CubemapFaces {
     /** The texture or url for positive x. */
-    posx: PIXI.Texture | string;
+    posx: Texture | string;
     /** The texture or url for negative x. */
-    negx: PIXI.Texture | string;
+    negx: Texture | string;
     /** The texture or url for positive y. */
-    posy: PIXI.Texture | string;
+    posy: Texture | string;
     /** The texture or url for negative y. */
-    negy: PIXI.Texture | string;
+    negy: Texture | string;
     /** The texture or url for positive z. */
-    posz: PIXI.Texture | string;
+    posz: Texture | string;
     /** The texture or url for negative z. */
-    negz: PIXI.Texture | string;
+    negz: Texture | string;
 }

types/cubemap/cubemap-resource.d.ts

 import { CubeResource } from "../resource/cube-resource";
-import { Renderer } from "pixi.js";
+import { Renderer } from "@pixi/core";
 import { MipmapResource } from "./mipmap-resource";
@@ -4,0 +4,0 @@ export declare type MipmapResourceArray = [

types/cubemap/cubemap.d.ts

@@ -1,2 +0,2 @@
-import { BaseTexture } from "pixi.js";
+import { BaseTexture } from "@pixi/core";
 import { CubemapResource } from "./cubemap-resource";
@@ -3,0 +3,0 @@ import { Color } from "../color";

types/cubemap/mipmap-resource.d.ts

 import { ArrayResource } from "../resource/array-resource";
-import { Texture, BaseTexture, Renderer } from "pixi.js";
+import { Texture, BaseTexture, Renderer } from "@pixi/core";
 export declare class MipmapResource extends ArrayResource {
@@ -4,0 +4,0 @@ target: number;

types/debug.d.ts

@@ -1,7 +0,7 @@
-import * as PIXI from "pixi.js";
+import { EventEmitter } from '@pixi/utils';
 import { Message } from "./message";
 export declare namespace Debug {
-    function on(event: string | symbol, fn: PIXI.utils.EventEmitter.ListenerFn, context: any): void;
+    function on(event: string | symbol, fn: EventEmitter.ListenerFn, context: any): void;
     function warn(message: Message, args?: any): void;
     function error(message: Message, args?: any): void;
 }

types/gltf/animation/gltf-channel.d.ts

@@ -0,1 +1,2 @@
+import { glTFInterpolation } from "./gltf-interpolation";
 /**
@@ -46,9 +47,2 @@ * Represents an glTF animation channel which targets a specific node.
     calculateFrame(position: number): number;
-    static from(input: ArrayLike<number>, output: ArrayLike<number>, interpolation: string, path: string, target: Container3D): glTFTranslation | glTFScale | glTFRotation | glTFWeights | undefined;
 }
-import { Container3D } from "../../container";
-import { glTFInterpolation } from "./gltf-interpolation";
-import { glTFScale } from "./gltf-scale";
-import { glTFWeights } from "./gltf-weights";
-import { glTFRotation } from "./gltf-rotation";
-import { glTFTranslation } from "./gltf-translation";

types/gltf/animation/gltf-cubic-spline.d.ts

 import { glTFInterpolation } from "./gltf-interpolation";
-export declare class glTFCubicSpline extends glTFInterpolation {
+export declare class glTFCubicSpline implements glTFInterpolation {
     private _input;
@@ -4,0 +4,0 @@ private _output;

types/gltf/animation/gltf-interpolation.d.ts

 /**
  * Represents a specific interpolation method.
  */
-export declare abstract class glTFInterpolation {
+export interface glTFInterpolation {
     /**
@@ -10,7 +10,3 @@ * Interpolates within an animation frame and returns the output.
      */
-    abstract interpolate(frame: number, position: number): Float32Array;
-    static from(type: string, input: ArrayLike<number>, output: ArrayLike<number>, stride: number): glTFLinear | glTFCubicSpline | glTFStep;
+    interpolate(frame: number, position: number): Float32Array;
 }
-import { glTFLinear } from "./gltf-linear";
-import { glTFCubicSpline } from "./gltf-cubic-spline";
-import { glTFStep } from "./gltf-step";

types/gltf/animation/gltf-linear.d.ts

 import { glTFInterpolation } from "./gltf-interpolation";
-export declare class glTFLinear extends glTFInterpolation {
+export declare class glTFLinear implements glTFInterpolation {
     private _output;
@@ -4,0 +4,0 @@ private _stride;

types/gltf/animation/gltf-spherical-linear.d.ts

 import { glTFInterpolation } from "./gltf-interpolation";
-export declare class glTFSphericalLinear extends glTFInterpolation {
+export declare class glTFSphericalLinear implements glTFInterpolation {
     private _output;
@@ -4,0 +4,0 @@ private _data;

types/gltf/animation/gltf-step.d.ts

 import { glTFInterpolation } from "./gltf-interpolation";
-export declare class glTFStep extends glTFInterpolation {
+export declare class glTFStep implements glTFInterpolation {
     private _output;
@@ -4,0 +4,0 @@ private _stride;

types/gltf/gltf-asset.d.ts

@@ -1,2 +0,2 @@
-import { Texture } from "pixi.js";
+import { Texture } from "@pixi/core";
 import { glTFResourceLoader } from "./gltf-resource-loader";
@@ -3,0 +3,0 @@ /**

types/gltf/gltf-parser.d.ts

@@ -1,2 +0,2 @@
-import * as PIXI from "pixi.js";
+import { Texture } from "@pixi/core";
 import { glTFAsset } from "./gltf-asset";
@@ -58,3 +58,3 @@ import { glTFAnimation } from "./animation/gltf-animation";
      */
-    parseTexture(index: number): PIXI.Texture<PIXI.Resource>;
+    parseTexture(index: number): Texture<import("@pixi/core").Resource>;
     /**
@@ -61,0 +61,0 @@ * Creates an array of meshes from the specified mesh.

types/gltf/gltf-resource-loader.d.ts

@@ -1,2 +0,2 @@
-import * as PIXI from "pixi.js";
+import { ILoaderResource } from "@pixi/loaders";
 /**
@@ -11,3 +11,3 @@ * Represents a loader for glTF asset resources (buffers and images).
      */
-    load(uri: string, onComplete: (resource: PIXI.ILoaderResource) => void): void;
+    load(uri: string, onComplete: (resource: ILoaderResource) => void): void;
 }

types/gltf/gltf-texture.d.ts

@@ -1,2 +0,2 @@
-import { Texture } from "pixi.js";
+import { Texture } from "@pixi/core";
 export interface glTFTexture extends Texture {
@@ -3,0 +3,0 @@ texCoord?: number;

types/index.d.ts

@@ -19,2 +19,3 @@ export { glTFLoader } from "./loader/gltf-loader";
 export type { InstancedMesh3D } from "./mesh/instanced-mesh";
+export { SphereGeometryOptions } from "./mesh/geometry/sphere-geometry";
 export { Model } from "./model";
@@ -21,0 +22,0 @@ export { InstancedModel } from "./instanced-model";

types/lighting/image-based-lighting.d.ts

@@ -1,2 +0,2 @@
-import { Texture } from "pixi.js";
+import { Texture } from "@pixi/core";
 import { Cubemap } from "../cubemap/cubemap";
@@ -12,3 +12,3 @@ /**
     /** The default BRDF integration map lookup texture. */
-    static defaultLookupBrdf: Texture<import("pixi.js").Resource>;
+    static defaultLookupBrdf: Texture<import("@pixi/core").Resource>;
     /** Cube texture used for the diffuse component. */
@@ -15,0 +15,0 @@ get diffuse(): Cubemap;

types/lighting/lighting-environment.d.ts

@@ -1,2 +0,2 @@
-import { Renderer, IRendererPlugin } from "pixi.js";
+import { Renderer, IRendererPlugin } from "@pixi/core";
 import { ImageBasedLighting } from "./image-based-lighting";
@@ -3,0 +3,0 @@ import { Light } from "./light";

types/loader/gltf-binary-loader.d.ts

@@ -1,2 +0,2 @@
-import { ILoaderResource } from "pixi.js";
+import { ILoaderResource } from "@pixi/loaders";
 export declare const glTFBinaryLoader: {
@@ -3,0 +3,0 @@ use: (resource: ILoaderResource, next: () => void) => void;

types/loader/gltf-loader.d.ts

@@ -1,2 +0,2 @@
-import { ILoaderResource } from "pixi.js";
+import { ILoaderResource } from "@pixi/loaders";
 export declare const glTFLoader: {
@@ -3,0 +3,0 @@ use: (resource: ILoaderResource, next: () => void) => void;

types/material/material.d.ts

@@ -1,2 +0,3 @@
-import { State, Renderer, DRAW_MODES, BLEND_MODES } from "pixi.js";
+import { DRAW_MODES, BLEND_MODES } from "@pixi/constants";
+import { State, Renderer } from "@pixi/core";
 import { Mesh3D } from "../mesh/mesh";
@@ -8,3 +9,3 @@ import { MaterialRenderSortType } from "./material-render-sort-type";
  */
-export declare abstract class Material {
+export declare class Material {
     protected _renderSortType: MaterialRenderSortType;
@@ -46,3 +47,3 @@ protected _shader?: MeshShader;
      */
-    abstract createShader(mesh: Mesh3D, renderer: Renderer): MeshShader | undefined;
+    createShader(mesh: Mesh3D, renderer: Renderer): MeshShader | undefined;
     /**
@@ -53,3 +54,3 @@ * Updates the uniforms for the specified shader.
      */
-    abstract updateUniforms?(mesh: Mesh3D, shader: MeshShader): void;
+    updateUniforms?(mesh: Mesh3D, shader: MeshShader): void;
     /**
@@ -73,2 +74,10 @@ * Destroys the material and it's used resources.
     render(mesh: Mesh3D, renderer: Renderer): void;
+    /**
+     * Creates a new material from the specified vertex/fragment source.
+     * @param vertexSrc The vertex shader source.
+     * @param fragmentSrc The fragment shader source.
+     * @param updateUniforms The function which will be called for updating the
+     * shader uniforms.
+     */
+    static from(vertexSrc: string, fragmentSrc: string, updateUniforms?: (mesh: Mesh3D, shader: MeshShader) => void): Material;
 }

types/material/standard/standard-material-feature-set.d.ts

@@ -1,2 +0,2 @@
-import { Renderer } from "pixi.js";
+import { Renderer } from "@pixi/core";
 import { MeshGeometry3D } from "../../mesh/geometry/mesh-geometry";
@@ -3,0 +3,0 @@ import { StandardMaterial } from "./standard-material";

types/material/standard/standard-material-matrix-texture.d.ts

@@ -1,2 +0,2 @@
-import { Texture, Renderer } from "pixi.js";
+import { Texture, Renderer } from "@pixi/core";
 export declare class StandardMaterialMatrixTexture extends Texture {
@@ -3,0 +3,0 @@ private _buffer;

types/material/standard/standard-material-normal-texture.d.ts

@@ -1,2 +0,2 @@
-import { BaseTexture } from "pixi.js";
+import { BaseTexture } from "@pixi/core";
 import { StandardMaterialTexture } from "./standard-material-texture";
@@ -3,0 +3,0 @@ /**

types/material/standard/standard-material-occlusion-texture.d.ts

@@ -1,2 +0,2 @@
-import { BaseTexture } from "pixi.js";
+import { BaseTexture } from "@pixi/core";
 import { StandardMaterialTexture } from "./standard-material-texture";
@@ -3,0 +3,0 @@ /**

types/material/standard/standard-material-skin-uniforms.d.ts

@@ -1,2 +0,2 @@
-import * as PIXI from "pixi.js";
+import { Shader } from "@pixi/core";
 import { Mesh3D } from "../../mesh/mesh";
@@ -8,3 +8,3 @@ export declare class StandardMaterialSkinUniforms {
     destroy(): void;
-    update(mesh: Mesh3D, shader: PIXI.Shader): void;
+    update(mesh: Mesh3D, shader: Shader): void;
 }

types/material/standard/standard-material-texture.d.ts

@@ -1,2 +0,2 @@
-import { BaseTexture, Texture } from "pixi.js";
+import { BaseTexture, Texture } from "@pixi/core";
 import { TextureTransform } from "../../texture/texture-transform";
@@ -3,0 +3,0 @@ /**

types/material/standard/standard-material.d.ts

@@ -1,2 +0,2 @@
-import { Renderer, Shader } from "pixi.js";
+import { Renderer, Shader } from "@pixi/core";
 import { StandardShader } from "./standard-shader";
@@ -3,0 +3,0 @@ import { Material } from "../material";

types/material/standard/standard-shader-instancing.d.ts

@@ -1,2 +0,2 @@
-import * as PIXI from "pixi.js";
+import { Geometry } from "@pixi/core";
 import { InstancedMesh3D } from "../../mesh/instanced-mesh";
@@ -11,3 +11,3 @@ export declare class StandardShaderInstancing {
     updateBuffers(instances: InstancedMesh3D[]): void;
-    addGeometryAttributes(geometry: PIXI.Geometry): void;
+    addGeometryAttributes(geometry: Geometry): void;
 }

types/material/standard/standard-shader-source.d.ts

@@ -1,4 +0,4 @@
-import * as PIXI from "pixi.js";
+import { Renderer } from "@pixi/core";
 export declare namespace StandardShaderSource {
-    function build(source: string, features: string[], renderer: PIXI.Renderer): string;
+    function build(source: string, features: string[], renderer: Renderer): string;
 }

types/material/standard/standard-shader.d.ts

@@ -1,2 +0,3 @@
-import * as PIXI from "pixi.js";
+import { Renderer, State } from "@pixi/core";
+import { DRAW_MODES } from "@pixi/constants";
 import { MeshGeometry3D } from "../../mesh/geometry/mesh-geometry";
@@ -7,6 +8,6 @@ import { Mesh3D } from "../../mesh/mesh";
     private _instancing;
-    static build(renderer: PIXI.Renderer, features: string[]): StandardShader;
+    static build(renderer: Renderer, features: string[]): StandardShader;
     get name(): string;
-    createShaderGeometry(geometry: MeshGeometry3D, instanced: boolean): PIXI.Geometry;
-    render(mesh: Mesh3D, renderer: PIXI.Renderer, state: PIXI.State, drawMode: PIXI.DRAW_MODES): void;
+    createShaderGeometry(geometry: MeshGeometry3D, instanced: boolean): import("@pixi/core").Geometry;
+    render(mesh: Mesh3D, renderer: Renderer, state: State, drawMode: DRAW_MODES): void;
 }

types/math/aabb.d.ts

@@ -1,2 +0,2 @@
-import { ObservablePoint3D } from "..";
+import { ObservablePoint3D } from "../transform/observable-point";
 /**
@@ -3,0 +3,0 @@ * Axis-aligned bounding box.

types/mesh/geometry/mesh-geometry.d.ts

@@ -1,2 +0,2 @@
-import { Geometry } from "pixi.js";
+import { Geometry } from "@pixi/core";
 import { MeshShader } from "../mesh-shader";
@@ -18,2 +18,3 @@ import { MeshGeometryAttribute } from "./mesh-geometry-attribute";
     weights?: MeshGeometryAttribute;
+    colors?: MeshGeometryAttribute;
     /**
@@ -20,0 +21,0 @@ * Returns geometry with attributes required by the specified shader.

types/mesh/instanced-mesh.d.ts

@@ -1,2 +0,2 @@
-import { IDestroyOptions } from "pixi.js";
+import { IDestroyOptions } from "@pixi/display";
 import { Container3D } from "../container";
@@ -3,0 +3,0 @@ import { Mesh3D } from "./mesh";

types/mesh/mesh-destroy-options.d.ts

@@ -1,2 +0,2 @@
-import { IDestroyOptions } from "pixi.js";
+import { IDestroyOptions } from "@pixi/display";
 export interface MeshDestroyOptions extends IDestroyOptions {
@@ -3,0 +3,0 @@ geometry?: boolean;

types/mesh/mesh-shader.d.ts

@@ -1,2 +0,3 @@
-import { Shader, State, Geometry, Renderer, DRAW_MODES } from "pixi.js";
+import { Shader, State, Geometry, Renderer } from "@pixi/core";
+import { DRAW_MODES } from "@pixi/constants";
 import { Mesh3D } from "./mesh";
@@ -3,0 +4,0 @@ import { MeshGeometry3D } from "./geometry/mesh-geometry";

types/mesh/mesh.d.ts

@@ -1,2 +0,2 @@
-import { Renderer } from "pixi.js";
+import { Renderer } from "@pixi/core";
 import { MeshGeometry3D } from "./geometry/mesh-geometry";
@@ -9,2 +9,3 @@ import { Container3D } from "../container";
 import { AABB } from "../math/aabb";
+import { SphereGeometryOptions } from "./geometry/sphere-geometry";
 /**
@@ -86,2 +87,8 @@ * Represents a mesh which contains geometry and has a material.
     static createPlane(material?: Material): Mesh3D;
+    /**
+     * Creates a new uv sphere mesh with the specified material.
+     * @param material The material to use.
+     * @param options The options used when creating the geometry.
+     */
+    static createSphere(material?: Material, options?: SphereGeometryOptions): Mesh3D;
 }

types/picking/picking-hitarea.d.ts

@@ -1,2 +0,3 @@
-import { IHitArea, Renderer } from "pixi.js";
+import { Renderer } from "@pixi/core";
+import { IHitArea } from "@pixi/interaction";
 import { Mesh3D } from "../mesh/mesh";
@@ -3,0 +4,0 @@ import { Model } from "../model";

types/picking/picking-interaction.d.ts

@@ -1,2 +0,2 @@
-import { IRendererPlugin, Renderer } from "pixi.js";
+import { IRendererPlugin, Renderer } from "@pixi/core";
 import { PickingHitArea } from "./picking-hitarea";
@@ -3,0 +3,0 @@ /**

types/picking/picking-map.d.ts

 import { PickingHitArea } from "./picking-hitarea";
-import { Renderer } from "pixi.js";
+import { Renderer } from "@pixi/core";
 export declare class PickingMap {
@@ -4,0 +4,0 @@ private _renderer;

types/pipeline/material-render-pass.d.ts

 import { Color } from "../color";
-import { RenderTexture, Renderer } from "pixi.js";
+import { RenderTexture, Renderer } from "@pixi/core";
 import { RenderPass } from "./render-pass";
@@ -4,0 +4,0 @@ import { Mesh3D } from "../mesh/mesh";

types/pipeline/standard-pipeline.d.ts

@@ -1,2 +0,2 @@
-import { ObjectRenderer, Renderer } from "pixi.js";
+import { ObjectRenderer, Renderer } from "@pixi/core";
 import { MaterialRenderPass } from "./material-render-pass";
@@ -3,0 +3,0 @@ import { Mesh3D } from "../mesh/mesh";

types/resource/array-resource.d.ts

@@ -1,2 +0,2 @@
-import * as PIXI from "pixi.js";
-export declare const ArrayResource: typeof PIXI.ArrayResource;
+import * as PixiCore from "@pixi/core";
+export declare const ArrayResource: typeof PixiCore.ArrayResource;

types/resource/base-image-resource.d.ts

@@ -1,2 +0,2 @@
-import * as PIXI from "pixi.js";
-export declare const BaseImageResource: typeof PIXI.BaseImageResource;
+import * as PixiCore from "@pixi/core";
+export declare const BaseImageResource: typeof PixiCore.BaseImageResource;

types/resource/buffer-resource.d.ts

@@ -1,2 +0,2 @@
-import * as PIXI from "pixi.js";
-export declare const BufferResource: typeof PIXI.BufferResource;
+import * as PixiCore from "@pixi/core";
+export declare const BufferResource: typeof PixiCore.BufferResource;

types/resource/cube-resource.d.ts

@@ -1,2 +0,2 @@
-import * as PIXI from "pixi.js";
-export declare const CubeResource: typeof PIXI.CubeResource;
+import * as PixiCore from "@pixi/core";
+export declare const CubeResource: typeof PixiCore.CubeResource;

types/shadow/shadow-casting-light.d.ts

@@ -1,2 +0,2 @@
-import { RenderTexture, Renderer } from "pixi.js";
+import { RenderTexture, Renderer } from "@pixi/core";
 import { Light } from "../lighting/light";
@@ -3,0 +3,0 @@ import { Camera } from "../camera/camera";

types/shadow/shadow-filter.d.ts

@@ -1,2 +0,2 @@
-import { Renderer, RenderTexture } from "pixi.js";
+import { Renderer, RenderTexture } from "@pixi/core";
 import { ShadowCastingLight } from "./shadow-casting-light";
@@ -3,0 +3,0 @@ export declare class ShadowFilter {

types/shadow/shadow-render-pass.d.ts

@@ -1,2 +0,2 @@
-import { Renderer } from "pixi.js";
+import { Renderer } from "@pixi/core";
 import { RenderPass } from "../pipeline/render-pass";
@@ -3,0 +3,0 @@ import { Mesh3D } from "../mesh/mesh";

types/shadow/shadow-renderer.d.ts

@@ -1,2 +0,2 @@
-import { Renderer } from "pixi.js";
+import { Renderer } from "@pixi/core";
 import { Mesh3D } from "../mesh/mesh";
@@ -3,0 +3,0 @@ import { ShadowCastingLight } from "./shadow-casting-light";

types/shadow/shadow-shader.d.ts

@@ -1,2 +0,2 @@
-import { Renderer, Geometry } from "pixi.js";
+import { Renderer, Geometry } from "@pixi/core";
 import { MeshGeometry3D } from "../mesh/geometry/mesh-geometry";
@@ -3,0 +3,0 @@ import { MeshShader } from "../mesh/mesh-shader";

types/shadow/shadow-texture.d.ts

@@ -1,2 +0,2 @@
-import { Renderer, RenderTexture } from "pixi.js";
+import { Renderer, RenderTexture } from "@pixi/core";
 import { ShadowQuality } from "./shadow-quality";
@@ -3,0 +3,0 @@ export declare namespace ShadowTexture {

types/shadow/skinning-shader.d.ts

@@ -1,2 +0,2 @@
-import { Renderer } from "pixi.js";
+import { Renderer } from "@pixi/core";
 import { MeshGeometry3D } from "../mesh/geometry/mesh-geometry";
@@ -11,5 +11,5 @@ import { Mesh3D } from "../mesh/mesh";
     constructor(renderer: Renderer);
-    createShaderGeometry(geometry: MeshGeometry3D): import("pixi.js").Geometry;
+    createShaderGeometry(geometry: MeshGeometry3D): import("@pixi/core").Geometry;
     get name(): string;
     updateUniforms(mesh: Mesh3D, shadowCastingLight: ShadowCastingLight): void;
 }

types/shadow/texture-shader.d.ts

@@ -1,2 +0,2 @@
-import { Renderer } from "pixi.js";
+import { Renderer } from "@pixi/core";
 import { MeshGeometry3D } from "../mesh/geometry/mesh-geometry";
@@ -11,5 +11,5 @@ import { Mesh3D } from "../mesh/mesh";
     constructor(renderer: Renderer);
-    createShaderGeometry(geometry: MeshGeometry3D): import("pixi.js").Geometry;
+    createShaderGeometry(geometry: MeshGeometry3D): import("@pixi/core").Geometry;
     get name(): string;
     updateUniforms(mesh: Mesh3D, shadowCastingLight: ShadowCastingLight): void;
 }

types/skybox/skybox-material.d.ts

@@ -1,2 +0,2 @@
-import { Renderer } from "pixi.js";
+import { Renderer } from "@pixi/core";
 import { Cubemap } from "../cubemap/cubemap";
@@ -3,0 +3,0 @@ import { MeshShader } from "../mesh/mesh-shader";

types/sprite/post-processing-sprite.d.ts

@@ -1,2 +0,4 @@
-import { DisplayObject, Sprite, RenderTexture, Renderer, IDestroyOptions } from "pixi.js";
+import { RenderTexture, Renderer } from "@pixi/core";
+import { DisplayObject, IDestroyOptions } from "@pixi/display";
+import { Sprite } from "@pixi/sprite";
 export interface PostProcessingSpriteOptions {
@@ -32,3 +34,3 @@ /**
     /** The depth texture. */
-    get depthTexture(): import("pixi.js").BaseTexture<import("pixi.js").Resource, import("pixi.js").IAutoDetectOptions> | undefined;
+    get depthTexture(): import("@pixi/core").BaseTexture<import("@pixi/core").Resource, import("@pixi/core").IAutoDetectOptions> | undefined;
     /**
@@ -35,0 +37,0 @@ * Creates a new post processing sprite using the specified options.

types/sprite/projection-sprite.d.ts

@@ -1,6 +0,7 @@
-import * as PIXI from "pixi.js";
-export declare class ProjectionSprite extends PIXI.Sprite {
+import { Sprite } from "@pixi/sprite";
+import { Texture, Resource } from "@pixi/core";
+export declare class ProjectionSprite extends Sprite {
     private _pixelsPerUnit;
     modelViewProjection: Float32Array;
-    constructor(texture?: PIXI.Texture<PIXI.Resource>);
+    constructor(texture?: Texture<Resource>);
     get pixelsPerUnit(): number;
@@ -7,0 +8,0 @@ set pixelsPerUnit(value: number);

types/sprite/sprite-batch-geometry.d.ts

@@ -1,4 +0,4 @@
-import * as PIXI from "pixi.js";
-export declare class SpriteBatchGeometry extends PIXI.BatchGeometry {
+import { BatchGeometry } from "@pixi/core";
+export declare class SpriteBatchGeometry extends BatchGeometry {
     constructor();
 }

types/sprite/sprite-batch-renderer.d.ts

@@ -1,5 +0,5 @@
-import * as PIXI from "pixi.js";
-export declare class SpriteBatchRenderer extends PIXI.AbstractBatchRenderer {
-    constructor(renderer: PIXI.Renderer);
-    packInterleavedGeometry(element: PIXI.IBatchableElement, attributeBuffer: PIXI.ViewableBuffer, indexBuffer: Uint16Array, aIndex: number, iIndex: number): void;
+import { Renderer, AbstractBatchRenderer, IBatchableElement, ViewableBuffer } from "@pixi/core";
+export declare class SpriteBatchRenderer extends AbstractBatchRenderer {
+    constructor(renderer: Renderer);
+    packInterleavedGeometry(element: IBatchableElement, attributeBuffer: ViewableBuffer, indexBuffer: Uint16Array, aIndex: number, iIndex: number): void;
 }

types/sprite/sprite.d.ts

@@ -1,2 +0,5 @@
-import * as PIXI from "pixi.js";
+import { Renderer, Texture, Resource } from "@pixi/core";
+import { IDestroyOptions } from "@pixi/display";
+import { BLEND_MODES } from "@pixi/constants";
+import { ObservablePoint } from "@pixi/math";
 import { Camera } from "../camera/camera";
@@ -22,3 +25,3 @@ import { SpriteBillboardType } from "./sprite-billboard-type";
      */
-    constructor(texture: PIXI.Texture<PIXI.Resource>);
+    constructor(texture: Texture<Resource>);
     /**
@@ -42,3 +45,3 @@ * The billboard type to use when rendering the sprite. Used for making the
      */
-    destroy(options?: boolean | PIXI.IDestroyOptions): void;
+    destroy(options?: boolean | IDestroyOptions): void;
     /**
@@ -48,14 +51,14 @@ * Renders the sprite.
      */
-    _render(renderer: PIXI.Renderer): void;
+    _render(renderer: Renderer): void;
     /**
      * The anchor sets the origin point of the sprite.
      */
-    get anchor(): PIXI.ObservablePoint;
-    set anchor(value: PIXI.ObservablePoint);
+    get anchor(): ObservablePoint;
+    set anchor(value: ObservablePoint);
     /** The texture used when rendering the sprite. */
-    get texture(): PIXI.Texture<PIXI.Resource>;
-    set texture(value: PIXI.Texture<PIXI.Resource>);
+    get texture(): Texture<Resource>;
+    set texture(value: Texture<Resource>);
     /** The blend used when rendering the sprite. */
-    get blendMode(): PIXI.BLEND_MODES;
-    set blendMode(value: PIXI.BLEND_MODES);
+    get blendMode(): BLEND_MODES;
+    set blendMode(value: BLEND_MODES);
 }

types/texture/texture-transform.d.ts

@@ -1,2 +0,3 @@
-import { ObservablePoint, Texture } from "pixi.js";
+import { ObservablePoint } from "@pixi/math";
+import { Texture } from "@pixi/core";
 /**
@@ -3,0 +4,0 @@ * Transform used to offset, rotate and scale texture coordinates.

types/transform/matrix4.d.ts

@@ -1,2 +0,2 @@
-import { Matrix } from "pixi.js";
+import { Matrix } from "@pixi/math";
 import { ObservablePoint3D } from "./observable-point";
@@ -3,0 +3,0 @@ import { ObservableQuaternion } from "./observable-quaternion";

types/transform/observable-point.d.ts

@@ -1,6 +0,6 @@
-import * as PIXI from "pixi.js";
+import { ObservablePoint, IPoint } from "@pixi/math";
 /**
  * Represents a point in 3D space.
  */
-export declare class ObservablePoint3D extends PIXI.ObservablePoint {
+export declare class ObservablePoint3D extends ObservablePoint {
     private _array;
@@ -36,3 +36,3 @@ /** Array containing the x, y, z values. */
     copyFrom(p: ObservablePoint3D): this;
-    copyTo<T extends PIXI.IPoint>(p: T): T;
+    copyTo<T extends IPoint>(p: T): T;
     equals(p: ObservablePoint3D): boolean;
@@ -39,0 +39,0 @@ /**

types/transform/observable-quaternion.d.ts

@@ -1,2 +0,2 @@
-import { ObservablePoint, IPoint } from "pixi.js";
+import { ObservablePoint, IPoint } from "@pixi/math";
 /**
@@ -3,0 +3,0 @@ * Represents a rotation quaternion in 3D space.

types/transform/transform.d.ts

@@ -1,2 +0,2 @@
-import { Transform } from "pixi.js";
+import { Transform } from "@pixi/math";
 import { Matrix4 } from "./matrix4";
@@ -3,0 +3,0 @@ import { ObservablePoint3D } from "./observable-point";

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3769992

increased by95.38%

Number of package files

129

increased by8.4%

Lines of code

20706

increased by18.74%

Number of lines in readme file

239

increased by13.27%

Worsened metrics

Dependency count

11

increased byInfinity%

Number of low supply chain risk alerts

16

increased by300%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes