Web Sayfanızı 3D Yapın

3D (3 Boyutlu) Görselleştirme

Web sitenizin 3D görselliğin de olabileceğini biliyormusunuz? Çok basit bir şekilde Firefox eklentisi sayesinde 3D özelliğini sağlayabilirsiniz. Tilt 3D, 3D web sitesi çeşitli parçaları arasındaki ilişkiyi sağlayan Firefox 3D eklentisi. Tilt Victor Porof, Cedric Vivier ve Rob Campbell tarafından geliştirilmiştir.

Bütün bunlar bir Google Summer of Code projesi olarak başladı. Ciddi beyin fırtınası ve arkasında coşkulu bir ekip ile birçok yeni özellik ve fikirleri ile ortaya çıktı, artık aktif bir Geliştirici Araçları proje haline gelmiştir. Bu araç, bir 3-boyutlu olarak, herhangi bir web sayfası görselleştirmeyi sağlar. Bu araçlar web sayfasının DOM yapısını alır ve yuvalama, katmanlar web sayfasının her düğümüne dayanmaktadır.Görselleştirme bir WebGl kullanılarak çizilir.Tilt 3D eklentisi WebGl  tabanlı web sayfalarını 3 boyutlu görselleştirmek için kullanılır.

Tilt anında analiz için grafiksel bir şekilde bir web sayfasının çeşitli parçaları arasındaki ilişkiyi sağlar. Ayrıca, 3D yığınlarının yanı sıra, çeşitli bilgiler, incelemek için bir yol (ve düzenleme), HTML ve diğer iç özellikleri sağlayan her düğüm türü id, sınıf, ya da diğer nitelikleri ile ilgili talep üzerine mevcuttur.

Tilt 3D Kurulumu

Tilt deneysel bir Firefox için add-on. Bir web sitesi görselleştirmek için, Tilt 3D eklentisini indirin. Dosyayı indirdikten sonra Firefox penceresi açmak için sürükleyin.Kurulumdan sonra Firefox’u yeniden başlatın. Herhangi bir web sayfasını açın ve Araçlar menüsünden Tilt tıklayın. 3D sayfayı görmek için fareyi hareket ettirin.

Tilt 3D Kullanımı, Kontrolü

Kontrol, X ve Y ekseni etrafında dönen bir sanal topunu kullanarak görselleştirme elde edilir. (Eğer bir Mac üzerinde iseniz veya Cmd + Shift + L) sadece Ctrl + Shift + M tuşuna basıp, sonra çevirmek için fare veya ok tuşlarını kullanabilirsiniz açma, yakınlaştırma veya sayfa döndürme aracını aktif hale getirebilirsiniz. Yanı sıra A, S, D, W tuşlarını kullanabilirsiniz. Bir düğümü çift tıklayıp, ek bilgi ve iç HTML görüntüleyebileceğiniz Ace Cloud9 IDE editörünü getirebilirsiniz.