Animate CC offre deux options WebGL-glTF.
Le choix d'une option standard permet l'intégration avec Three.js, Babylon.js ou n'importe lequel des packs de lecture glTF standard, et est entièrement conforme aux normes.
Voici une animation simple, d'un koala maniant un glaive.
Nous pouvons créer du contenu pour cette nouvelle plate-forme en procédant de la même façon que lorsque nous ciblons Flash Player ou HTML5 Canvas.
Jetons un coup d'œil aux paramètres de publication.
Il s'agit ici d'un fichier standard WebGL-glTF.
Je peux donner un nom et un emplacement de sortie, et choisir le format de sortie : glB ou glTF.
Nous pouvons spécifier la résolution d'image et s'il faut supprimer les espaces du fichier JSON pour réduire sa taille.
Les choix standard s'appliquent ici : lire le montage en boucle et inclure les calques masqués.
Je saisis le nom de sortie — « koala » — et je clique sur Publier.
Le fichier est automatiquement publié.
Ici, j'ai choisi sandbox.babylon.JS.com, pour pouvoir faire glisser n'importe quel fichier glTF ou glB dans ce système de lecture conforme aux normes.
Examinons où ce fichier a été publié.
Si je vais sous Assets > Koala > Scene_1, je trouve le fichier glB qui a été créé.
Faisons-le glisser directement dans le système de lecture… et voici notre koala.
Bien que la norme WebGL-glTF permette de lire les fichiers dans les systèmes de lecture conformes aux normes, elle présente certaines limites.
Par exemple, dans cette animation, nous voyons un petit homme qui danse.
Maintenant, publions également un fichier glB pour cette animation.
Ici, nous n'allons pas inclure les calques cachés.
Je clique sur Publier.
OK.
Revenons dans le système de lecture babylon.JS et voici le vieil homme.
Notez toutefois que son pied n'est plus vraiment relié à sa cheville.
Et il y a d'autres problèmes de calque.
Soyez conscient que ce genre de problème peut survenir à mesure que la prise en charge évolue.
Vous pouvez cependant les contourner grâce aux fonctionnalités d'Animate.
En opérant une scission ou en convertissant le fichier en bitmap au lieu d'utiliser une inclinaison de transformation — ce qui a créé le problème ici.
Voici la même animation avec le WebGL-glTF étendu.
Comme le nom l'indique, nous avons étendu la fonctionnalité glTF dans le type de document glTF étendu.
La version étendue est plus spécifique à Animate.
Elle se concentre sur l'animation avancée avec de l'interactivité, une prise en charge des filtres et des transformations telles que l'inclinaison, qui est à l'origine du problème avec le pied dans la version standard.
Testons cette animation.
Contrôle > Tester.
Et voilà !
En publiant avec Animate, vous obtenez un résultat visible : une animation fluide.
