Gamoover

Forums " WORKSHOP" => Jamma, cablages, contrôleurs, interfaces & hacks => HORLODEL => Discussion démarrée par: yoyokopter le Dimanche 25 Février 2018, 19:11:10 PM

Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: yoyokopter le Dimanche 25 Février 2018, 19:11:10 PM
Salut à tous , voici un petit tuto sans prétention pour vous aider a faire des scrolling ou des textes défilant sur l'Horlodel
Pour faire l'image j'utilise le logiciel Photofiltre,  gratuit et bien suffisant pour faire ce genre d'image

http://www.photofiltre-studio.com/news.htm

Bon commençons ,

Ouvrir  Photofiltre , puis Fichier / Nouveau

(https://gamoovernet.pixhotel.fr/pics_gamoovernet890px/20180226143016-yoyokopter-Nouveau.jpg) (https://gamoovernet.pixhotel.fr/pics/20180226143016-yoyokopter-Nouveau.jpg)

Changer la résolution en 72 dpi
Pour un scrolling horizontal : Largeur MAX : 1280 pixels et Hauteur: 32 pixels
Pour un scrolling vertical  Largeur : 128 pixels et hauteur MAX : 320 pixels
Pour le Fond , vous pouvez choisir la couleur de votre choix , pour un texte défilant je prends Noir

Exemple pour un Scrolling horizontal 1280x32

(https://gamoovernet.pixhotel.fr/pics_gamoovernet890px/20180225184945-yoyokopter-image-1.jpg) (https://gamoovernet.pixhotel.fr/pics/20180225184945-yoyokopter-image-1.jpg)

Ensuite cliquer sur l'icône "Texte "

(https://gamoovernet.pixhotel.fr/pics_gamoovernet890px/20180225185250-yoyokopter-image-2.jpg) (https://gamoovernet.pixhotel.fr/pics/20180225185250-yoyokopter-image-2.jpg)

La fenêtre suivante apparait vous pourrez y écrire votre texte ,y choisir votre police etc etc  :)

(https://gamoovernet.pixhotel.fr/pics_gamoovernet890px/20180225190302-yoyokopter-image-3.jpg) (https://gamoovernet.pixhotel.fr/pics/20180225190302-yoyokopter-image-3.jpg)

En cliquant sur l'onglet "Effet" (voir photo ci-dessus), vous pourrez réaliser des ombres , des biseautages et aussi remplir votre texte avec un motif  ^-

(https://gamoovernet.pixhotel.fr/pics_gamoovernet890px/20180225190643-yoyokopter-image-4.jpg) (https://gamoovernet.pixhotel.fr/pics/20180225190643-yoyokopter-image-4.jpg)

Voila ce que cela donne pour le tuto

(https://gamoovernet.pixhotel.fr/pics_gamoovernet890px/20180225190829-yoyokopter-image5.jpg) (https://gamoovernet.pixhotel.fr/pics/20180225190829-yoyokopter-image5.jpg)

Si votre texte ne rempli pas entièrement la largeur de votre image , vous pouvez retoucher à la largeur en cliquant sur :  Image / Taille de l'image (penser à décocher la case "Conserver les proportions" )

IMPORTANT : Enregistrer votre image en .png ou .bmp pas de format Jpeg

Ensuite utiliser le Convertisseur intégré à HorlodelSC pour transformer votre image en .bin

Ensuite Ouvrir HorlodelSC et choisir Scrolling horizontal ou Vertical , dans l'exemple si dessous c'est un Horizontal
Bien penser a régler la largeur (ou hauteur pour un Scrol Vertical) à la taille réelle de l'image , que vous trouverez dans Photofiltre / image / taille image

(https://gamoovernet.pixhotel.fr/pics_gamoovernet890px/20180225202445-yoyokopter-image6.jpg) (https://gamoovernet.pixhotel.fr/pics/20180225202445-yoyokopter-image6.jpg)


Voila, maintenant amusez vous avec vos scrolling et texte défilant  =:)) =:)) =:))







Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: yoda83, le Dimanche 25 Février 2018, 19:33:07 PM
Ca fonctionne au poil  ^-
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: Aganyte le Dimanche 25 Février 2018, 19:36:24 PM
Bien joué, je pense que l'ajout de 128 pixels noir à droite et à gauche donnerait un effet encore plus sympa  ;)

edit: ou 32 pixels en haut et en bas pour un scrolling vertical.
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: yoyokopter le Dimanche 25 Février 2018, 19:39:22 PM
Je teste ton conseil  :)

EDIT : oui plus sympa en rajoutant 128p devant et derrière pour un scrol horizontal , je vais aussi tester sur un scrol vertical
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: dynis77 le Dimanche 25 Février 2018, 22:09:25 PM
Merci beaucoupmais comment avoir la version 1.3 que tu montre dans tes screenshots?
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: yoyokopter le Dimanche 25 Février 2018, 22:59:27 PM
Pour les scrolling d'image ou texte défilant cela fonctionne exactement pareil dans le V1.2 , pour la V1.3 il faut voir les maitres de l'horlodel Iro et Aganyte pour l'instant c'est une Béta  :)
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: Iro le Lundi 26 Février 2018, 07:22:42 AM
Citation de: aganyte le Dimanche 25 Février 2018, 19:36:24 PM
Bien joué, je pense que l'ajout de 128 pixels noir à droite et à gauche donnerait un effet encore plus sympa  ;)

edit: ou 32 pixels en haut et en bas pour un scrolling vertical.
Yep comme çà le srolling ne s'arrête pas sur le texte et continue de scroller sur le noir jusqu'a sortir le texte de l'affichage !


Super le tuto !!  ^-^
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: dynis77 le Lundi 26 Février 2018, 10:01:36 AM
Citation de: yoyokopter le Dimanche 25 Février 2018, 22:59:27 PM
Pour les scrolling d'image ou texte défilant cela fonctionne exactement pareil dans le V1.2 , pour la V1.3 il faut voir les maitres de l'horlodel Iro et Aganyte pour l'instant c'est une Béta  :)
Seule la v1 est disponible en téléchargement ...
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: landsat le Lundi 26 Février 2018, 10:05:41 AM
Citation de: dynis77 le Lundi 26 Février 2018, 10:01:36 AM
Seule la v1 est disponible en téléchargement ...

Oui vite la V1.3 à dispo :)
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: Iro le Lundi 26 Février 2018, 10:06:27 AM
Les scrollings sont dispos en V1
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: yoyokopter le Lundi 26 Février 2018, 10:58:02 AM
Voici une petite création du matin , ce n'est pas du texte défilant mais du scrolling d'image

Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: landsat le Lundi 26 Février 2018, 12:41:58 PM
J'ai du mal avec le scroll... J'ai fait une image en 1280x32 en PNG ensuite je fais un BIN avec img2LCD mais une fois sur la SD le scroll n'est que sur 1 pixel et non sur les 32... comme si mon bin faisait 1280x1

Voici mon bin, le PNG et le txt :)


>Horizontal FileName=sw.bin width=1280 Speed=18 Left=1
#

(https://gamoovernet.pixhotel.fr/pics_gamoovernet890px/20180226124118-landsat-star-wars.png) (https://gamoovernet.pixhotel.fr/pics/20180226124118-landsat-star-wars.png)


Si vous avez une idée.....
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: Iro le Lundi 26 Février 2018, 12:45:00 PM
Tu as bien mis 1280 dans img2lcd ?

Tiens je cherchais du SW hier mais rient trouvé de convaincant en 32 de haut.
Tu pourrais me filer le lien de ceux de ton scroll ?
Merci :)
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: landsat le Lundi 26 Février 2018, 12:54:37 PM
Ben oui :(

(https://gamoovernet.pixhotel.fr/pics_gamoovernet890px/20180226125405-landsat-tmp.png) (https://gamoovernet.pixhotel.fr/pics/20180226125405-landsat-tmp.png)

J'ai essayé en ligne de commande aussi :
C:\tmp\horlodel\HORLODEL SC V1\Tools>img_cvt.exe -i "star wars.png" -f sw.bin 4
Image conversion utility for FT8XX V0.9.1
invalid literal for int() with base 10: 'sw.bin'

Pour Star wars :

https://www.pixilart.com/art/pixel-art-star-wars-death-star-finished-5ce47518b53eacb
https://lustriouscharming.deviantart.com/art/Star-Wars-Empire-Strikes-Back-Characters-8-bit-609260113



Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: yoyokopter le Lundi 26 Février 2018, 13:48:40 PM
Pourquoi ne pas faire simplement la conversion avec le convertisseur intégré dans  HorlodelSC , je n'utilise que lui et aucun soucis  :)
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: landsat le Lundi 26 Février 2018, 14:02:44 PM
Car il plante :(

************** Texte de l'exception **************
System.ArgumentException: L'argument 'Length' doit être supérieur ou égal à zéro.
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: yoyokopter le Lundi 26 Février 2018, 14:04:21 PM
Citation de: landsat le Lundi 26 Février 2018, 12:41:58 PM
J'ai du mal avec le scroll... J'ai fait une image en 1280x32 en PNG ensuite je fais un BIN avec img2LCD mais une fois sur la SD le scroll n'est que sur 1 pixel et non sur les 32... comme si mon bin faisait 1280x1

Voici mon bin, le PNG et le txt :)


>Horizontal FileName=sw.bin width=1280 Speed=18 Left=1
#

(https://gamoovernet.pixhotel.fr/pics_gamoovernet890px/20180226124118-landsat-star-wars.png) (https://gamoovernet.pixhotel.fr/pics/20180226124118-landsat-star-wars.png)


Si vous avez une idée.....

Speed entre 0 et 9 ;)
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: landsat le Lundi 26 Février 2018, 14:12:15 PM
Je pense vraiment que je bloque à la création du BIN :( Car j'ai bien le scroll mais juste sur une ligne de LED
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: yoyokopter le Lundi 26 Février 2018, 14:26:24 PM
Je viens de telecharger ton scroll , il est en 200dpi , c'est enorme passe le en 72dpi c'est bien suffisant , je viens de le faire , et aucun soucis pour le convertir avec le convertisseur integré à Horlodel  ^-

(https://gamoovernet.pixhotel.fr/pics_gamoovernet890px/20180226142612-yoyokopter-starwar.png) (https://gamoovernet.pixhotel.fr/pics/20180226142612-yoyokopter-starwar.png)

Edit : je viens de corriger la première image du Tuto qui devait induire en erreur  :-\
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: landsat le Lundi 26 Février 2018, 14:38:32 PM
La loose :( je viens de le passer en 72 dpi et sous le convertisseur ça ne fonctionne pas non plus :(  Je dois louper un truc...  Je suis en V1
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: yoyokopter le Lundi 26 Février 2018, 17:00:34 PM
Essaye de nommer ton fichier image avec plus de caractère genre " starwar" c'est le nom que j'ai utilisé
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: Iro le Lundi 26 Février 2018, 18:18:05 PM
J'ai pas eu de soucis avec le nom du fichier au dessus.
Il est pas en lecture seule ?
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: landsat le Lundi 26 Février 2018, 19:08:35 PM
J'y comprends rien vraiment.....

mon fichier je l'ai renommer en logo.png, il est bien en 1280x32 72dpi.

Avec le convertisseur HORLODEL ça plante, avec Img2LCD j'ai un bin mais juste une ligne de pixels

Voila le fichier que j'ai => http://dl.free.fr/jjCrK5oBx
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: yoyokopter le Lundi 26 Février 2018, 19:44:54 PM
Je viens de tester ton .bin , ben j'ai des lignes de pixels colorés qui défilent mais que sur les lignes hautes de l'horloge ......c'est clair qu'il ne marche pas
Voici le .bin que j'ai fait avec ton image , teste le pour voir : http://dl.free.fr/gdYihfe9c , je viens de le tester sur mon horloge , il fonctionne parfaitement  ^-
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: landsat le Lundi 26 Février 2018, 21:07:38 PM
Fonctionne impec je confirme. J'ai vraiment un soucis pour la conversion en BIN.... pourtant j'ai converti sans soucis des gif avec HORLODEL...
La V1 fonctionne vraiment pour convertir un png 1280x32 en BIN ? je ne vois que ça.

Merci en tout cas :)
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: yoyokopter le Mercredi 28 Février 2018, 20:11:47 PM
(https://gamoovernet.pixhotel.fr/pics_gamoovernet890px/20180228201125-yoyokopter-SWmtfbwy.png) (https://gamoovernet.pixhotel.fr/pics/20180228201125-yoyokopter-SWmtfbwy.png)
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: eLLuiGi le Vendredi 06 Avril 2018, 09:22:06 AM
Dommage que le soft ne gère pas la conversion en .gif (au lieu de bin)  ::)

Super taf sinon  ^-
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: Iro le Vendredi 06 Avril 2018, 09:41:20 AM
Parce que ce n'est pas géré en tant que GIF animé. C'est l'horloge qui fait scroller une image fixe.
Donc le partage se fait sur le PNG pour tous le monde et avec le bin pour l'HORLODEL
:)
Titre: TUTO pour Scrolling Vertical ou horizontal ou texte défilant
Posté par: eLLuiGi le Samedi 07 Avril 2018, 09:21:15 AM
Oui pas de soucis je comprend bien  ^-

C'est juste la galère pour faire un scrolling fluide en gif animée avec un png, il y a des sites sur internet qui le font mais c'est trop saccadé (trop de decalage de pixel entre chaque frame). Merci pour les partages  :)