-
Content Count
392 -
Joined
-
Last visited
-
Days Won
12
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
https://www.youtube.com/user/Learnbynet
-
Twitter
djmisterjon
-
Skype
jonLepage#7984
Profile Information
-
Gender
Male
-
Location
Canada/Quebec
Recent Profile Visitors
75465 profile views
-
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.
-
flatliner reacted to a post in a topic: Flip a sprite?
-
Some graphics and sprites not rendering after WebGL context loss
jonforum replied to robert.schiemann's topic in Pixi.js
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" -
Some graphics and sprites not rendering after WebGL context loss
jonforum replied to robert.schiemann's topic in Pixi.js
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 -
jonforum reacted to a post in a topic: Some graphics and sprites not rendering after WebGL context loss
-
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
-
all working on my side, there only demo with normals ,lights who are not ported to v5 yet.
-
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.
-
jonforum reacted to a post in a topic: The "Learn Pixi.js" book. TypeScript Port
-
jonforum reacted to a post in a topic: How to check if a font has been fully loaded into the PIXI.Text object?
-
Zealot reacted to a post in a topic: Raycasting and inverse masking
-
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.
-
jonforum reacted to a post in a topic: Virtual Mobile/Touch Joystick 🕹
-
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
-
!!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
-
freezes React updating virtual DOM causes Pixijs freezes?
jonforum replied to ProbabilityRulesUniverse's topic in Pixi.js
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- 4 replies
-
- perfomance
- react
-
(and 1 more)
Tagged with:
-
Zealot reacted to a post in a topic: Jest testing with CRA: WebGL unsupported in this browser
-
Zealot reacted to a post in a topic: Jest testing with CRA: WebGL unsupported in this browser
-
may be a trail to try. stackgl/headless-gl: 🎃 Windowless WebGL for node.js (github.com)
-
jonforum reacted to a post in a topic: Jest testing with CRA: WebGL unsupported in this browser
-
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
-
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.
-
is life license ! your license never expire
-
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);