• Content Count

  • Joined

  • Last visited

Everything posted by jSwtch

  1. fixed issue with clean install and upgrade - I believe problem was with the ordering filter installations on top of pixi.js
  2. I am trying to test some changes on a previous version. Npm uninstall pixi.js Npm install pixi.js@5.1.2 --save Browser still shows 5.1.3 in the console. I have also tried incognito, clearing all browser data, deleting node_modules folder (and reinstall) , and disabling app service worker. Chrome and Firefox.
  3. Hello, I am trying to use SVGResource (https://pixijs.download/dev/docs/PIXI.resources.SVGResource.html). I hope to get some clarity on the use case and syntax. app.loader .add("svgTest", "./svg/svgTest.svg") .load(onLoaded); function onLoaded(loader, res) { const svgResourceTest = new PIXI.resources.SVGResource( res.svgTest.data ); app.stage.addChild(svgResourceTest); } I am getting error "Uncaught TypeError: Cannot set property '_parentID' of undefined I did inspect res.svgTest.data it is just an <img> with src of "./svg/svgTest.svg" - not <svg>
  4. Is this from method generally preferred?
  5. Looking at the github basic usage example => Why is the ticker nested inside the loader? const app = new PIXI.Application(); document.body.appendChild(app.view); app.loader.add('bunny', 'bunny.png').load((loader, resources) => { const bunny = new PIXI.Sprite(resources.bunny.texture); bunny.x = app.renderer.width / 2; bunny.y = app.renderer.height / 2; bunny.anchor.x = 0.5; bunny.anchor.y = 0.5; app.stage.addChild(bunny); app.ticker.add(() => { bunny.rotation += 0.01; }); }); I am comparing to this example (https://pixijs.io/examples/#/demos-basic/tinting.js PIXI.Sprite.from(... Is there a significant difference between this syntax? new PIXI.Sprite(... Also in this tinting example they are setting: dude.turningSpeed = I don't seem to be able to set these type of custom properties using the Github basic usage example. I created this codepen that shows the problem I have of all sprites acting together https://codepen.io/jswtch/pen/gJBaBz?editors=0010
  6. Hello, I want to make a static site that uses pixi to render some graphics. However, I don't want to load the library on mobile devices. I only want to graphics to appear when a screen size is some min width, and I don't want any overhead for the smaller devices. I use Hugo for static site generation. How would I implement this condition?
  7. Maybe this could help: https://github.com/davidfig/pixi-viewport
  8. I don't think it's dying - just the opposite! Nearly every forum/thread I have read says "workflow, flexibility, and performance will be greatly improved in V5"
  9. Hello, I am interested in recreating this effect here: https://gijsroge.github.io/tilt.js/ in pixijs. Is this best modeled with a skew or a scale? I am not really sure where to start. I have been looking at https://pixijs.io/examples/?v=release#/projection. Is 'containerSprite.proj.mapBilinearSprite(containerSprite, quad)' more expensive to run than 'containerSprite.proj.mapSprite(containerSprite, quad)'? The only difference I see is the ability to wrap around backwards, which isn't a use case I need.
  10. Hello, I have seen different methods for creating a sprite from a texture. Is there a difference? I am mainly looking at PIXI.Texture.fromImage(... vs renderer.generateTexture(... sprite = new PIXI.Sprite( new PIXI.Texture.fromImage( "...img/path" ) ); app.stage.addChild(sprite); let texture: PIXI.Texture = renderer.generateTexture("...img/path"); let sprite: PIXI.Sprite = new PIXI.Sprite(texture); stage.addChild(sprite); Also for particle emitters is it better to use sprites or textures? I see that (https://github.com/pixijs/pixi.js/wiki/v4-Performance-Tips😞 "textures are automatically managed by a Texture Garbage Collector". However most examples of particle emitters I see seem to use sprites. Edit: I see that sprites are textures
  11. jSwtch

    Text is searchable?

    Thanks for the replies!
  12. Hello, When I use pixi to render text, is that text seen by the search engine? I am using vue.js with server side rendering - so I know my pages are prerendered. Does this work with pixi?