Using Hype Blendmodes (extension) with OAM (WordPress)

[ionutilie (Ionut)]

Hello @MaxZieb ,

When I use Hype Blendmodes for a file that I export as OAM widget for WordPress, once the file is loaded in WordPress it displays no blend effect.

I tried to use with the HypeBlendModes.min.js file inside resources or in the header and there's no difference. Also, the image I am applying the effect it is not a groupe or a symbol.

Could you provide support with an workaround?
Thank you very much.

hype file:
demo.zip (2.2 MB)
effect demo:

[MaxZieb (Loves Hype)]

For such special cases…

Hype Add To Head (Helper)

[HypeAddToHead_1] Ever wanted to only copy and paste your Hype container with the JavaScript reference but couldn't do so because you had stuff in your document head that your file depended on? [exampleHead] Okay, I admit… this is a special case but this little helper has you covered. It loads the head dependencies from within you Hype document and then advances when done (addToHead.hype). There is even a little workaround in there that fires "HypeDocumentLoad" again to initialize any Hype …

and here
demo-addToHead.hype.zip (2,2 MB)

[ionutilie (Ionut)]

Thank you very much @MaxZieb for your effort!
Unfortunately, after the file is uploaded to WordPress, it only shows a blank area.

[MaxZieb (Loves Hype)]

Yeah… you need to use:

hypeDocument.resourcesFolderURL()instead of ${resourcesFolderName}

So…

addToHead([
		hypeDocument.resourcesFolderURL()+'/HypeBlendModes.min.js',
	], function(){
		console.log("callback fired");
		hypeDocument.notifyEvent({type:'HypeDocumentLoad'}, element);
		hypeDocument.showNextScene();
	});

[ionutilie (Ionut)]

@MaxZieb

addToHead([
		hypeDocument.resourcesFolderURL()+'/HypeBlendModes.min.js',
	], function(){
		console.log("callback fired");
		hypeDocument.notifyEvent({type:'HypeDocumentLoad'}, element);
		hypeDocument.showNextScene();
	});

Perfect! Thank you!