6 Kasım 2013, ÇARŞAMBA

Bootcamp Bina Ve Javascript İle Yollar Çizim 4 - Tuval

Bu egzersiz biz bina paktlar kapsayacak ve JavaScript yolu tuval elemanı yöntemlerini kurutma Başlamadan CTX tüm tip yolunu başlamak yöntemi ile başlayacağız yolun açık yakın parantez üzerinde kendinize küçük bir not koyabilirsiniz noktalı virgül diyor çizgi geçerli varsayılan yolu ve oyun içine koyacağız sonraki yönteme sıfırlar Bu sürer CTX nokta hareket olduğunu X ve Y yüzden ben diyelim koordinatları 50x ve elli neden bu yolu komplo başlayın ve bu bir kendinize yeni bir alt yol oluşturmak diyor bir yorum vermek Daha sonra verilen nokta ile biz CTX kullanmak için gidiyoruz X & Y i

le yöntemine nokta çizgi de koordinatları biz yaptık eğer böylece bir fuar 250 gitmek ve neden elli konumundaki biz düz bir çizgi almalısınız inme kullanmak için gidiyoruz bu etkilerini görmek için değil yöntemi ve bu

yöntemin geçerli varsayılan yolu vuruş ve yönteme çizgi yeni bir satır oluşturmak akım yolu veya alt yol boyunca Bizim iyilik tarayıcıda bu bakarsanız şimdi düz bir çizgi bakın Şimdi biz sadece satırını iki yön

“Ders Kodu: http://www.developphp.com/video/JavaScript/Building-and-Drawing-Paths Bu egzersiz biz bina yolları ve tuval eleman üzerine çizim yöntemleri JavaScript ...”
Adam Khoury

tem ekleyerek devam edebilirsiniz inme yöntemi yani X 250 gidelim önce 150 aşağı y Şuna bir göz atalım Şimdi en başka çizgi yapalım bizim yoluna başka yaş var ama fuar 50 ve 1:50 de y konumuna geri alır bu noktada artık bize başka yaşını vereceğiz Eğer giysi yol yöntemini CTX kullanabilirsiniz dot yakın yol bu kapatır Geçerli yolu, son çizgi çizmek zorunda değilsiniz gördüklerim bakarsanız Ayrıca CTX nokta hala eklendi olabilir Size doldurulmuş bir ş

Bootcamp Bina Ve Javascript İle Yollar Çizim 4 - Tuval Resim 1 Bootcamp Bina Ve Javascript İle Yollar Çizim 4 - Tuval Resim 2 Bootcamp Bina Ve Javascript İle Yollar Çizim 4 - Tuval Resim 3 Bootcamp Bina Ve Javascript İle Yollar Çizim 4 - Tuval Resim 4

ekil vereceğiz Phil yöntemi Eğer kontur kaldırmak istiyorsanız ve aynı zamanda bir kontur o sadece ne olursa olsun şekli Phil ve sonra kapatın yolu koymak Özel poligonları çevreler bütün iradeleri kullandığınız yapıyoruz ne olursa olsun CTX kadar da yolunu içine ayırana dek ve yol da tüm bu diğerleri için de geçerlidir başlamak yerde benim inme bırakın ve biz bakmak için gidiyoruz sonraki şey görmek belirleyen bir yöntemdir nokta eğer bir piksel konumu kampüsünde bulunuyor Geçerli yol CTX nokta içinde yolu noktasıdır

ve bu doğru veya yanlış döndürür olsun veya olmasın belirtilen noktası yolu içinde Burada bir noktayı belirtmek beni go ahead bu belirtmeme izin verin bu yüzden eğer bizim yol görebilirsiniz dışarı belki bu bir noktayı belirtirseniz en Kampüsümüzde bakalım Sadece 50 X ny daha büyük olmak zorundadır ve biz bu yüzden çok daha büyük yapmazlar sürece bu alanda olacak ben bunu 75 I yetmiş beş yaparsanız Ben yetmiş beş X 75 o iran olurdu neden bir yerde tam burada ve bu atama olacak gibi Geçmişte bakacağımı yapmak öylesine ne zaman adildir Sadece görmek test amaçlı kendimi uyarmak Ben burada 75 koyarsanız bu kılan 75 Burada fuar için biz göreceğiz, eğer bu noktadan 75 X 75 y Şimdi bu yolun bu uyarı içinde bir noktadır Ben bir uyarı var bu yüzden gerçek demeliyim yukarı doğru tamam en we 'noktayı 2525'e bu numaraları değiştirmenize izin Burada bir yere kadar belirlemeye çalışıyor Kampüs oğulları içinde 225 değiştirici 25 Şimdi sen yanlış olsun görürsünüz nokta, yolun olmadığı için belirler diyor bir yorum yapacak belirli bir noktaya eğer Bir yolda şimdi biz harap yöntemle bakmak için gidiyoruz bu yüzden bizim CTX sadece geri almak koymak tüm bu kodu kurtulmak izin nesne Bir para TX nokta açık yakın parantez harap ve yapacağız koymak değil dört parametre fuar biz dikdörtgen Y pozisyonunda başlamak istiyorum onunla var biz başlamak istiyorum ve yutturmaca bu yüzden bir yüksekliğe sahip onun yapmak 100 piksel bu yüzden küçük bir kutu küçük kare olacak ve bu sadece hiç fuarında koydu elli NY pozisyon 50 Şimdi biz bir vuruş koymak kadar bir şey görmek veya dolgu olmamalı Philip için her iki inme o kadar oldukça TX dokunmatik inme var Bir göz atın ve küçük dikdörtgen var Herhangi bir pozisyon herhangi bir boyut yani eğer biz hemen yanındaki o oturan başka bir kazandı tek Biz 150 o bakmak asla fuar koyabilirsiniz onlar biz biraz üzerinde taşımak isteyen yanyana olmalı 160 şimdi aralarında 10 piksel vardır Ben nasıl klibe Size göstermek böylece orada iki dikdörtgen koymak istedim yöntem yüzden dikdörtgen konuma sahip olacak işler 0 X ve Sıfır ilk dikdörtgenler yaşamak aslında ilk öyleydi biri ve thats ama yaptım, ikinci bir bırakalım 00 Bu görünüyor içine ben şimdi klip yapacağımızı görmek gibi Bir kırpma olarak ilk birini kullanarak bu ikinci Bölge bu yüzden bu iki arasında gitmek yapmak zorunda ve CTX nokta klibinde yazıp bir kırpma bölgesini yapar Ben bu dikdörtgen ve içinde var her şeyi yaptım Bu dikdörtgen içindeki kırpılmış olacak bu nedenle bu dikdörtgen bir bölümü,% uh ilk dahilinde olması umulur olur dikdörtgen böylece ikinci dikdörtgen ilk içinde kısaltıldı olmalıdır Bu dikdörtgen kalanını görmek ne oldu görmek için Gördüğünüz tüm birinci dikdörtgen içeriden kırpılmış ne olduğunu böylece klip nasıl çalışır ve belki şekil ve her türlü daha kullanabilirsiniz kullanarak iki CTX olduğunu biz yapacağız sonraki yol çizim yöntemi bir göz atın nokta ark yöntemi şimdi bu tek tek alır 345 altı parametreleri ve onlar eski ve Y koordinatlarını dışarı komplo ile başlar bu nedenle, bir 150 x ve 150 var: y konumu en bir yarıçap 100 piksel vereyim Şimdi iki yüz başlangıç ​​açısı olacaktır çap bekler Ben 0 bırakın edeceğim ve bitiş açısı ben 6.28 olacak koymak değilim Bu çok yüksek kez ve daha sonra saat yönünün tersine olduğunu Eğer yönünün tersine sen koymak olmak istiyorsanız amor için doğru veya yanlış olur böylece gerçek Eğer yanlış koymak saat yönünde olmak istedim ve yanlış inme o sanat varsayılan şimdi en önde gidelim ve CTX dokunmatik inme, biz ne olsun bakın bu yüzden bir daireyi mükemmel bir daire var bize veren% 100 yarıçapı var JavaScript kullanabilirsiniz, böylece tamam 200 piksel çapı Kitle hi kez nokta Ayrıca 6.28 olsun daha programlı JavaScript dili içinde Orada mükemmel daireler istiyorsanız büyük, sadece numarayı 6.28 koymak Eğer Matthau pasta kullanıyorsanız 3.14 olan Eğer görmek bir yarım daire alırsınız Biz sayfa biz değiştirirseniz şimdi ne bir yarım daire var yenileme Gerçek koyarak saat yönünün aksine saat yönünde saat yönünün tersine parametresinin o başka bir yol gidiyor başka bir yol Seaga yarım daire kadar gider Yeni gerçekten sadece istediğiniz herhangi bir numara koyabilirsiniz onların değil bunu yaparsanız neler 6,2 7 Biraz şerit biri uzakta en emin yapalım bkz 6.1 Daha bu bir uzak biraz bakın ya da bir eksik daire yapar değil Ben beş o koyarsanız o tam bir daire çok daha az olsun nasıl çalıştığını kimse görmek için Askerler Matt olarak merhaba kez nokta olduğunu bırakın Çıplak mükemmel daire şimdi bunun için en yöntemine yay bir göz atalım bazı satırları ihtiyacımız olacak veya bir çizginin başlangıç ​​kira yöntemine hareket kullanmak yolu birisini başladı yönteme uygun olarak ve inme sadece ekran boyunca gidiyor bir çizgi koymak Burada benim hat ekranı hareket karşısında gidiş var ile başlayan burada çizilen ve daha sonra ekran üzerinde çizgi çizdi için yalan 300 X Şimdi yalan inme önce okumak için hemen sonra Ben CTX koyuyorum yöntem hatalarından biri için nokta ark 3 beş parametre x1 için NY bir kare x2 başlar ve nerede biter y2 olduğunu ve sonra sadece 50 yarıçapı yüzden tam sahiptir Ben benim yapmak yarıçapı koymak çap 100 ve durdurma benim hatları beri 300 at Ben put x1 350 kulüpler ve daha sonra, bir Y-on 50 ve x2 100'ün üzerinde 350 Ando y tu kadar bu şekilde biraz bir ARX iner Ben sayfayı yenileyin eğer öyleyse sen güzel bir yay olsun görmek Ben olacak beraberlik next satıra bu hat bağlama bu yüzden sadece tekrar için yay altında yönteme satırını kullanabilirsiniz değil Yeni çizgisiyle 350 x 200 y çizmek için bu yüzden de gider geçmiş devam Sana 100 gibi büyük bir yarıçapına sahip isteyeyim eğer Eğer yenilediğinizde tür size biraz yukarı şeyler messes görüyoruz bu yüzden üç seksen gibi bir şey bu koyarsanız Ben olsun üç elliler emin üzerinde Ben 8390 üzerine bu konuda koyarsanız daha iyi olurdu yenilemek ve ben sadece burada 390 üzerinde koymak son düzeltmek zorunda yenileme bugün herhangi bir çap olabilir demek Sizi çağırıyor Newton oldukça yolunuz içindeki diğer satıra kadar bağlı olmak kolayca Ben ikinci dereceden eğri ile yöntemine bu yay yerine ediyorum yöntem ve biz o birine de göz atabilirsiniz ve bu dört parametre alır ControlPoint X kontrol noktası neden ve sonra X & Y koordinatları Ben aşağıdaki değerleri olduğunu vereceğim: 390 100 benim alt yolu koordinatları Benim pozisyonuna saldırılar için bu kontrol noktaları bu yüzden o hareket bildirmek yenilenir ise 390 350 Bu husus, bu şekilde hareket edecek Ben 420 gibi büyük o hareket edeceğiz yapmak bkz Diğer yol yüzden bizim fuar olduğunu görebilirsiniz yatay düzlem boyunca bu noktaya hareket ediyor, çünkü 390 geri Ben 200 150 bu taşırsanız Bu onu hareket ve dikey çünkü y konumu olduğunu görebilirsiniz uçak 100 kendi arka nasıl olduğunu görmek etrafında beni kontrol noktalarını taşımak izin vermedi eserler Şimdi ben kontrol noktası için y konumu için bu 210 değiştirirseniz kuadratik eğri eğri yukarı gider görürsünüz 200 bu azalma tarafından ilan eğri sadece yukarı gitmeyecek ama bu şekilde gidecek Ben yapmak görüyorum dört yüz önce bu şekilde dışarı böylece işlerin nasıl kuadratik eğri var Bu sizi noktayı niye kontrol için kontrol noktası X bu sizin normal Pat dedi X & Y pozisyonları sadece yöntem çalışmalarına hattı gibi tamam şimdi yoğun eğri bakmak teklif yapacağız konum ayakta yöntem şimdi size iki tane daha kontrol noktaları verir vermez ne yaptığını daha fazla alabilirsiniz Yolda astar olmak Farklı tür eğriler kontrolü 0,1 X kontrol noktası birini vermek neden bir kontrol noktası X & Y alt yolu koordinatları neden ve sonra 2x kontrol noktası bu yüzden sadece diğer 1i İstiyorum gibi benim X ve Y yapmak Y yüz ve X 3,90 $ oldu normlar bazı kontrol noktası değerleri savunmak ve sonra sayfayı yenileyebilirsiniz Şimdi en kumandayı 0,1 x 280 yapalım o içine yenileyin Bu daha çok bir kalem gibi verir eğrileri başka türlü o alabilirsiniz aracı etkilenen Kalem aracını kullanarak kullanılan grafik düzenleme yazılımı çalışmaya kullanmış olsun kaleme alet türü: çizgiler üstelik eğri kırık çizgi bu yüzden 250 gibi benzer bir şey diğer denetim noktası X taşımak yenileme üçe yüz bu koymak yıldız daha ilk kontrol noktası için y değerini değiştirmek kadar sıkın ikinci kontrol noktası için y değerini değiştirmek 10 yapmak Bu I X & Y koordinatları dört yüz bu konur hatırlıyorum Burada bu nokta sadece üzerinde hareket ettiği görürsünüz 10 piksel bu şekilde 390 geri koymak ve bu yönteme daha yoğun eğri kontrol .1 nasıl çalışır X kontrol noktası tek neden ControlPoint 2x kontrol noktası ve neden sonra sizin yanınızdaki Alt yolu düzenli koordinatlar tamam o bina ve çizim yolları tamamlar ve tüm JavaScript yöntemler denetim yolu bina ve kampüs çizim eleman.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Building-and-Drawing-Paths Bu egzersiz biz bina yolları ve tuval eleman üzerine çizim yöntemleri JavaScript yolunu kapsayacak.

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



9.8/10

  • 54
    Olumlu
  • 1
    Olumsuz
  • 3
    Yorum
  • 5488
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • FattySpins's channel

    FattySpins's

    17 Mayıs 2009
  • finalcall07

    finalcall07

    11 NİSAN 2008
  • MrChiCity3

    MrChiCity3

    14 NİSAN 2008

ANKET



Bu sayfa işinize yaradı mı?