search

pixijs / layers

Separate the z-hierarchy of your scene tree from its canonical structure.
https://pixijs.io/layers/docs/
MIT License
222 stars 57 forks source link

I have problem in Angular 7 #44

Open SergeEsmanovich opened 5 years ago

SergeEsmanovich commented 5 years ago

import 'pixi-layers';

import * as PIXI from 'pixi.js';

import Application = PIXI.Application;

ERROR in node_modules/@types/pixi.js/index.d.ts(7,1): error TS6200: Definitions of the following identifiers conflict with those in another file: VERSION, PI_2, RAD_TO_DEG, DEG_TO_RAD, RENDERER_TYPE, BLEND_MODES, DRAW_MODES, SCALE_MODES, WRAP_MODES, TRANSFORM_MODE, PRECISION, GC_MODES, SHAPES, TEXT_GRADIENT, UPDATE_PRIORITY, loader, TARGET_FPMS, MIPMAP_TEXTURES, RESOLUTION, FILTER_RESOLUTION, SPRITE_MAX_TEXTURES, SPRITE_BATCH_SIZE, RETINA_PREFIX, RENDER_OPTIONS, GC_MODE, GC_MAX_IDLE, GC_MAX_CHECK_COUNT, WRAP_MODE, SCALE_MODE, PRECISION_VERTEX, PRECISION_FRAGMENT, UPLOADS_PER_FRAME, CAN_UPLOAD_SAME_BUFFER, MESH_CANVAS_PADDING, AccessibilityManager, URL_FILE_EXTENSION, DATA_URI, SVG_SIZE, Application, Bounds, Container, DisplayObject, TransformBase, TransformStatic, Transform, GraphicsData, Graphics, CanvasGraphicsRenderer, GraphicsRenderer, WebGLGraphicsData, PrimitiveShader, E, SE, S, SW, W, NW, N, NE, MIRROR_HORIZONTAL, MIRROR_VERTICAL, Matrix, PointLike, ObservablePoint, Point, Circle, Ellipse, Polygon, Rectangle, RoundedRectangle, SystemRenderer, CanvasRenderer, CanvasMaskManager, CanvasRenderTarget, WebGLRenderer, WebGLState, TextureManager, TextureGarbageCollector, ObjectRenderer, Quad, RenderTarget, BlendModeManager, FilterManager, StencilMaskStack, MaskManager, StencilManager, WebGLManager, UniformDataMap, Filter, SpriteMaskFilter, Sprite, BatchBuffer, SpriteRenderer, CanvasSpriteRenderer, cacheStepsPerColorChannel, convertTintToImage, canUseMultiply, tintMethod, TextStyle, TextMetrics, Text, BaseRenderTexture, BaseTexture, RenderTexture, Texture, TextureMatrix, TextureUvs, Spritesheet, VideoBaseTexture, shared, TickerListener, Ticker, Shader, CanvasExtract, WebGLExtract, BitmapText, AnimatedSprite, TilingSprite, TilingSpriteRenderer, MovieClip, TextureTranform, FXAAFilter, BlurFilter, BlurXFilter, BlurYFilter, ColorMatrixFilter, DisplacementFilter, AlphaFilter, NoiseFilter, VoidFilter, InteractionData, InteractionPointerEvents, InteractionTouchEvents, InteractionMouseEvents, InteractionPixiEvents, InteractionEventTypes, InteractionManager, MiniSignalBinding, MiniSignal, Loader, Resource, Mesh, CanvasMeshRenderer, MeshRenderer, Plane, NineSlicePlane, Rope, ParticleContainer, ParticleBuffer, ParticleRenderer, AddHook, UploadHook, BasePrepare, CanvasPrepare, WebGLPrepare, CountLimiter, TimeLimiter, GLBuffer, GLFramebuffer, GLShader, GLTexture, VertexArrayObject, premultiplyBlendMode, TextureCache, BaseTextureCache, apple, android, amazon, windows, seven_inch, other, any, phone, tablet, EventEmitter, SpriteBatch, AssetLoader, Stage, DisplayObjectContainer, Strip, math, AbstractFilter, TransformManual, DEFAULT_RENDER_OPTIONS, gl, PIXI node_modules/@types/pixi.js/index.d.ts(3092,13): error TS2374: Duplicate string index signature. node_modules/@types/pixi.js/index.d.ts(3234,13): error TS2374: Duplicate string index signature. node_modules/pixi.js/dist/pixi.d.ts(7,1): error TS6200: Definitions of the following identifiers conflict with those in another file: VERSION, PI_2, RAD_TO_DEG, DEG_TO_RAD, RENDERER_TYPE, BLEND_MODES, DRAW_MODES, SCALE_MODES, WRAP_MODES, TRANSFORM_MODE, PRECISION, GC_MODES, SHAPES, TEXT_GRADIENT, UPDATE_PRIORITY, loader, TARGET_FPMS, MIPMAP_TEXTURES, RESOLUTION, FILTER_RESOLUTION, SPRITE_MAX_TEXTURES, SPRITE_BATCH_SIZE, RETINA_PREFIX, RENDER_OPTIONS, GC_MODE, GC_MAX_IDLE, GC_MAX_CHECK_COUNT, WRAP_MODE, SCALE_MODE, PRECISION_VERTEX, PRECISION_FRAGMENT, UPLOADS_PER_FRAME, CAN_UPLOAD_SAME_BUFFER, MESH_CANVAS_PADDING, AccessibilityManager, URL_FILE_EXTENSION, DATA_URI, SVG_SIZE, Application, Bounds, Container, DisplayObject, TransformBase, TransformStatic, Transform, GraphicsData, Graphics, CanvasGraphicsRenderer, GraphicsRenderer, WebGLGraphicsData, PrimitiveShader, E, SE, S, SW, W, NW, N, NE, MIRROR_HORIZONTAL, MIRROR_VERTICAL, Matrix, PointLike, ObservablePoint, Point, Circle, Ellipse, Polygon, Rectangle, RoundedRectangle, SystemRenderer, CanvasRenderer, CanvasMaskManager, CanvasRenderTarget, WebGLRenderer, WebGLState, TextureManager, TextureGarbageCollector, ObjectRenderer, Quad, RenderTarget, BlendModeManager, FilterManager, StencilMaskStack, MaskManager, StencilManager, WebGLManager, UniformDataMap, Filter, SpriteMaskFilter, Sprite, BatchBuffer, SpriteRenderer, CanvasSpriteRenderer, cacheStepsPerColorChannel, convertTintToImage, canUseMultiply, tintMethod, TextStyle, TextMetrics, Text, BaseRenderTexture, BaseTexture, RenderTexture, Texture, TextureMatrix, TextureUvs, Spritesheet, VideoBaseTexture, shared, TickerListener, Ticker, Shader, CanvasExtract, WebGLExtract, BitmapText, AnimatedSprite, TilingSprite, TilingSpriteRenderer, MovieClip, TextureTranform, FXAAFilter, BlurFilter, BlurXFilter, BlurYFilter, ColorMatrixFilter, DisplacementFilter, AlphaFilter, NoiseFilter, VoidFilter, InteractionData, InteractionPointerEvents, InteractionTouchEvents, InteractionMouseEvents, InteractionPixiEvents, InteractionEventTypes, InteractionManager, MiniSignalBinding, MiniSignal, Loader, Resource, Mesh, CanvasMeshRenderer, MeshRenderer, Plane, NineSlicePlane, Rope, ParticleContainer, ParticleBuffer, ParticleRenderer, AddHook, UploadHook, BasePrepare, CanvasPrepare, WebGLPrepare, CountLimiter, TimeLimiter, GLBuffer, GLFramebuffer, GLShader, GLTexture, VertexArrayObject, premultiplyBlendMode, TextureCache, BaseTextureCache, apple, android, amazon, windows, seven_inch, other, any, phone, tablet, EventEmitter, SpriteBatch, AssetLoader, Stage, DisplayObjectContainer, Strip, math, AbstractFilter, TransformManual, DEFAULT_RENDER_OPTIONS, gl, PIXI src/app/components/place/place.component.ts(30,31): error TS2339: Property 'display' does not exist on type 'typeof display'.

ivanpopelyshev commented 5 years ago

pixi-layers should be imported after pixi, Also maybe you should use import 'pixi.js';

I dont use webpack nor angular nor anything of that type, so I really cant guarantee that "if you write that import it should work" . I just know that solution exists. If you know angular good enough, maybe you can recommend me what to write in README.md

ivanpopelyshev commented 5 years ago

Maybe

import 'pixi.js';
import {Stage, Layer} from 'pixi-layers';

taken from here: https://github.com/pixijs/pixi-display/blob/layers/test/checkpack.ts#L1

SergeEsmanovich commented 5 years ago

Maybe

import 'pixi.js';
import {Stage, Layer} from 'pixi-layers';

taken from here: https://github.com/pixijs/pixi-display/blob/layers/test/checkpack.ts#L1

I tried it like this and I saw this test.

import * as PIXI from 'pixi.js'; import {Stage, Layer} from 'pixi-layers';

 "dependencies": {
    "@angular/animations": "~7.2.0",
    "@angular/common": "~7.2.0",
    "@angular/compiler": "~7.2.0",
    "@angular/core": "~7.2.0",
    "@angular/forms": "~7.2.0",
    "@angular/platform-browser": "~7.2.0",
    "@angular/platform-browser-dynamic": "~7.2.0",
    "@angular/router": "~7.2.0",
    "@fortawesome/angular-fontawesome": "^0.3.0",
    "@fortawesome/fontawesome-svg-core": "^1.2.17",
    "@fortawesome/free-regular-svg-icons": "^5.8.1",
    "@fortawesome/free-solid-svg-icons": "^5.8.1",
    "@types/pixi.js": "^4.8.6",
    "bootstrap": "^4.3.1",
    "class-transformer": "^0.2.0",
    "core-js": "^2.5.4",
    "font-awesome": "^4.7.0",
    "ngx-bootstrap": "^3.2.0",
    "pixi-layers": "^0.1.10",
    "pixi.js": "^4.7.1",
    "rxjs": "~6.3.3",
    "tslib": "^1.9.0",
    "zone.js": "~0.8.26"
  },

PS: it works for me on another project without angular