Tilt:extension Firefox visualiser les pages en 3D

Dans ce forum iphone venez discuter de tout et de rien, vous avez un coup de gueule a faire passer c'est ici

Tilt:extension Firefox visualiser les pages en 3D

Message non lupar Admin » Mer 20 Juil 2011 21:02

Salut,







Tilt:extension Firefox visualiser les pages en 3D







Tilt est une extension Firefox qui vous permet de visualiser n'importe quelle page web arbre DOM en 3D. Il est développé par Victor Porof (développeur 3D responsables avec l'extension Firefox lui-même), avec Cédric Vivier (création d'un WebGL équivalente optimisé pour l'canvas.drawWindow privilégiés,) et Rob Campbell (qui a le premier pensé à créer une visualisation 3D d'une page web). Tout a commencé d'abord comme un projet Google Summer of Code, mais maintenant, avec une équipe enthousiaste derrière elle et ainsi de nombreuses nouvelles fonctionnalités et d'idées, il est devenu un développeur actif du projet Outils.








Tilt est un jeu amusant nouvelle extension Firefox axé sur la création d'une visualisation 3D d'une page Web.

Comme le DOM est essentiellement une représentation arborescente d'un document, cette couches outil de chaque nœud sur la base de nidification dans les arbres, la création d'empilements d'éléments, chacun ayant une profondeur correspondant et être texturés en fonction du rendu web lui-même.

Contrairement aux outils de développeur ou les inspecteurs, Tilt permet une analyse instantanée de la relation entre les différentes parties d'une page web de manière graphique, mais aussi le rendant facile pour quelqu'un de voir obscurcie ou out-of-page des éléments. Par ailleurs, outre les piles 3D, différentes informations sont disponibles sur demande, concernant le type de chaque nœud, id, classe, ou d'autres attributs si elle est disponible, fournissant un moyen d'inspecter (et modifier) ​​les propriétés HTML interne et d'autres.

Basé sur WebGL
La visualisation est dessinée en utilisant WebGL, pour dynamique, très rapide, dans le navigateur de rendu. A l'initialisation, Tilt crée différents objets 3D (structures décrivant comment la géométrie page Web ressemble) en utilisant le DOM, avec le corps comme la couche la plus basse et la base du document sur lequel les nœuds descendants sont superposées. Pour chaque niveau successif, une autre plate-forme est construite, en ajoutant de la profondeur à la maille page web 3D. Par exemple, les piles sont construites à partir DIV, UL, ou n'importe quel noeud contenant avec des enfants.

Contrôles
Contrôle de la visualisation est obtenue en utilisant un trackball virtuel (arcball), qui tourne autour des axes X et Y. Autres événements de souris existent pour le contrôle de lacet, tangage, roulis, panoramique, zoom, ainsi que divers autres raccourcis clavier. Le contrôleur n'est pas lié à ces périphériques ne cependant, le rendant accessible et facilement modulable pour autres méthodes d'entrée ou de périphériques. Double cliquer sur un nœud affiche le Ace Cloud9 IDE éditeur, montrant des informations plus utiles sur le noeud et le HTML interne.

Essayez
Vous pouvez trouver le code source d'inclinaison et la dernière extension construit sur ​​Github , et un blog de ​​développement avec les mises à jour jalon sur blog.mozilla.com / tilt .

Pour l'instant, pour tester l'extension, il suffit de télécharger dernière version stable de l'( tilt.xpi : télécharger le fichier, puis ouvrez-le avec Firefox ou drag'n déposez-le sur Firefox), l'installer et de recherche pour le Tilt à l'intérieur du menu Outils. Ou, vous pouvez utiliser Ctrl + Maj + L (ou Cmd + Shift + L si vous êtes sur un Mac) pour lancer la visualisation. Fermez à tout moment avec la touche Echap. Fonctionne avec n'importe quelle page web Tilt, ainsi vous pouvez même consulter le forum pour voir à quoi il ressemble en 3D.



Futur
Plus de fonctionnalités seront bientôt ajoutées, dont certaines comprennent: modifier et d'actualiser le maillage 3D page web à la volée (comme les changements page web, exposant transformations CSS pour chaque nœud, ainsi que la personnalisation de l'espacement pile, épaisseur, transparence, etc), le rendu des éléments avec la position absolue ou flotteurs différemment (par exemple, planant au-dessus de la page Web en fonction de leur z-index), créer un environnement plus convivial développeur et une meilleure intégration avec l'éditeur de Ace et les Developer Tools Firefox. (Soulignant le noeud sélectionné, prévisualisation instantanée en 3D), d'exporter la visualisation d'autres navigateurs ou applications (comme un fichier objet 3D, sans doute. Obj et / ou COLLADA).

La plus grande étape sera la réalisation sans faille entre les pages de navigation 3D, comme dans un environnement 2D normale.

Pour plus d'informations sur les tâches à venir visiter le TODO.md.
Iphone 4S 16Go IOS 5.1.1 Redsn0w
Mac OSX Lion 10.8.2
Pas assistance par mail ou MP ni pour les appli craquées
IPhone 4s
Forum ipad 4G-pro
Desimlock IPhone
>>>CYDIA-IPHONE.fr<<<
>>>desimlock a vie IMEI<<<
Avatar de l’utilisateur
Admin
Administrateur du site
 
Messages: 14814
Enregistré le: Mar 8 Déc 2009 20:48
IDevice: IPhone 6
Firmwear: IOS 8
Jailbreak: Pangu8
SHSH: IOS 5.1.1
Basebande: 1.00.05
Desimlock: OUI R-SIM

Re: Tilt:extension Firefox visualiser les pages en 3D

Message non lupar Forbidden » Dim 24 Juil 2011 00:05

Salut,

Merci de la présentation, surtout que tu as du passer beaucoup de temps pour cette présentation !

Mais ça peut être très bien cette fonctionnalité !
Avatar de l’utilisateur
Forbidden
Modérateurs
 
Messages: 5713
Enregistré le: Jeu 17 Juin 2010 12:42
Localisation: Strasbourg (67)
IDevice: Iphone 5S
Firmwear: IOS 7.0.3
Jailbreak: NON
SHSH: NON
Basebande: 1.03.01
Desimlock: OUI Officiel


Retourner vers Le Café forum Iphone 4G-pro

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité