Effet image qui se modifie avec le scroll
Author: C. GuillaumeBonsoir à tous,
En attendant que les problème de e-commerce et de paiement soit réglés, je me pose des petites questions:
En navigant sur internet je suis tombé sur ce site et j'ai trouvé l'effet du matelas qui se sépare en plusieurs partie en même temps que le scroll ( que je me sert de la roulette de la souris ) bluffant !
Je vois bien que c'est un site réalisé par des professionnels mais quelqu'un a t'il déjà tenté de reproduire ce type d'effet sur son site internet ?
Existe t'il un code que l'on peut modifier ?
Quelqu'un a t'il une astuce ou un lien ?
J'ai veinement tenté de me servir de web animator plus ( de chez incomédia) mais je ne sais pas comment caler l'effet d'animation sur les mouvement de la roulette de la souris et la communautée française , tout comme le support en français sont inexistant
Voilà le site en question. ( l'effet recherché est celui qui anime le matelas qui se trouve en seconde position )
Merci à vous et bonne nuit.
Bonjour Guillaume.
Essaye d'attribuer un effet de parallaxe fixe à la ligne sur laquelle tu as placé ton animation. On ne sait jamais ...
JSP.
Salut les artistes,
J'ai vu ce genre d'animation 3D de type "Mattress Animation" utilisée par de nombreuses sociétés de vente de matelas.
Petites vidéos ici :
https://www.youtube.com/watch?v=jg3WKj9zwM0
https://www.youtube.com/watch?v=zxySMNXBwUE
Mais je n'ai aucune idée du logiciel avec lequel elles sont créées, ni comment on peut l'intégrer sous forme d'image animée sur un site.
@+,
J.P.
Author
Bonjour,
Le parallaxe fixe est une possibilité mais il n'y auras pas l'effet d'éclatement visible sur la page plus haut.
Créer une animation telle que celle que j'ai présenté n'est pas un problème pour moi avec web animator, le véritable soucis, c'est de caler celle-ci sur le mouvement de roulette de la souris... je n'y arrive tout simplement pas
si quelqu'un pourrait me confirmer que c'est possible ce serait déjà bien
Les animations que tu présente sont déjà d'un niveau supérieur, et ce n'est pas vraiment ce que je cherche. Je voudrais juste pouvoir syncroniser l'animation avec le scroll.
Je cherche de mon côté et si j'ai du nouveau je reviendrai
Merci à vous deux
Le parallaxe fixe est une possibilité mais il n'y auras pas l'effet d'éclatement visible sur la page plus haut.
As-tu essayé ?
Author
Bonjour,
oui j'ai tenté cette méthode.
Mais on peut juste mettre une image en parrallaxe. je peut mettre une photo de l'objet déjà éclaté, on ne le verra pas s'éclacter en direct lors du scroll.
Author
Je viens de trouver un site qui traite un petit peu le sujet...
Mais c'est quand mêm technique. Moi je m'arrête à jquery ... On est pro ou on l'est pas
http://johnpolacek.github.io/scrollorama/
Je pense qu'il doit y avoir un moyen de "bidouiller" quelque chose avec web animator ou website x5 mais je ne serait même pas par ou commencer car je n'ai pas tous les termes techniques...
Je suis comme un enfant en école sup
Guillaume,
C'était quasi certain que cela sentait le JS/CSS ...
Bon après il faut prendre la clé de 12 ... pour ceux qui veulent faire du tuning.
Mais en tout acs il y a queqlues trucs supers..:-)
Il faudrait qu'un expert (présent dans ce forum certainement) puisse faire des petits fichier .ZIP qui embarquerait chaque effet séparément pour un usage plus simple pour des moins initiés que nosu sommes....
ou plus envie de décortiquer le code aussi.
Quand à Web animator, j'ai cru comprendre que le suport = 0... Bien riche mais pas simple
Y'a pas de exemples avec webanimator ?
Cordialement
Author
Re,
Pour web animator, j'ai passé deux jours à traduire ( approximativement ) le manuel. Car il n'existe pas en Français...
Pour le support, c'est vrai que c'est zéro. J'ai posté une demande cette après midi sur le forum de web animator mais en anglais... Version google traduction alors ça va pas être simple et je trouve le forum mal construit par rapport à celui-ci. Pas clair ( voir illisible )
En bref, j'ai posé ma question vers 15h00 et elle n'a toujours pas été validé par les administrateurs...(honteux)
J'ai payé 90 euros pour ce logiciel.... ( et la commande c'est elle aussi déroulée dans le bon ordre : panier - commande - paiement - confirmation ) ne le prenez pas mal c'était un petit clin d'oeil
Ici c'est un peu pareil, sans JP et deux ou trois personnes dont vous faites partie ( avec danielle et Franck ) le forum ne serait pas ce qu'il est pour les francophones.
Je salut tout de même les efforts des deux personnes de chez incomédia qui doivent faire le boulot de 10... ( j'espère que le salaire suis derrière car c'est eux qui s'en prennent plein la face à cause des defauts du logiciel )
J'ai fais quelques animations sympa avec web animator mais c'est moins fluide qu'avec edge animate. Par contre c'est beaucoup plus accessible.
Qu'entendez vous par exemples avec web animator ?
Camarades, La lutte continue !
Author
Bonsoir...
Il est tard mais je me répond à moi même.
J'ai vu sur le forum en version italienne qu'il était tout simplement impossible de déclencher une animation seulement lorsqu'elle est visible... Une abération me direz vous.
http://forum.webanimator.com/viewtopic.php?f=11&t=4549&p=5570&hilit=scroll#p5570
et en version traduite:
https://translate.google.fr/translate?sl=it&tl=fr&js=y&prev=_t&hl=fr&ie=UTF-8&u=http%3A%2F%2Fforum.webanimator.com%2Fviewtopic.php%3Ff%3D11%26t%3D4549%26p%3D5570%26hilit%3Dscroll%23p5570&edit-text=&act=url
En faite les animations se déclenchent au chargement de la page j'avais cru le remarquer sur les miennes.
Bonne nuit à vous
Bonjour,
Un site avec des exemples
https://codepen.io/
https://codepen.io/waldo/project/editor/ZJdgKL
Encore du code....
Cordialement.
Bonjour Guillaume,
Je parlais d'exemples inclus dans l'achat du produit pour permettre de démarrer.
Et des exemples complets, pas à moitié fini comme c'est le cas dans certains template ou objets vendus sur WSX5.
J'avais regardé Webanimator... mais je n'ai aps suivi...
Flash était plus facile pour faire des animations... avec le bon outil...
Cordialement
Bonjour Guillaume.
Il semble que tu maîtrises WebAnimator.
Petite question : Sur un bouton je désire rediriger le visiteur vers une page du site.
Pour cela j'ai attribué au bouton : Events\On mouse click\OpenURL\http://www.monsite.fr
Cela fonctionne mais le lien s'ouvre dans une nouvelle fenêtre.
Est-il possible de l'ouvrir dans la même fenêtre ?
CLDT JSP.
Bonjour Guillaume,
Une question sur Webanimator.
Est il possible de créer un obejt avec un texte simple... Par exemple un bouton avec un message...
Mais la ruse serait que le message soit externe provenant dun fichier .TXT ou .INI par exemple. Et ainsii avoir un objet personnalisable et donc plus utile que de fabriquer un bouton pour chaque usage...
Cordialement
Bonjour Guillaume.
Tu as reçu la réponse à ta question sur le forum WebAnimator. Et on te renvoie ... ici !!!
Hello,
these effects are inserted into pages with css or script functions. You can not do this with Web Animator.
If you are building a site, try writing on the help center https://helpcenter.websitex5.com/ , asking for more details about this.
Thank You.
JSP.
Author
Bonjour à tous,
Jean serge,
Maitriser le logiciel est un bien grand mots. Je me dépatouille
En ce qui concerne l'ouverture de fenêtre, je ne peux pas t"aider... Je pense que c'est possible avec execute custom function mais je n'en ai jamais eu l'utilité. ( je ne sais même pas quel language utiliser pour envoyer les commandes )
il faudrait que je lise le manuel
La seulement manière que je connaisse donne les mêmes résultats que vous.
Axel, comme dit plus haut, la c'est trop technique pour moi. Je pense que dès l'instant ou on commence à coder , tout est possible mais c'est hors de mes compétences
Quans à la réponse du forum webanimator, ça en dit long sur le support. ( et la-bas, la communautée Française est totalement inexistante )
Vraiment dommage, sachant qu'on nous "impose" ce logiciel.
J'aurais du lui préciser que j'ai commencé par poser la question ici.
Salut les Zamis,
A toutes fins utiles, vous avez vu les petites vidéos "tutos" ? On en trouve aussi sur Youtube. Succinctes mais ça peut donner une orientation :
http://www.webanimator.com/en/support.html
Guillaume, je ne comprends pas quand tu dis "qu"on nous impose" ce logiciel. Personne n'oblige à l'acheter... Il existe beaucoup d'autres solutions pour faire des animations HTML 5 ou GIF sur le Web, et elles sont intégrables sur une page WX5.
Web Animator n'est pas un produit Incomedia, mais en partenariat avec Incomedia.
C'est la société http://soft-evolution.com/ qui produit le logiciel et c'est Incomedia qui le diffuse.
PS : je n'ai aucune action dans ce produit !!
Bonne continution à vous,
J.P.
Petite suite...
Pour voir quelques animations c'est ici : http://www.webanimator.com/en/template-collection.html
Cliquer sur SEE TEMPLATE SLIDESHOW
(entre nous, un peu cher pour ce que c'est...)
@+, J.P.
Petite suite 2 : pour Guillaume...
Ici une animation qui semble répondre à la roulette de la souris, des fois que ?
https://ekelleyv.github.io/Flocking/
Tirée de ce site : https://freshdesignweb.com/examples-html5-animation/
@+, J.P.
Author
Bonsoir.
Merci pour tous ces liens.
Quand je disais "on nous impose " je disais qu'une personne qui n'y connais rien ( comme moi il y a deux ans ) n'avais pas vraiment le choix. Les demandes d'aide pour intégration avaient souvent les mêmes réponses. Nous ne faisons pas de soutien pour les codes html..... bla bla bla.
Maintenant ça a peut être changé mais à l'époque , les fichiers étaient nombreux et à moins d'avoir une expérience relative, il était impossible d'y arrivé.