Javascript animation in muse website

[CFDesign78]

Hi there,

I've created a Javascript animation using the P5.js library and I'd like to place it in my Muse website.

Can anyone point out how this is best achieved?

I've got very little html experience.

Thanks in advance,

Charles

[Ussnorway]

yuck but each to their own... Video \ Processing.org

p.s, getting it to work in Muse = SVG animated don't work in Firefox ... need to adjust for your format but it covers the basics

[CFDesign78]

Video won't work - no interaction.

Am I missing the point, what the correlation with SVG and javascript?

Surely it can't be too hard to insert the P5.js in a window within Muse?!

Thanks for your suggestions thought

[Preran]

There isn't a way to insert a JavaScript file in Adobe Muse from what I know.

You can create an animation using Adobe Animate, generate an OAM file, and insert it in Muse. That would be much simpler to achieve.

Thanks,

Preran

[fedyab68221129 · Accepted solution]

Maybe it's not a best way to reach this, but in my own experience simplest solution was to upload sketch.js and a standart .html file from p5.js that contains links to sketch and all depended libraries on my host and then use it in Adobe Muse by inserting as custom HTML within iframe tag.

something like that:

<iframe src="http://yourwebsite.com/myscript.html" width="740px" height="740px" marginwidth="0" marginheight="0" frameborder="no" scrolling="yes" style="border:0px;"></iframe>

and it's works just fine.

other way i've tryed to use, is to paste links to depended libraries under page properties in metadata tab under HTML for head section:

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.sound.min.js"></script> 

and then paste a sketch.js code as custom HTML on page in Muse like that:

<script> your code here </script> 

it's also works, but in this case you cannot freely move and arrange your sketch position on page layout without editing muse's css files and etc, so this way seems too tricky for me