2013-03-09 20 views
7

here ile oynayabileceğiniz bir keman var. Görmek için rotateX ve rotateY sürgülerini hareket ettirin. Size en yakın olan parçanın kısmı, daha uzak olan kısım daha büyük iken daha küçüktür. EğerDönüştürülmüş öğelerle ilgili perspektif neden geriye doğru görünüyor?

'u kullanarak çevirirseniz, doğru görünüyor ama neden sadece ilk bakışta doğru görünmediğini anlamıyorum.

enter image description here

güncelleme

Eğer this 3d cube bakarsanız mantıklı. Küpün dönüşüm kaynağı küpün ortasıdır.

+0

Bu nasıl bir konu dışıdır? Aşağıda listelenen her kullanıcı, konu dışı olarak zayıf sosdur. Şöhretinizin ardında bir cevap veya akıl yürütme sağlamak için, soruların geçerliliğine uymak için – albert

+0

thx öntanımlılarına göre. – user1873073

+0

@thinkingstiff "derinlemesine ve sezgisel bir cevabın ne olduğunu" en üste koydu. Hepimiz bundan öğrenebiliriz! – albert

cevap

3

Bildiğim kadarıyla yöntemler onlar olduğunu varsayalım gibi, bunların izometrik 3D döndürülür sadece müzik çalışması söyleyebilirim

İzometrik

, bu bakış yoktur. Bu, en yakın ve daha küçük kenarların aynı boyuta sahip olmasını sağlayacak, diğer ucun daha küçük görüneceği ve yakınlaşmanın daha büyük görüneceği gerçek 3D'nin aksine.

İzometrik projeksiyona ayrıntılı bir bakış için wikipedia article bir okuma verin.

Perspektif

Eğer içeren elemanı için CSS perspective özelliği eklemek zorunda rotasyonlar bakış açısı elde etmek istiyorum. İlk kemanınızda -webkit-perspective: 1000px;<body>'a eklerseniz ve sonucu Chrome'da görüntülerseniz, muhtemelen istediğiniz gibi bir Perspektif 3D elde edersiniz.

Bu konu hakkında daha fazla bilgi CSS3 transform spec adresinde bulunabilir.

+0

'a başladım ve sonunda işe yaradı. garip bir şekilde, sadece bir kez kapsayıcının ebeveyne uyguladı. – user1873073

İlgili konular