Insertion animation html5 canvas dans page web

[Jackseg]

Bonjour,

Comment puis-je insérer une page html5 canvas publiée avec Animate CC 2017 dans une page web existante avec Dreamweaver ?

J'ai essayé en insérant le fichier publié en OAM dans une div  ( insertion> Html> composition animée ) mais l'animation de s'affiche pas.

Merci à vous

Ce message a été modifié par : Jacky SEGUIN

[pziecina]

This may help -

https://helpx.adobe.com/dreamweaver/using/import-oam-files.html

Don't forget to ensure that you are working with a defined site in Dreamweaver, otherwise the file paths may, (probably will) be wrong.

[Jackseg]

Merci Pziecina

Je préfère ne pas utiliser le fichier OAM.

Concernant la page html où sera insérée l'animation Animate CC :

Depuis la page publiée en html5 canvas, il faut insérer dans la page de destination, à l'endroit voulu, la  div id="animation_container" ,  le script du fichier .js , les “function“ et ajouter "init ()" dans la balise body (que j'avais oublié, merci Vincent).

[Alama.be]

Bonjours à tous, et bonne année 2018. J'ai le même soucis, mais pour l'intégrer à Muse cc 2018. j'ai fait une petite anim avec animate et publiée en html canvas. j'ai 2 fichiers publiés 1html et 1 js. à partir de là, je ne sais pas trop comment m'y prendre. je précise qu'avec un swf, j'y arrive, il suffit de le déposer sur la page Muse. D'ailleurs, pourquoi les petites animations ne fonctionnent pas dans muse en mode fluide?? c'est pas top ça!! on a encore besoin de Flash les amis !! ne le déclarez pas MORT trop vite !!

[B i r n o u]

en fait c'est assez simple ... il faut d'abord copier toutes les données internes contenues dans le HTML publié ... je veux dire tout ce qui est contenu entre les balsies BODY

et les coller dans le document où vous souhaitez les utiliser...

ensuite il faut lier le javascript publié au nouveau document HTML ... et c'est tout ... cela devrait fonctionner

maintenant pour obtenir un CANVAS qui soit responsive... ajoutez un CSS de type

canvas {

    display:block;

    width:100%;

}

in fact it's quite simple ... first copy all the internal data contained in the HTML published ... I mean everything that is contained between the BODY tags
and paste them into the document where you want to use them ...

then you have to link the published javascript to the new HTML document ... and that's it ... it should work

now to get a CANVAS that is responsive ... add a CSS type
canvas {
     display: block;
     width: 100%;
}