Messagerie


Image Active / Offset sur HTML5 ?

ValLoche23
1452 messages
Fusion 2.5 Dev Fusion 2.5
Firefly Exporteur UWP Exporteur iOS Exporteur Android Exporteur HTML5 Fusion 2.5+
jeudi 13 juillet 2017 à 13:05
Bonjour, je viens vous voir car j'ai un petit soucis ! ^^

J'ai un problème pour instaurer une image active dans une compilation en HTML5, et, à instaurer un décalage horizontale par la même occasion alors que cela marche parfaitement dans une compilation classique en exécutable !

Pour vous expliquer, comme nous le savons, pour utiliser une image active, on ne peut pas importer l'image directement en interne dans l'application, on nous demande un fichier externe ! En tout cas, c'est ce que j'ai ! Autant dans une application exécutable, il suffit de faire un petit dossier data avec l'image dedant, et la commande $apppath, autant pour un fichier HTML5, c'est un peu plus compliqué ! Je n'ai trouvé aucun moyen d'inclure le fichier externe dans la compilation du projet ! Du coup, l'image active ne récupère pas l'image demandé !

Alors j'avais pensé à une solution qui à a moitié marché. J'ai fait chargé l'image active à partir d'un URL Internet, en hébergeant l'image sur Noelshack et en chargeant dans l'application par une ligne de code. Problème, je ne sais pas pourquoi, mais quand je fais ça, le décalage horizontale en offset ne se réalise pas, et l'image reste immobile, au lieu d'avoir le décalage de texture que je cherche, et qui pourtant marche très bien en .exe. Aussi, j'avoue être appréhendé par le fait d'utilisé une image par une URL, et pas en interne à l'application ! Alors je suis coincé !

Avez-vous une solution ? Je sais pas si j'ai été ultra clair ! Si vous avez pas tout compris pour comprendre mon problème, dites-le moi ! ^^"
Seyjin
1471 messages
Fusion 2.5 Dev
Exporteur Android Exporteur HTML5 Fusion 2.5+
jeudi 13 juillet 2017 à 14:26
J’ai pas compris l’histoire de décalage. Tu cherches à faire quoi ? Tu peux pas juste utiliser un objet actif ?
ValLoche23
1452 messages
Fusion 2.5 Dev Fusion 2.5
Firefly Exporteur UWP Exporteur iOS Exporteur Android Exporteur HTML5 Fusion 2.5+
jeudi 13 juillet 2017 à 15:11
En faite, le décalage horizontale qui est spécifique dans l'objet Image Active permet de faire décaler, ou créer un déplacement de la texture de l'objet sans bouger l'objet (qui donc reste immobile) et de créer une boucle qui donne l'illusion de mouvement alors que l'objet ne bouge pas !

Tiens, voici le lien vers le sujet du forum que j'ai créer pour parler de ça car je ne connaissais pas la technique de l'objet Image Active :

comptoir-mmf.eu/Forum/index.php?topic=2036.0
Seyjin
1471 messages
Fusion 2.5 Dev
Exporteur Android Exporteur HTML5 Fusion 2.5+
jeudi 13 juillet 2017 à 16:43
Ho, donc ça ne marche pas. Là je ne vois pas trop comment tu pourrais faire autrement.
ValLoche23
1452 messages
Fusion 2.5 Dev Fusion 2.5
Firefly Exporteur UWP Exporteur iOS Exporteur Android Exporteur HTML5 Fusion 2.5+
jeudi 13 juillet 2017 à 17:25
En faite, pour l'instant, j'essaie de réglé un problème après l'autre ! ^^

Déjà, est-ce qu'il y a moyen d'inclure des fichiers externes à l’intérieur d'un projet HTML5 ?

Lorsqu'on compile un projet, tout les sprites / sons sont enregistrer dans un dossier généré par la compilation nommé "resources". Est-ce qu'il y a moyen d'inclure nos fichiers externes dedans, et t'y faire appel avec une ligne de commande, un peu comme le fameux "appath$" ?

Ensuite, pour le problème du défilement, je chercherai une solution après, car je me dis que c'était peut-être car je charge l'image à partir d'un URL Internet que le défilement ne marche pas !
Seyjin
1471 messages
Fusion 2.5 Dev
Exporteur Android Exporteur HTML5 Fusion 2.5+
jeudi 13 juillet 2017 à 19:54
Je viens de faire des tests. Si tu veux ajouter une image externe, il faut que tu la copie toi même dans le dossier resources/ (ou ce que tu veux) et pour ton Image active tu mes « ./resources/image ».

C’est pas très différent de ce que tu as fait, c’est juste que l’adresse est relative. Et le décalage ne fonctionne quand même pas.
ValLoche23
1452 messages
Fusion 2.5 Dev Fusion 2.5
Firefly Exporteur UWP Exporteur iOS Exporteur Android Exporteur HTML5 Fusion 2.5+
jeudi 13 juillet 2017 à 20:13
Mais comment ai-je pu n'y pas y penser, je suis vraiment bête des fois ! Comme on dit :  :bug

Bon, pour le problème du décalage, c'est embêtant, c'est un facteur clé pour mon projet, je vais essayer de voir comment réglé ce problème ! :/
890 messages

jeudi 13 juillet 2017 à 20:47
J'ai essayé ce que tu veux faire et je n'obtiens qu'une image fixe... Est-ce que François avait codé cet objet et cette fonction pour html5 ?
Sinon au delà de la fonction de l'offset, tu veux faire quoi avec ?
ValLoche23
1452 messages
Fusion 2.5 Dev Fusion 2.5
Firefly Exporteur UWP Exporteur iOS Exporteur Android Exporteur HTML5 Fusion 2.5+
samedi 15 juillet 2017 à 18:12
Arthurh, ayant beaucoup de mal à expliquer correctement le résultat que je souhaite avoir sans être flou, j'ai monté une très courte vidéo auquel tu vas tout-de-suite comprendre à quel fin j'utilise la fonction décalage offset :

https://www.youtube.com/watch?v=QgoXyTNDlQI&feature=youtu.be

En gros, c'est une "loop" des déplacements des textures des objets des différents plans (sol et arrière plan) pour donner une illusion de mouvement, alors qu'en réalité, ces objets ne bougent pas d'un pixel !
Seyjin
1471 messages
Fusion 2.5 Dev
Exporteur Android Exporteur HTML5 Fusion 2.5+
samedi 15 juillet 2017 à 18:57
Je pensais que tu voulait faire un truc plus complexe. Tu peux utiliser un calque pour faire ça en cochant "faire le tour horizontalement".
ValLoche23
1452 messages
Fusion 2.5 Dev Fusion 2.5
Firefly Exporteur UWP Exporteur iOS Exporteur Android Exporteur HTML5 Fusion 2.5+
samedi 15 juillet 2017 à 20:19
Je viens de tester, c'est étrange, j'ai beau coché "faire le tour horizontalement" du bon calque, cela ne fait aucun effet !

Et pourtant, l'objet dans le calque est bien visible et actif, et j'ai mis que l'objet concerné dedant pour être sûr !

Le sol reste immobile ! Et j'ai même tenter d'y ajouter un mouvement pour faire déplacer l'objet afin d'espérer voir le même résultat ! Malheureusement non !

:/
Seyjin
1471 messages
Fusion 2.5 Dev
Exporteur Android Exporteur HTML5 Fusion 2.5+
samedi 15 juillet 2017 à 21:26
Il ne faut pas déplacer l’objet mais le calque. Et ça ne marche que pour le décore je crois.
Modifié le samedi 15 juillet 2017 à 21:49 par Seyjin
Pièces jointes
ValLoche23
1452 messages
Fusion 2.5 Dev Fusion 2.5
Firefly Exporteur UWP Exporteur iOS Exporteur Android Exporteur HTML5 Fusion 2.5+
dimanche 16 juillet 2017 à 00:13
En effet, si cela ne marchait pas pour moi, c'est car cela ne fonctionnait que pour les objets "décor" !

Comme on dit, si un obstacle trop imposant bouche le chemin principale, rien ne nous empêche de chercher une deuxième route !

C'est une bonne solution, mais elle me cause des bugs... étranges dans mon programme !

Par exemple, lors d'un malus, mon personnage se stop! Pour un meilleur réalisme, je désactive le groupe d’événement qui fait bouger le calque pour stop le "mouvement", puis je le réactive après la fin du malus pour relancer le mouvement !

Or, si tout marchait bien lorsque j'utilisais la technique du décalage Offset, là, ça me stop touut ! Mon personnage, et tout les objets sur la scène ! Tout le monde est immobilisé mais leur animation continue ! C'est étrange, et je ne trouve pas d'explication à cela étant donné que le code donné ne concerne que le calque, et non pas les autres objets comme les ennemis, le personnages, les bonus / malus etc...
890 messages

dimanche 16 juillet 2017 à 16:15
C'est du parallax que tu veux faire ;) ou un scrolling d'arrière plan.
Seyjin t'a donné la meilleure réponse et la plus stable en terme d'organisation.
Plus marginalement, tu peux aussi le gérer tout seul avec des actifs avec simplement un x-1, x-2 etc... Ou si tu veux une inertie avec un mouvement balle et une décélération qui correspond au temps où ton personnage va s'arrêter (cas d'un personnage qui glisse un peu pour s'arrêter). Quand ton bloc de décors est sorti de l'écran tu le renvoies à la position qu'il doit avoir dans l'écran suivant.
Mais quoi que tu choisisses, grouper les objets par plan est quasiment une obligation sinon tu galères avec des ordres d'affichages. Donc du coups... ;)

L'offset sur une texture, ce n'est pas çà : c'est le pixel qui bouge à l'intérieur de ta texture. Cela s'utilise pour des vaguelettes pour l'eau (le long du rivage), de l'eau qui cycle sur une cascade...
Utilisateurs en ligne
  • Aucun utilisateur en ligne
  • 5 visiteurs au total

Derniers messages