AntoniaChimp Posted April 25, 2019 Share Posted April 25, 2019 Hey! I was wondering if Pixi JS is a good engine to create Playable Ads! For a playable ad I need a single html file with embedded assets and inline javascript. Is there a possibility to do it in Pixi or is there a simple solution in the internet to do it after I created the playable in Pixi? Thanks for your help ! Quote Link to comment Share on other sites More sharing options...
Kael01 Posted April 25, 2019 Share Posted April 25, 2019 Indeed. You can use any bundler(webpack, parcel, rollup, etc) to get a single HTML build with Pixi. AntoniaChimp 1 Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted April 25, 2019 Share Posted April 25, 2019 We are working on full example for playable ads with hacks for pixi loader that allow to bundle everything including Spine models into one file . You can either wait 2-4 weeks or do it yourself. AntoniaChimp and b10b 2 Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted April 25, 2019 Share Posted April 25, 2019 Actually, it can be done without loader hacks, just look at Spritesheet class for atlas parsing, and for all the examples in spine where json/atlas/png files are pre-loaded. Quote Link to comment Share on other sites More sharing options...
AntoniaChimp Posted April 25, 2019 Author Share Posted April 25, 2019 1 hour ago, ivan.popelyshev said: Actually, it can be done without loader hacks, just look at Spritesheet class for atlas parsing, and for all the examples in spine where json/atlas/png files are pre-loaded. Okey thanks for pointing that out ! I am new to Pixi.js so I hope I can understand how to achieve a one singled file. Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted April 25, 2019 Share Posted April 25, 2019 > Okey thanks for pointing that out ! I am new to Pixi.js so I hope I can understand how to achieve a one singled file. I'm afraid that is not newbie material. Go through https://github.com/kittykatattack/learningPixi first, and look at our examples at https://pixijs.io/examples/ Try to make simple game, then try to supply all resources in one file. Bundling stuff is difficult at the moment, one moment it works, and then suddenly doesnt. When you do that, both webpack and PixiJS have to be your friends already, otherwise when something doesnt work you'll blame it on stupid pixi. Quote Link to comment Share on other sites More sharing options...
AntoniaChimp Posted April 26, 2019 Author Share Posted April 26, 2019 19 hours ago, ivan.popelyshev said: > Okey thanks for pointing that out ! I am new to Pixi.js so I hope I can understand how to achieve a one singled file. I'm afraid that is not newbie material. Go through https://github.com/kittykatattack/learningPixi first, and look at our examples at https://pixijs.io/examples/ Try to make simple game, then try to supply all resources in one file. Bundling stuff is difficult at the moment, one moment it works, and then suddenly doesnt. When you do that, both webpack and PixiJS have to be your friends already, otherwise when something doesnt work you'll blame it on stupid pixi. What if I basecode64 every image and minify the javascript on my own. so that would make a single html file. but then I dont know how to integrate pixi correctly. Using <script src="pixi.min.js"></script> gives me errors, so I probably have to inline it as well? Quote Link to comment Share on other sites More sharing options...
AntoniaChimp Posted May 8, 2019 Author Share Posted May 8, 2019 On 4/25/2019 at 1:13 PM, ivan.popelyshev said: We are working on full example for playable ads with hacks for pixi loader that allow to bundle everything including Spine models into one file . You can either wait 2-4 weeks or do it yourself. Hey ! Whats the status on that ? I finished my project in pixi and my big problem now is how to convert in into 1 single html file. I read that its possible with webpack but I am not able to make it work. And I am using a spritesheet with using the json file, so I am not sure how to solve that with the pixi loader. Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted May 27, 2019 Share Posted May 27, 2019 @AntoniaChimp Its not cleaned up yet, but here we go: https://github.com/eXponenta/pixi5-playables-boilerplate dranitski 1 Quote Link to comment Share on other sites More sharing options...
jagannadha.sagar Posted October 25, 2019 Share Posted October 25, 2019 I am getting the following error when running HTML in release? Failed to load resource: net::ERR_FILE_NOT_FOUND bundle.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND index.html:45 Uncaught ReferenceError: App is not defined at window.onload (index.html:45) Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted October 25, 2019 Share Posted October 25, 2019 5 hours ago, jagannadha.sagar said: I am getting the following error when running HTML in release? Failed to load resource: net::ERR_FILE_NOT_FOUND bundle.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND index.html:45 Uncaught ReferenceError: App is not defined at window.onload (index.html:45) Hello! Unfortunately, my telepathy doesn't work on your error. I've got nothing. "i build somehow, i dont know how, and it fails in the release in a random ad network " - that's expected result. Playable ads magic doesnt work by default, it has too many hacks. Please specify all your conditions, then I can poke author to look in this thread. Quote Link to comment Share on other sites More sharing options...
SenPie Posted June 25, 2021 Share Posted June 25, 2021 On 10/25/2019 at 3:17 PM, ivan.popelyshev said: Hello! Unfortunately, my telepathy doesn't work on your error. I've got nothing. "i build somehow, i dont know how, and it fails in the release in a random ad network " - that's expected result. Playable ads magic doesnt work by default, it has too many hacks. Please specify all your conditions, then I can poke author to look in this thread. Hi, I just cloned the repo in my local, did npm install and then run gulp command from cmd. Server started with this log: C:\Users\user\js\pixi5-playables-boilerplate>gulp [17:43:02] Using gulpfile ~\Documents\projects\js\pixi5-playables-boilerplate\gulpfile.js [17:43:02] Starting 'default'... [17:43:02] Starting server... [17:43:02] ==Watch== [17:43:02] Dev app started http://localhost:8080 [17:43:02] LiveReload started on port 35729 [17:43:02] Running server then when I visited http://localhost:8080/templates/debug/index.html to see the live version of the project I get this errors. how can I overcome this errors? or maybe I opened the wrong file. I will appreciate if you include some kind of Readme.md in the repo for beginners to right away start their projects and do not get stuck on this type of issues. Thanks Quote Link to comment Share on other sites More sharing options...
SenPie Posted June 25, 2021 Share Posted June 25, 2021 Let me know if you need any additional info. Btw, here is the full screenshot Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted June 27, 2021 Share Posted June 27, 2021 did you try to ask in that repo? https://github.com/eXponenta/pixi5-playables-boilerplate , maybe @eXponeta can answer you Quote Link to comment Share on other sites More sharing options...
SenPie Posted June 27, 2021 Share Posted June 27, 2021 2 hours ago, ivan.popelyshev said: did you try to ask in that repo? https://github.com/eXponenta/pixi5-playables-boilerplate , maybe @eXponeta can answer you hey, just reposted my question there as an issue https://github.com/eXponenta/pixi5-playables-boilerplate/issues/12 I hope project is not dead, because I just started making playables and would love to contribute to this project along with my work, if I could get a bit of help:D Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.