Pages :: 1
Hello tout le monde, Nadj et moi voulons faire un petit effet très particulier sur le site, mais la on bloque ...
Pour faire simple, prenons un exemple:
Je souhaiterez, en utilisant uniquement HTML et CSS (javascript a éviter si possible), passer de ca:
à ça:
Autrement dit ajouter un effet d'enchantement animé sur les objets. (on a tester en effet fixe, c'est moche donc on évitera cette solution)
Les (nombreuses) difficultés maintenant:
- Les objets sont des sprites (donc en background CSS, découpé)
- L'effet ne doit être que sur l'item, et non sur son contour (pas sur la partie transparente donc)
- On doit garder la transparence autour de l'item
- Pas question de faire un gif animé par item, ni de faire un masque par item, l'effet doit être universelle pour tous les items
- Cela donc fonctionner sur tous les navigateurs récent (à partir de IE7), ou au moins ne pas trop dégrader le site pour les navigateurs anciens
Auriez-vous des idées sur comment mettre ça en place ? :S
Si vous avez des idées faisant appel a javascript je suis preneur aussi, tant que ce n'est pas trop lourd 
(Si besoin je peut vous fournir le masque de l'effet d'enchantement utilisé dans le jeu, un masque en niveau de gris.)
Merci d'avance, en espérant que vous aurez plus d'inspiration que nous !
Hors ligne
Fondateur et Administrateur de FR-Minecraft.net depuis 2010
Fondateur et Administrateur de Minecraft.Tools depuis 2014
Donc, c'est du graphisme + du codage ? c'est sa ? Parce que je connais un forum de graphisme qui ce connait bien aussi en codage ;)
Hors ligne
Bof c'est pas si important que ca, je voudrais pas ennuyer d'autre personne pour ca.
Je demande ici car je sais qu'il y a plein de personne talentueuse qui serait heureux de nous aider, et c'est justement l'occasion pour le faire ! 
Hors ligne
Fondateur et Administrateur de FR-Minecraft.net depuis 2010
Fondateur et Administrateur de Minecraft.Tools depuis 2014
Ah ben je peut pas t'aider :) ! désolé ;)
Hors ligne
Ptit UP avant de tomber dans l'oublie
Hors ligne
Fondateur et Administrateur de FR-Minecraft.net depuis 2010
Fondateur et Administrateur de Minecraft.Tools depuis 2014
Je vois pas la ...
Hors ligne
Hum, je connais un site qui peut toujours aider mais j'ai la flemme de lire là :3
Site que j'ai la flemme de lire
Dernière modification par Diablo17 (30/09/2012 11:30:16)
Hors ligne
T'es un marrant Diablo... sur le site ce n'est qu'un tuto pour apprendre les bases du HTML/CSS, et je suppose que Tronics connaît déjà tout ca.
Tronics, je regarde si je trouve une solution ce soir et je te dit ;)
Hors ligne
_███_
( ͡© ͜ʖ ͡°) Le compte juleserror appartient désormais à mon frère ᶘ ᵒᴥᵒᶅ
Je n'ai hélas pas la solution à ton problème, mais je suis quasiment sur d'une chose : tu devras passer par la case javascript.
Du javascript pour faire bouger le masque (quoique, il y a peut-être moyen en CSS3... mais j'ignore si ça permet une animation continu), mais surtout, du javascript pour appliquer l'effet du masque sur ton image...
Animer un masque en JS, idée interressante, c'est une idée a creuser je pense !
Merci déjà pour ce début de réponse !
Hors ligne
Fondateur et Administrateur de FR-Minecraft.net depuis 2010
Fondateur et Administrateur de Minecraft.Tools depuis 2014
Une question as-tu résolu ton problème ?
Si non peux-tu me fournir l'effet d'enchantement par mp.
Par contre en CSS 3 tu ne pourras pas, car si tu prends un autre objets tu devras refaire le code CSS en l'adaptant aux dimension ciblé de l'objet. Il te faut un code universelle qui capte les pixels, colorés de début et de fin sur chaque colonne, et qu'il lui applique l'effet enchantement.
Ce qu'il te faut c'est du javascript (désolé) mais ça sera beaucoup moins laborieux que du CSS3 (c'est possible) où tu prendras à chaque fois 4/5 lignes. Je peux essayer de voir en JS ce que ça donne,
Hors ligne
Mégaup parce que #YOLO : Un gif ? :)
Hors ligne
Wake me up, when September ends...
(Heureusement qu'on dit aux joueurs de pas Up les très vieux sujets.. >< )
Hors ligne
Besoin d'aide d'un projet sur le Créatif ou le Hardcore ? Je suis toujours disponible !
En plus il veut pas de gif et en plus x2 c'est vieux et tout poussièreuuux :'(
Hors ligne
Pages :: 1
