6 Kasım 2013, ÇARŞAMBA

Bootcamp 8 - Dönüşüm Etkileri Tuval

Bu egzersiz size ikizler PEX beyaz ölçek kazandı uygulamak istiyor olabilir 2008 döndürmek ve matrisi dönüşümü anlama Biz bir dikdörtgen ihtiyacımız Bunu göstermek için o yüzden ben gidiyorum RC TX nesnesi altında gidelim uygulamak Turuncu bir renk gibi sarı kendisine Phil tarzı Çok pin CTX stok phil recht hemen dikdörtgen ile deneme Ben onun sergi 50 y konumunu yapmak 50 ve bir genişlik ve yükseklik 100 piksel vermek Benim dikdörtgen almak için benim kampüs yenilemek durumunda en önde gidip o birinin yanında doğru bir dikdörtgen çalışmasına izin Bir iki yüz fuarında şimdi ilk biz gi

diyoruz dönüşümü yöntemi bakmak için CTX o ölçek yöntemidir ve bu iki parametre alır X ve niçin cm XScale Koymak ile NY ölçeği bu bir yorumdur varsayılan Burada .5 koymak oldu eğer öyleyse ölçek ve bir olan ve daha sonra

bir 0,5 burada yarım ölçek var Şimdi bu kampüste bütün perspektifi ölçekler Ben koymak oldu yani eğer bu benim kampüsün büyüklüğü ne görelim onun 500 geniş bu dikdörtgen koymak oldu ikinci dikdörtgen 500 ve

“Ders Kodu: http://www.developphp.com/video/JavaScript/Canvas-Transformation-Effects Bu JavaScript tuval programlama egzersiz yapmak, ölçek gibi dönüşüm efektler u...”
Adam Khoury

bunu sadece yaklaşık 250 gider görürsünüz, yenilemeden Bu ötesinde yarım ölçek her şey çünkü var Bu tasarıyı koymak phil recht yerinde harap ve etkilenen değil ama sonra biz ölçek yöntemini kullanın ve sonra işler etkilenen hale Döndürme olduğu şimdi sonraki yöntem bir göz atın gidiyoruz bu yöntem sadece bir parametre alır ışıltısını açı en o açıklamayı kaldırmak izin ve en 200 bu geri kampüs yenileme koyalım sunuyor sonra dışarı hiçbir ile normale döndük şimdi yenil

Bootcamp 8 - Dönüşüm Etkileri Tuval Resim 1 Bootcamp 8 - Dönüşüm Etkileri Tuval Resim 2 Bootcamp 8 - Dönüşüm Etkileri Tuval Resim 3 Bootcamp 8 - Dönüşüm Etkileri Tuval Resim 4

emek yorumunu sağlar dönüşümler Ben döndürme yöntemi poppin biliyorum ve ben de açı ayarlayın kulüpler nokta bir yenileme şimdi 15 nokta noktası 17 yenileme yenilemek sadece etrafında 2 kadar gitmek yavaş dönen görebilirsiniz yani yenilemek noktası 05 o koydu ve ben çok oldu Başka bir dikdörtgen ekleyin 350 fuar yenileme göreceksin ikisi de bu Döndürme yöntemle sonra set olanlar onlar kampüste sol üst bakış açısına göre döndürmek Şimdi biz çevirmek CTX stokunun bakmak için gidiyoruz X & Y hareketi için kullanılan yöntem

böylece eski 0 ve y0 konur bu yüzden yenilemek, bu hiçbir dönüşümü göreceksiniz ama istersen y-ekseninde hareket her şeyi görmek için ferahlatıcı 50 piksel aşağı Kampüste ben yöntemi tercüme belirttikten sonra Ben taşımak istedim 50 piksel aşağı doğru hareket eder Sağa doğru 20 piksel için 20 yapmak X parametresi yenileme en 10 o geri koyalım Ben koymak istersen hemen yenilemek -50 burada Bu kadar gitmek yapacağız ve sola git edebilir o zaman bile negatif olursa olsun sayı ve söylemek Google yöntemi çevirmek kaldırmak izin tamam sol Biz dönüşümü yöntemiyle bakmak için gidiyoruz şimdi yenilemek dönüşümü yöntemi altı değer matrisi alır İlk açıklama size bildirmek burada kendinize bazı yorumlarda pop Ne matris değerler yatay ölçeklenebilir görmek için başvuruda dikey yatay çarpık eğriltme yatay şeyler taşımak dikey ölçek ve dikey şeyler taşımak şimdi matrisi default Burada bu değerler bu yüzden sadece bu değerleri alabilir olduğunu Onlara bir sonraki çizgi CTX nokta kopya dönüşümü ve ardından bu değerleri pop Parantez arasında bunu yenilemek vardı şimdi ise. herhangi bir değişiklik yoktur, çünkü herhangi bir transform Bu varsayılan değer ayarı olduğundan uygulanan için şimdi dönüşüm sen gittim eğer öyleyse bu değerler ile oynamaya başlayabilirsiniz Ölçek X 1.1 Eğer kampüste her şeyi görebilirsiniz Biz belirttikten sonra kampüs ölçeklenirse üzerinde yöntem her şeyi dönüştürmek Biz Y ölçeği gidip biz 1.1 değiştirmek yatay eğer öyleyse biz de bazı değişiklikler dikey şimdi biraz ölçekler bkz gerekir y ekseni boyunca en birine geri o koyalım Bunu vereceğini .5 o koymak istedim eğer o ne yaptığını biliyorum Yarım ölçek noktası 8 bunu daha iyi biraz göreceksiniz böylece X ekseni üzerinde kısmi bir pulu biz bile kısmi bir ölçekte y eksenini koyarsanız beni çok yenilemek ya yönde büyütmek gitmek ya da küçültün olabilir bu yüzden diğeri üzerine bu arka var en neyi niçin metrekare bir göz atalım şimdi yenilemek ve XQ sıfırdan ruh almak yapmak ve biz .1 ve yenileme gidersiniz .1 denemek 0 Nana o geri koymak Yatay net eğriltir daha dramatik etkisini görmek için sadece bu değerini artırmak ama şimdi en bahsedelim geri 0 yenileme konum X NY İstiyorum arasında tercüme x-ekseni bu öğeleri 30 piksel taşımak y-ekseni üzerinde ve 20 piksel Ben de gitmek var negatif değerler kullanabilirsiniz ters yönde şimdi iş yerinde tüm değerleri anlamak için dönüşümü matris değerleri içinde dönüşümü ailede artık çok son yöntem ayarlanır dönüşümü ve size daha bağımsız varlıkları dönüştürmek için izin verecek kampüsünüzdeki o sıfırlar nedeniyle geçerli kimlik matrisi dönüşümü o zaman çalıştırmak için dönüşümü yöntemi çağırır böylece sipariş edeceğim yapmak eylem görmek Bu Rex ve özgün dönüşümü tüm kaldırmak onların daha bu kontrol X almak bunlar üzerinde koymak değil Biz referanslar Seni hala can var sadece phil Recht istiyorum bu yüzden ben ayarlamak için gidiyorum, sonra turuncu kare olacak Başka bir kare çizmek için gidiyorum dönüşümü Ben onların yenilemek eğer biz gidiyoruz ne görebilirsiniz Ben kaldırmak dönüşümü ve yenilemek eğer bizim iki kareler olmadan herhangi bulunuyor dönüştürmek bu yüzden şimdi ikinci kare uygulamalı dönüşümü alır şimdi ve sonra ben çizmek için gidiyorum başka dönüşümü söyledi yapmak edeceğim İkinci biri altında başka kare Eğer yaptığımız görebilirsiniz yenileme Eğer dönüşümü düzenli kullanmak olsaydı kimliğini dönüşümü reset Burada dönüşümü ve yenileme üzgün adı geçen yöntem Gördüğünüz üçüncü kare belirterek nerede ilk dönüştürülmüş yapışmış bile biliyor üçüncü çizmeden önce varsayılan dönüşümü böylece dönüşümü söz konusu nasıl kullanışlı geliyor bu matris kimliğini dönüşümü sıfırlar kampüs tazelede böylece size geçerli bir kontrast görebilirsiniz nasıl nasıl dönüşümü ve dönüşümü set biraz farklı Gerçekten bu bir düzenli dönüşümü yenileme olabilir biz hala bunu dönüştürmek kullanmak zorunda aynı etkileri olsun Eğer sıfırlamak istiyorsanız geçerli olsun kimlik matrisi dönüşümü ve bu ikizler misyon etkiler vardı tamamlar Tuval elemanı üzerine.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Canvas-Transformation-Effects Bu JavaScript tuval programlama egzersiz yapmak, ölçek gibi dönüşüm efektler uygulayabilirsiniz eğriltme, döndürme, çevirme ve dönüşümü matris anlamak öğrenebilirsiniz.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



10/10

  • 42
    Olumlu
  • 0
    Olumsuz
  • 7
    Yorum
  • 5040
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • EvilControllers

    EvilControll

    20 Ocak 2008
  • Neil Cicierega

    Neil Ciciere

    22 Mart 2006
  • Tianna Sierra Dance

    Tianna Sierr

    16 EYLÜL 2013

ANKET



Bu sayfa işinize yaradı mı?