Mom's ProudDe formation artistique, le petit Louis à dessiné son premier Poulet à l'âge de 8 ans. Depuis il reste fasciné par la création numérique sous toutes ses formes. Malicieux, il aime avoir une approche ludique sur les projets.
Penpot est une alternative très sérieuse à Figma mais l’approche des composants n’est pas aussi poussé au moment de la rédaction de cet article (version 2.4). Nous allons dans cet exemple créer un composant button qui contiendra un composant icon que nous pourrons ensuite permuter. Créer un composant icône Commencez par l’icône : à partir […]
Même si l’IDE d’Adobe propose une fenêtre « Action » pour rédiger votre code, dans certaines animations plus complexes il peut être intéressant d’écrire et de maintenir votre code depuis un éditeur pour léger et plus performant (comme Visual Studio Code). Voici un exemple simple de projet qui utilise des fichiers JS externes. Créer l’environnement de développement […]
Lorsque vous souhaitez utiliser un objet complexe (autre qu’un remplissage) en arrière plan de votre layout, il y a une petite astuce à connaitre pour rendre cela possible. Admettons que vous souhaitiez placer Objet1, en bas au centre d’ Objet2, le tout étant réactif. L’astuce consiste à modifier les contraintes de objet2 en « Scale« . Superposez […]
Les motifs permettent d’habiller rapidement vos formes ou de répéter un objet selon un schéma précis. Créer le motif Commencez par dessiner une ou plusieurs formes pour composer votre motif. Sélectionnez votre forme puis, depuis le menu, « Objet » > « Motif » > « Créer ». Nommez votre motif puis choisissez le type de mosaïque qui vous convient. Si […]
Il est beaucoup plus facile de faire un maillage précis quand l’origine de votre solide est aligné avec l’origine de votre scène, mais comment aligner les 2 ? Commencez par configurer votre scène, en centimètres par exemple. Nous allons créer une plaque de 17.7 x 0.5 x 7.2 cm. L’origine de votre solide se place […]
Lorsque l’on souhaite créer un objet aux bonnes dimensions dans Blender, il y a une petite astuce à connaitre. Par défaut Blender n’affiche que le « scale » mais il y a un panneau qui vous sera très utile pour gérer les unités de mesure. Commencez par définir les unités de votre scène dans le panneau de […]
Il peut être utile dans une animation interactive de détecter les actions de souris avec vos éléments dans Animate, voici un exemple simple pour détecter le clic utilisateur. Activer le mouseOver Soit un symbole (Clip) « Square » dans la bibliothèque avec un nom de liaison « Square » (voir Instancier un symbole) et une forme simple statique à […]
Dans Animate, certaines propriétés ne deviennent accessibles qu’une fois l’objet ajouté à la scène (comme « stage » et « parent » par exemple). Comment être sûr d’attendre le bon moment ? A quels moment ces propriétés sont accessibles ? Les propriétés sont immédiatement accessibles après l’ajout sur la scène, après la méthode « addChild » par exemple : Ou sur […]
L’article suivant vous détaillera comment facilement instancier des symboles de votre bibliothèque Animate, directement en Javascript. Créer le symbole dans Animate Dessinez une forme, convertissez-la en symbole (« f8 » ou via le clic-droit), et nommez-le correctement. Enfin, supprimez le symbole de la scène afin d’avoir une scène vide pour les besoins de la démonstration. En l’état, […]