HTML5 CANVAS TEMEL ÇİZİM METODLARI VE ÖZELLİKLERİ
  • HTML5 Canvas Elementi Özellikleri ve Metodlarını Öğrenelim
  • HTML5 Canvas Elemanını Oluşturma Html İçerisine dahil etme
  • HTML5 Canvas Koordinat Sistemi
  • getContext özel sunum :)
  • getContext Metodu Kodlama
  • fillRect() Metodu ve fillStyle Özelliği ile Dolgulu Dikdörtgen çizimleri
  • strokeRect() Metodu ve strokeStyle Özelliği ile Kenarlıklı dikdörtgen Çizimi
  • toDataURL Metodu ile Canvas grafik verisini elde etme
  • globalCompositeOperation Metodu
  • globalAlpha Özelliği ile Saydamlık
  • shadow Gölge özellikleri ve Ayarları
  • Save Restore ve ClearRect metodları (ÖNEMLİ)
  • Path Metodları moveTo lineTo metodları
  • Çizgi kalınlığı lineWidth Özelliği
  • Rect Clip isPointInPath Metodları
  • quadraticCurveto ve besierCurveTo metodları kullanımı
  • arc ve arcto metodu
  • setLineDash metodu ile kesik çizgi çizme
  • IZGARA çİZİMİ
GRADİENT VE PATTERN öZELLİKLERİ
  • Doğrusal ve Radyal renk geçişli elemanların çizimi sunum
  • createLİnearGradient
  • createRadialGradient
  • Pattern
PIKSEL MANIPULATİON İŞLEMLERİ
  • Başlangıç güzel bir sunum daha genel anlatım
  • createImageData getIMageData putImageData
TRANSFORMATİON İSLEMLERİ
  • Scale Metodu
  • Translate Metodu
  • Rotate metodu
  • Transform Metodu özel sunum
  • Transform metodu ile orijin değiştirme
  • Transform ile ölçeklendirme ve boyutlandırma işlemleri
  • Transform skew (uzatma esnetme ) işlemleri
  • Transform ile rotate (döndürme işlemleri)
RESİM YÜKLEME VE ÇİZİMİ
  • Resim çizme işlemleri
CANVAS METİN İŞLEMLERİ
  • Dolgulu ve Kenarlıklı yazı yazılması(strokeText ve fillText metodları)
  • textAlign özelliği kullanımı
  • textABaseline Özelliği kullanımı
ANİMASYON ÖZELLİKLERİ
  • Animasyonlarda kullanacağımız kod yapılarımız
  • Canvas Animasyonunda Doğrusal hareket
  • Kurucu Fonksiyonları kullanma
  • Canvas Ekranında 100lerce daire animasyon çalışması
  • Dairesel Hareket Animasyonu
  • Klavye ve Mouse ile Canvas Etkileşimi
  • Nesnelerin etkileşimi uçak ile hareket ve nesneye çarpma
  • Yerçekimi olayını animasyonlara nasıl uygularız.
  • Skor ve Yazı işlemleri
YILAN OYUNU YAPIMI
  • Class yapısı kullanarak oyun yapacağız.
  • Yılanın kafası oluşturma ve ilk hareketini sağlama
  • Klavye yön tuşları ile yılanın hareket ettirilmesi
  • Elmanın Koordinatlarını ayarlama
  • Yılanın ekrandan taşması işlemleri
  • Yılanın kafası ile kuyruğunun çarpışması
  • Ses ekleme ve Final