Mon anaglyphe marche ?

[K-LiBR3]

Salut à tous,

C'est pour demander à ceux qui ont des lunnettes anaglyphes si sa marche mon anaglyphe en html/css ^^

merci d'avance,
K-LiBR3.

[pmllc]

Tout d'abord bienvenue

... et il où ton anaglyphe ?

[Germain]

un anaglyphe ne marche pas, peut-être l'âne à Glyphe, mais c'est à reculons !

[nickdan]

Bonjour,

Tout d'abord, je t'invite à te présenter ici : voir lien

Ensuite, oui, ça manque d'info ton message : pas de lien, pas d'image (je rappelle que tu es limité à 800px de large ici, sauf dans les galeries panoramiques où l'on peut monter à 1600px).

Sinon, en effet, dans l'absolu, il marchera jamais ton anaglyphe, sauf le mettre sur un robot

au plaisir de voir tes réalisations...

[luc6x6]

Gné ???????

[luc6x6]

un anaglyphe ne marche pas, peut-être l'âne à Glyphe, mais c'est à reculons !

J'ai mis du temps à comprendre !!!!!!

[K-LiBR3]

Oups dsl j'ai du faire une mauvaise manip, le lien n'a pas du ce coller.

Donc en fait j'ai réaliser un site ou j'explique assez bien les principes de la 3D, les procédés etc si vous voulez aller voir : http://3.dimensions.free.fr/

Et voici le lien de l'image que j'aimerai que vous testié : http://3.dimensions.free.fr/testAnaglyp ... eHtml.html (pour ceux qui ont les lunette anaglyphe)
Si sa marche je pourrai peut être créer un programme javascript qui transforme tout un site en anaglyphe. Avec des profondeurs en fonction de l'importance des balise html, vous en pensez quoi ?

merci pour vos réponses ^^

[PanoramikZ]

Pour ma part, je ne vois pas grand chose comme relief dans cet essai... Tu pourrais nous placer un exemple un peu plus grand et plus percutant ?

[K-LiBR3]

Normalement on voit un zoom du texte écrit en anaglyphe !
le cyan à droite et le rouge à gauche. Sa parait anodin mais justement je l'ai fait en html css ^^
Il faut mettre les lunettes anaglyphe cyan et rouge !

Je vais essayer de l'agrandir et d'en faire un 2eme avec fond noir

[K-LiBR3]

C'est bon c'est fait : http://3.dimensions.free.fr/testAnaglyp ... eHtml.html

Dites moi si vous pensez qu'il y a besoin de moins de transparence dans les 2 couleurs (cyan et rouge)

[K-LiBR3]

Et pour information, il faut firefox car justement firefox gère la transparence (en fait c'est les nouvelles fonction du css3)

[chris]

Le problème de ton visuel est qu'il n'y a pas de repère dans l'espace. Le texte est sur fond noir ou blanc...
Si tu veux du relief, il faut que le cerveau relativise différents niveaux de profondeurs :
- 1 avant plan (ton texte, par exemple)
- 1 plan central (des étoiles, par exemple)
- 1 fond (un paysage, tjrs par exemple)

Le relief est une illusion d'optique, qui induit le cerveau en erreur, mais pour cela, il lui faut des repères.

[PanoramikZ]

Exact Chris ! A titre d'exemple, voici un extrait du pano sur lequel je travaille en ce moment. Evidemment, c'est pas du CCS3.

[nickdan]

Avec mes lunettes, je vois le texte du haut plus loin que le texte du bas.
Mais comme dit chris, pas facile sans repères... pourrais-tu essayer avec un exemple plus "concret" ?
Si ça marche, la technique m'interesse...

[luc6x6]

Jolie la gare !!

[François]

D'accord avec Chris : ton anaglyphe fonctionne, en se concentrant on voit trois plans, mais dans un test comme ça c'est inutile donc pénible à voir... Il y a quelques sites complets en anaglyphe, personnellement j'ai toujours trouvé ça très pénible à regarder (lire).

[Germain]

Si ça marche...

ah ah comme l'âne à Glyphe alors?

[PanoramikZ]

C'est bon c'est fait : http://3.dimensions.free.fr/testAnaglyp ... eHtml.html

Ah voilà... tu as placé un nouvel essai plus grand ... c'est déjà mieux !
Mais que veux-tu faire exactement avec ce CSS ? Réaliser un site avec des textes en relief ?

[K-LiBR3]

Je voulais simplement faire un test, sa me paraissais sympas. Et si je pouvais faire un site qui se met en "mode" anaglyphe automatiquement par javascript se serai la classe.
Merci pour ta réponse chris sa m'a beaucoup aider, je retient la leçon, il faut des repères ^^ (j'essayerai peut être de mettre une image éloigné derrière le texte si j'ai le temps).

[ronan]

Ce qui pourrait être sympa, c'est que chaque lettre ait des propriétés CSS différentes (taille et décalage rouge/cyan), et animer le tout en JavaScript (genre une sinusoïde en profondeur et en relief par exemple...).