Jump to content

Playable Ads with Pixi Js


AntoniaChimp
 Share

Recommended Posts

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 !

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

  • 2 weeks later...
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.

Link to comment
Share on other sites

  • 3 weeks later...
  • 4 months later...
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.

Link to comment
Share on other sites

  • 1 year later...
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.

image.thumb.png.f8a6a40ce8bbaf221932feb461ab57ad.png

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...