Jump to content


  • Content Count

  • Joined

  • Last visited

  • Days Won


jonforum last won the day on November 27 2020

jonforum had the most liked content!


About jonforum

  • Rank
    Advanced Member
  • Birthday 02/01/1987

Contact Methods

  • Website URL
  • Twitter
  • Skype

Profile Information

  • Gender
  • Location

Recent Profile Visitors

75465 profile views
  1. you can do this at the development level of your project, nodes scripts to rescale and repack your textures and convert your ressources And a script for specific build for android,ios,...,win,mac,linux..... There isn't really a quick or miraculous way other than developing your scripts that will do tasks to converts your ressources and make your mobiles build.
  2. if you have exhausted all your resources! you have a full list here for experiment purpose, they are userfull for Nwjs and Electron. https://www.chromium.org/developers/how-tos/run-chromium-with-flags it hide in your dev tool : customize=>more tools=> Rendering => Frame Rendering Stats or with args "chromium-args": "--show-fps-counter"
  3. i dont want say bullshit but you have nothing to lost by try adding some args to electron ! "chromium-args": "--gpu-no-context-lost --force-gpu-mem-available-mb=9999999 --max-active-webgl-contexts=32 --max-decoded-image-size-mb=1000 --enable-zero-copy" i also add zero copy just in case your costumer use integrate gpu, purely random suggest ! see `What are zero-copy texture uploads?` https://software.intel.com/content/www/us/en/develop/articles/native-one-copy-texture-uploads-for-chrome-os-on-intel-architecture-enabled-by-default.html it can lead you nowhere, on my side I a
  4. Are you mean something like this ? track plan 2d over 3d ? i have some demo like this one, but dont play with playground settings, they remove v4 setting, dont know why !? if this can help ? https://www.pixiplayground.com/#/edit/DCn0GFmVgb7yTIHm8HiYz
  5. all working on my side, there only demo with normals ,lights who are not ported to v5 yet.
  6. jonforum

    Star rain

    Pixijs have some demo , it also have similar stars space demo. https://pixijs.io/examples/#/demos-advanced/star-warp.js You can also make a little playground here with your code. https://www.pixiplayground.com Making a playground it more easy for help, If you stuck! ask again! Note: NaN it mean issue in your math , related to javascript base and not pixijs.
  7. i cant really help you, i never try this kind of feature with PIXI ,but i can just refer you to a list of demo codepen, jsfiddle ,Shadertoy is this can help to get some inspiration ! they have really good math logic to learn this. it's true that it would be great to have a demo on Pixi or a easy plugin for raycast. For now only demo with Canvas or pure webgl.
  8. you can use Observe https://www.npmjs.com/package/observe/v/1.2.0 or this one is better, i using it with React, because everything is immutable (@read-only). https://www.npmjs.com/package/@nx-js/observer-util Or in vanilla, but why reinvent the wheel? https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent Actualy PIXI natively give you event for listen child's change, but not for props, or is missing in the doc. ! A PIXI guys can maybe fix me if am wrong. Note: Do not confused with the obsolete native version in Js vanilla, it was
  9. !!FirstLine!!! PIXI.Sprite.from is a function Callback and not function constructor. You should get a lint error ! Remove .from here the way https://www.pixiplayground.com#/edit/FoChFu40Ql48ApAaf_BbG
  10. For me , what seem bad here, is you seem use React for your game and pixijs in same process! Try multi-tread your game, React is really heavy when update the Dom, is fine for app, but hell no for game engine!!! Maybe you block your principal tread. Node.js multithreading: What are Worker threads, and why do they matter? - LogRocket Blog look for worker_threads Worker threads | Node.js v15.3.0 Documentation this is old jsConf but also explain good js limitation callStack https://youtu.be/8aGhZQkoFbQ Also you can use the profiler to see why you get lag if React are iso
  11. may be a trail to try. stackgl/headless-gl: 🎃 Windowless WebGL for node.js (github.com)
  12. i remember make some test with jest , if am not wrong you will need create and bind your own Canvas forEach before or something like thats.... it was also hellish with React, need a lot of plugins dependency and strange patching ! beforeEach(() => { const createElement = document.createElement.bind(document); document.createElement = (tagName) => { if (tagName === 'canvas') { return { getContext: () => ({}), measureText: () => ({}) }; } return createElement(tagName); }; }); reactjs
  13. ha i see, you an also try Off-topic Forum (esotericsoftware.com) Community are passionate on spine and helpfull. Maybe more chance to get help for your case. If you need converting, i also made a app Spine Auto Batch convert 3.x to 3.8 breakChange [TUTO] · Issue #301 · pixijs/pixi-spine (github.com) but you need spine installed and nodejs in your env. try install the trial, it can maybe work.
  14. From what i remember, ShockwaveFilter is a pain to understand and calibrate. Coord are relative to screen coord if am not wrong, but am not remember. What i deed to fully debug and understand this filter is add a Gsap timeline controler, to play pause and slow the filter motion and play live with props and coord. This code should help you ? maybe gl note: look for the array center[], if am not wrong this can help to position. const doShockWave = ()=>{ const tl = gsap.timeline({id:'doShockWave'}) const ease = SlowMo.ease.config(0.1, 0.7, false);
  • Create New...