PreloadJS | PreloadJS makes preloading assets & getting aggregate

From the docs:

The loadManifest call supports four types of manifests:

1. A string path, which points to a manifest file, which is a JSON file that contains a "manifest" property, which defines the list of files to load, and can optionally contain a "path" property, which will be prepended to each file in the list.
2. An object which defines a "src", which is a JSON or JSONP file. A "callback" can be defined for JSONP file. The JSON/JSONP file should contain a "manifest" property, which defines the list of files to load, and can optionally contain a "path" property, which will be prepended to each file in the list.
3. An object which contains a "manifest" property, which defines the list of files to load, and can optionally contain a "path" property, which will be prepended to each file in the list.
4. An Array of files to load.

Your example uses the first approach. If something is not working, then feel free to post more code.

You could always throw some more events on your queue to see what is happening, such as "fileststart", "fileload", and "error". You should get at least one event when the first manifest starts loading.

Cheers.

if you load audio using PreloadJS without SoundJS "installed" to assist with preloading, the audio can only be loaded as HTMLAudio, which is pretty limited. I am fairly certain Howler uses the WebAudio context, so it would just re-load the audio when it needs it.

PreloadJS is really only designed to load WebAudio sounds to be played with SoundJS. In fact, it actually uses a lot of shared code to download and prepare audio for playback. This is not necessarily by design (to prevent usage of other libraries), but WebAudio uses a shared audio context when preloading audio buffers, and PreloadJS knows how to share that context with SoundJS. Howler is probably similar, where it preloads using an audio context it knows how to work with.

As a maintainer of the CreateJS libraries I am certainly biased, but if you want to preload audio with PreloadJS, then SoundJS is a better option than Howler.

There are two issues, both aren't your fault:

Firstly, PreloadJS is not interpreting your file as a "font". Normally, the file extension should be enough to determine the preload type, but it looks like its just trying to load it as plain text. You can get around this with a type attribute:

I think you are asking about making editable text, ie Input Text in Adobe Animate.

This is not supported in HTML5 output, or in CreateJS. Input text on a canvas is a much harder thing to do, and would have super-limited support, as Canvas's own text implementation is pretty poor.

You could add your own support using HTML input elements, and the EaselJS DOMElement class, which lets you add HTML content over top of the stage, but treated like a child of the stage.

If you just want to change the text of the text instance, its pretty easy:

Tag loading uses HTML tags to load content.

For example, this is a tag loaded image:

You can directly manipulate the images array, and inject a filtered/cached image. It requires you to preload the images, filter them, and then replace the image in the SpriteSheet. You can also get a complete event from the SpriteSheet when all images in the array are loaded, and do the work there:

Found out the mistake ,

Actually during cache.put I was modifying the request object's mode to 'no-cors' if the origin were not the same.

Now during a fetch event, the event's request object had property 'cors' because it was a cross-origin request.

This difference of value of mode was causing the fetch error.

Service worker install event:

This line: queue: new createjs.LoadQueue() is likely the culprit. Vue.js requires that all properties of its data object be primitive values or plain objects.

You can create an instance of createjs.LoadQueue inside your created() hook and save it to some internal property on your component. A common convention is to make it something like this.$createjsQueue. Up to you.

According to LoadQueue's documentation, the file type of an item is determined by it's file extension. If it doesn't have an extension, then you can pass in a type property: