Bug CSS 3D + pixellisation image

Version imprimable

Bonjour!

J'ai commencé un projet permettant de visionner un morceau d'une carte minecraft mais j'ai plusieurs problèmes que je n'arrive pas à résoudre.
http://ecawebcraft.egaro555.fr/

1) Le sites est codé pour Chrome et Firefox mais seul chrome marche (pour ma part)
sur Firefox beaucoup de faces qui se trouvent derrière passent en 1er plan!
http://ecawebcraft.egaro555.fr/img/img002.png
z-index marche dans Firefox mais cela demande beaucoup de travail (et de calculs pour le navigateur)!
Y a t'il un moyen que Firefox puisse gérer automatiquement les plans?

2) Tous mes bock sont floutés au zoom.
Y a-t-il un moyen de zoomer en pixelisant?
(l'image est affichée en background dans le css)
A gauche image zoomée dans Chrome et à droite zoomée comme je le voudrais :D
http://ecawebcraft.egaro555.fr/img/img001.png

3) lors d'un zoom/de-zoom les faces coller ce sépare par un petite bande transparent!
C'est MOCHE!!!! :aie:
http://ecawebcraft.egaro555.fr/img/img003.png
Avez vous une idée du comment je pourrais faire?

07/05/2014, 08h36
Bisûnûrs

Tu devrais commencer par mettre un DOCTYPE complet et valide.
07/05/2014, 14h13
Egaro555

C'est l'un des seul truc que j'ai pas compris dans l'HTML!

J'ai essayer de mètre <!doctype html> mais plus rien ne marche après!
http://ecawebcraft.egaro555.fr/index2.php
07/05/2014, 14h25
Bisûnûrs

Plus d'infos :

http://j-willette.developpez.com/tut...ge=page_1#LI-C
http://css.developpez.com/faq/?page=...doctype_design

Toujours mettre un DOCTYPE pour s'assurer de toujours démarrer un projet du bon pied. Sans quoi, tu es à essayer de régler plein de différences entre navigateurs et tu ne t'en sors pas.
07/05/2014, 15h15
Egaro555

C'est bon j'ai mis un doctype
Mais rien n'a changer! Firefox bug toujours!
07/05/2014, 15h21
Bisûnûrs

Firefox ne bugge pas. C'est ta compréhension du HTML et du CSS qui est défaillante.
Je te laisse lire encore une fois la FAQ :
http://css.developpez.com/faq/?page=...ur_pourcentage
07/05/2014, 15h36
Egaro555

Je n'est pas de problème de hauteur!

Je je parle de la perspective 3d
http://ecawebcraft.egaro555.fr/img/img002.png
07/05/2014, 15h48
Bisûnûrs

Citation:

Envoyé par Egaro555

Je n'est pas de problème de hauteur!

On ne doit pas regarder les mêmes URLs alors !

Citation:

Envoyé par Egaro555

Je je parle de la perspective 3d

Les spécifications CSS3 ne sont pas encore finalisées (encore moins sur les notions de perspective 3D) et il donc normal que certaines interprétations de ces navigateurs soient différentes.
Quand on veut être avant-gardiste faut s'attendre à mettre les mains dans le cambouis. :mrgreen:
07/05/2014, 17h08
Egaro555

Je vais essayer de trouver un algorithme en JavaScript pour résoudre le problème de Firefox!
(calculer le z-index de chaque face en fonction de l'angle de la camera):?
Quelqu’un a une idée?

Et je cherche aussi à pixéliser une image!