jonforum

it should work, i just test it in devtool It same reference, so maybe you have more and another issue somewhere. No time on my side to debug your projet sorry, but maybe wait if someone from Pixi team can help

did you try `documents.addEventListener` ?

as error say ! just do ` loader = `PIXI.Loader.shared` !! ? Also here guide , if you missing it. https://github.com/pixijs/pixi.js/wiki/v5-Migration-Guide but strangely, nothing about Loader !!

here a good way to start, take a look on code from `add local fonts loader` https://github.com/pixijs/pixi-text-style/pull/20

Electron is the most popular, but there are many who stand out. https://www.slant.co/topics/3520/versus/~electron_vs_nw-js_vs_sciter

ho , i will probably update this template soon with a easy 100% auto-build without config. nwjs,react,parcel,babel,pixijs. For now this projet have a big ugly custom bundler setting i want remove. The new scripts should look more clean and easy like this ``` "scripts": { // auto run after npm i to for localy install nwjs sdk in node_module. "postinstall": "cd ./node_modules/nw && npm install --nwjs_build_type=sdk", // start a simple dev webserver with hot reloading "start": "parcel src/index.html", // start nwjs sdk from node_module and connect to current webservor with hotreload (listen change from parcel hotreaload) "start-nw": "nw dist/ --remote-debugging-port=9229", // build production for web with parcel,babel "build": "parcel build src/index.html --out-dir build", // build auto productions for desktop all platforms and architectures + (protect source code nwjc ) "build-nwjs": "nwbuild --platforms win32,win64,osx32,osx64,linux32,linux64 --buildDir ./build dist" }, ``` maybe in few day For electron i dont know, i never use it, but this will probably help you. https://github.com/shamofu/electron-react-parcel-boilerplate

what about mouseupoutside? https://pixijs.download/dev/docs/PIXI.InteractionManager.html#event:mouseupoutside Are you able to show a basic playground?

ho sorry if this disturbed you ! .focus(); should work But sometime you will need call .focus(); after the DOM updated your elements. (async) It why i add both in the example for playground. setTimeout(function () { el.focus(); }, 1); will work in all contexts, but if you create a html element and force a instant focus , it can not work in all contexts, it will depending on how you add your update en render your elements in your projet.

My first approach should look like this but is theory only, maybe you will need play around this logic. here for you a demo It's a basic code, but the logic seems to me theoretically acceptable. So when you click on a pixi text, you create a html element with opacity 0 and FOCUS() The keyboard should open and input have event to map value to your Pixi element Also add a (onblur) events, for destroy the html input elements when click out the focus to remove keyboard. https://www.pixiplayground.com/#/edit/XLzHze-cY1pc0XdAFatKW ps: I also added some documentation to you, turn the opacity to 0 in demo, you can see is work fine. Dont forget pixijs are a render and not a UI, so for all UI stuff, you need create your own API for now

Hi, Pixi have a demo page with all features for graphics. Look for fill ! https://pixijs.io/examples/#/graphics/advanced.js

hum, what about add a html Input + autofocus with maybe opacity:0 or z-index behing your canvas pixiapp, and lisen the onChange ? Input + autofocus should make appear the mobile keyboard Input.

https://www.pixiplayground.com/#/edit/ojiiB8en0Lt21fLWrftae update via obj.text

Hi, here a basic user case of groups https://pixijs.io/examples-v4/#/plugin-layers/normals-drag.js Also using on my side, here another user case. https://github.com/djmisterjon/ANFT/blob/master/js/game/global/displayGroups.js I have no more example or good explanation in English sorry.

did you take a look in some sample projet on codeSandbox? Just in case, sometime people forget search here before. https://codesandbox.io/s/app-architecture-3-t6cfv https://codesandbox.io/s/92qj013rvr?file=/src/index.js https://codesandbox.io/s/km262qnqr7 https://codesandbox.io/s/youthful-hertz-jzl912w7k9

https://codesandbox.io/s/yw2vox5479?file=/src/main.js https://codesandbox.io/s/xz91np51ww