Avec ce tuto, je vais essayer de vous apprendre à faire des horloges à aiguilles avec V.Anim, vous montrer comment moi je procède.

Au début il m'a fallu chercher car rien à voir avec Flash ou SwishMax, alors là pas du tout!

Et j'ai râmé  

Mais c'est pas un programme qui va avoir raison de moi, j'ai persévéré et j'y suis arrivée.

Pour débuter, il faut aller vous inscrire sur le site V.Anim

pour télécharger le programme sur cette page, vous pourrez aussi aller vous inscrire sur le forum d'aide (2 choses différentes)

Installer le programme et ouvrez-le

Une fois fait, aller sur le site pour avoir accès aux gadgets et tutos

Cliquer sur "Les Gadgets" - "Le temps"

Moi j'ai installé : Horloge cuir et bois - Analogique 1 et 2 pour avoir différentes aiguilles.

Comment installer ses gadgets (et tous les gadgets)

Cliquer par exemple sur "Horloge cuir et bois"

Vous allez avoir un lien, il faut cliquer droit sur ce lien avec votre curseur et "Copier" ce lien, il ira se mettre directement dans vos gadgets, cette méthode est idem pour tous les gadgets.

J'ai créé un dossier "V Anim" sur mon bureau et j'y ouvre autant de dossier que nécessaire pour chaque création. Par exemple : Horloges Aiguilles, Horloges Numériques, etc... dans lesquels j'ajoute des sous-dossiers par création.

A bientôt

Comment charger votre matériel dans Archive Host

Vous devez vous inscrire et choisir le mode "Gratuit" on peut déjà mettre pas mal de chose, moi comme j'ai beaucoup j'ai pris un abonnement à l'année pour mes blogs.
Une fois votre inscription faite
Ouvrir donc Archive Host
Vous êtes dans vos "fichiers"Ouvrir un nouveau répertoire que vous nommerez du nom de votre section par exemple "Horloges aiguilles"

Ouvrez-le

Ouvrir à nouveau un nouveau répertoire (à faire pour chaque création séparément) que vous nommerez "Horloge simple ou 1"

Ouvrez-le et "Ajouter des fichiers"Allez chercher dans votre PC l'endroit où vous avez créé votre Dossier V Anim - puis celui de votre horloge

Vous devez charger ce qui est entouré doncLes aiguilles - le fichier html - le fichier .phi - votre image en png - le fichier wv_.js - le fichier css

Envoyez
Le code qu'il vous faudra prendre
C'est le fichier html - Cliquer sur la petite flèche à droite du dossier

- Information et codes
Ouvrir et relever le code "principal"

Il vous faudra relever dans votre dossier pc, la taille de votre horloge donc pour ici ce sera 288x288 px

Avec le code ça donnera ça

Code:

<embed width="288" height="288" src="https://ahp.li/254e55c7c8d5225d1177.html"></embed>

C'est la façon de procéder pour toutes les créas en html5

Si soucis appelez-moiBisous

Horloge simple

Matériel à utiliser pour ce cours

Dans votre dossier "V Anim" que vous aurez créé dans votre pc, créer un dossier "horloge paquerette simple" (à faire pour chaque création séparément)

Enregistrez le matériel horloge que je vous donne plus haut, le nom de cette image doit être "paquerette_simple"
Le nom doit être sans majuscule, pas de trait d'union, pas accent et toujours .phi!!!  important!

Ouvrir votre V Anim
Cliquez sur l'icône "sapin"

Une fenêtre va s'ouvrir

Cliquer sur "ok"
Vous aurez cette fenêtre, dans la barre du nom du fichier, mettre comme moi paquerette_simple.phi (tel que) ça doit porter le même nom que votre création sans majuscule, sans ponctuation et sans accent!

Ça va vous ouvrir directement où se trouve votre création, cliquez sur celle-ci et "ouvrir"

Elle se charge dans votre V Anim avec des petits points, cliquez 1x dessus puis
Projet - Ajuster à la taille des pièces

Vous devez avoir ceci

On va insérer le gadget "temps" pour ajouter les aiguilles et le mécanisme

Cette fenêtre s'ouvre
Cliquez sur "Le Temps"

Cette fenêtre s'ouvre et cliquez sur l'icône que j'ai entouré ici

Ceci va s'installer

On va prendre ce qu'on souhaite pour notre horloge et supprimer le reste

La suite dans 2B

On continue

Cliquer sur "affichage" puis "Liste des pièces"

Dans la fenêtre qui s'ouvre Cliquez 2X sur

On aura tout le matériel de ce gadget

Dans cette nouvelle fenêtre on va supprimer le matériel qu'on ne souhaite pasJ'ai supprimé tous les points rosesCliquez droit sur chaque matériel - Delete clavier - répondre OUIFaire pour chaque pièce!

Voici ce que vous devez garder

Et vous avez ceci dans votre espace de travail

On va choisir des aiguilles assorties à la créationA droite de votre fenêtre de travail

Cliquez pour ouvrir

Vous aurez ceci comme propositions

J'ai choisi les aiguilles vertes (celles entourées de rose)

Bien centrer sur votre création

Nous allons contrôler ce que ça donne sur le webCliquez sur l'icône entourée pour jouer l'animation

Vous êtes satisfait?On va enregistrer sous

Vous verrez que votre .phi est déjà créé, cliquez 2x dessus pour enregistrer et répondre oui pour remplacer

Voici ce que vous devez avoir dans votre dossier "Horloge paquerette simple"

Il y a plein de fichiers qu'on peut supprimer dont on aura pas besoin et qui prennent de la place donc on va nettoyer

Supprimer ce que j'ai mis une croix

Vous devez impérativement garder le reste!

Le fichier "memo_scripts" - les aiguilles - fichier html - le fichier .phi - la créa en png - le ffichier JS - le css  ( Ici j'ai mon dossier du tuto que vous n'aurez pas lollll)

 **********

Voila à ce stade on va passer au chargement dans Archive Host
 

Pour charger dans Archive Host

voir les explications détaillées ici :

https://bienvenuechezisis.forumactif.com/t9248-1-charger-le-materiel-dans-archive-host#63682

Code à insérer dans votre espace html

Largeur x hauteur puis l'adresse de votre image

Code:

<embed width="500" height="550" src="https://ahp.li/1aa81ae13078c4717825.html"></embed>

Ici le code sera donc

width="288" height="288" src="https://ahp.li/254e55c7c8d5225d1177.html"

Avec embed au début et à la fin comme dans le code

Voici le résultat

Retour sur la page 2A

Bonne création et si question, n'hésitez pas à demander

A bientôt