Internet Oyunu ve Interaktif Uygulama Yapımı
Internet Oyunu ve Interaktif Uygulama Yapımı
128 TL
49TL
2TL Hediye
HIZLI SATIN AL
SEPETE EKLE

Eskiden internette animasyon yapmak veya oyun yapmak için Flash programını kullanıyorduk. Flash yapan firmanın kapanması ile birlikte bu açığın kapanması gerekiyordu. HTML5 ile birlikte gelen Canvas elementi tam bunun içindir.

Canvas; websitesinde grafik, animasyon, geçişler, web tabanlı oyunlar hazırlayabileceğiniz HTML5 ve Javascript tabanlı web aracıdır. Setimizde Canvas tüm detayları ile öğretilmektedir. Öğretimi kuvvetlendirmek için Yılan Oyunu ve Uçak Oyunu yapımı da anlatılmaktadır.

Setimizde Canvası tüm detayları ile öğreneceksiniz. Canvası kullanarak iki adet oyun yazacağız. Bunlardan birisi yılan oyunu diğeri ise uçak oyunuduru. Burada asıl amaç oyun yazmak değildir. HTML5 Canvas öğretmektir. Bu sayede web ortamında istediğiniz interaktif uygulama, animasyon ve oyunu hazırlayabileceksiniz.

Örnek bir ev resmi var. Müşteriye soruyoruz. Ev kaç katlı olsun. 2 kat tıklayınca ev 2 katlı olur. Ev ne renk olsun? diye sorsun. Renk seçince evin rengi ona dönüşsün gibi... Bu şekilde interaktif uygulama da artık rahatlıkla yapılabilir.

Internet Oyunu ve Interaktif Uygulama Yapımı

Eskiden internette animasyon yapmak veya oyun yapmak için Flash programını kullanıyorduk. Flash yapan firmanın kapanması ile birlikte bu açığın kapanması gerekiyordu. HTML5 ile birlikte gelen Canvas elementi tam bunun içindir.

Canvas; websitesinde grafik, animasyon, geçişler, web tabanlı oyunlar hazırlayabileceğiniz HTML5 ve Javascript tabanlı web aracıdır. Setimizde Canvas tüm detayları ile öğretilmektedir. Öğretimi kuvvetlendirmek için Yılan Oyunu ve Uçak Oyunu yapımı da anlatılmaktadır.

Setimizde Canvası tüm detayları ile öğreneceksiniz. Canvası kullanarak iki adet oyun yazacağız. Bunlardan birisi yılan oyunu diğeri ise uçak oyunuduru. Burada asıl amaç oyun yazmak değildir. HTML5 Canvas öğretmektir. Bu sayede web ortamında istediğiniz interaktif uygulama, animasyon ve oyunu hazırlayabileceksiniz.

Örnek bir ev resmi var. Müşteriye soruyoruz. Ev kaç katlı olsun. 2 kat tıklayınca ev 2 katlı olur. Ev ne renk olsun? diye sorsun. Renk seçince evin rengi ona dönüşsün gibi... Bu şekilde interaktif uygulama da artık rahatlıkla yapılabilir.

Öğretim Set
YorumlarSet İle İlgili Yapılan Yorumlar
Yorum Yapmak İçin Tıklayınız







Doğrulama Kodunu Hatalı Girdiniz.
Yorum Kaydedildi. Teşekkür ederiz.
Tanıtım VideolarıYaptığımız Çalışmaların Videoları
Egitim İçeriğiSet içerisinde anlatılan konuların listesi
  • 1) HTML5 Canvas
  • 2) HTML5 Canvas Elementi Özellikleri ve Metodlarını Öğrenelim
  • 3) HTML5 Canvas Elemanını Oluşturma Html İçerisine dahil etme
  • 4) HTML5 Canvas Koordinat Sistemi
  • 5) getContext özel sunum
  • 6) getContext Metodu Kodlama
  • 7) fillRect() Metodu ve fillStyle Özelliği ile Dolgulu Dikdörtgen çizimleri
  • 8) strokeRect() Metodu ve strokeStyle Özelliği ile Kenarlıklı dikdörtgen Çizimi
  • 9) toDataURL Metodu ile Canvas grafik verisini elde etme
  • 10) globalCompositeOperation Metodu
  • 11) globalAlpha Özelliği ile Saydamlık
  • 12) shadow Gölge özellikleri ve Ayarları
  • 13) Save Restore ve ClearRectmetodları
  • 14) PathMetodlarımoveTolineTometodları
  • 15) Çizgi kalınlığı lineWidth Özelliği
  • 16) Rect Clip isPointInPathMetodları
  • 17) quadraticCurveto ve besierCurveTometodları kullanımı
  • 18) arc ve arcto metodu
  • 19) setLineDash metodu ile kesik çizgi çizme
  • 20) IZGARA ÇİZİMİ
  • 21) Doğrusal ve Radyal renk geçişli elemanların çizimi sunum
  • 22) createLİnearGradient
  • 23) createRadialGradient
  • 24) Pattern
  • 25) Genel anlatım
  • 26) createImageDatagetIMageDataputImageData
  • 27) Scale Metodu
  • 28) Translate Metodu
  • 29) Rotate metodu
  • 30) Transform Metodu özel sunum
  • 31) Transform metodu ile orijin değiştirme
  • 32) Transform ile ölçeklendirme ve boyutlandırma işlemleri
  • 33) Transformskew (uzatma esnetme ) işlemleri
  • 34) Transform ile rotate (döndürme işlemleri)
  • 35) Resim çizme işlemleri
  • 36) Dolgulu ve Kenarlıklı yazı yazılması(strokeText ve fillTextmetodları)
  • 37) textAlign özelliği kullanımı
  • 38) textABaseline Özelliği kullanımı
  • 39) Animasyonlarda kullanacağımız kod yapılarımız
  • 40) Canvas Animasyonunda Doğrusal hareket
  • 41) Kurucu Fonksiyonları kullanma
  • 42) Canvas Ekranında 100lerce daire animasyon çalışması
  • 43) Dairesel Hareket Animasyonu
  • 44) Klavye ve Mouse ile Canvas Etkileşimi
  • 45) Nesnelerin etkileşimi uçak ile hareket ve nesneye çarpma
  • 46) Yerçekimi olayını animasyonlara nasıl uygularız.
  • 47) Skor ve Yazı işlemleri
  • 48) Class yapısı kullanarak oyun yapacağız
  • 49) Yılanın kafası oluşturma ve ilk hareketini sağlama
  • 50) Klavye yön tuşları ile yılanın hareket ettirilmesi
  • 51) Klavye yön tuşları ile yılanın hareket ettirilmesi
  • 52) Yılanın ekrandan taşması işlemleri
  • 53) Yılanın kafası ile kuyruğunun çarpışması
  • 54) Ses ekleme ve Final
  • 55) Uçak Oyunu
  • 56) Oyun Alanını Oluşturma Html,Css,Js Dosyaları Oluşturma
  • 57) Oyun Class Yapısı ve Yardımcı Fonksiyonlar
  • 58) Uçağın Hareket Kontrollerini Yönetmek
  • 59) Küçük Düşman Uçaklarını Oluşturma
  • 60) Javascript ile Çarpışma Fonksiyonlarını Oluşturma
  • 61) Yazı Nesnesi ve Skor Oluşturmak
  • 62) Uçağın Mermilerini Oluşturmak
  • 63) Hareketli arka plan oluşturmak
  • 64) Gezegen Oluşturma ve hareketleri
  • 65) Mega Enemy (Büyük Düşman) Oluşturmak
  • 66) Mega Enemy Büyük Düşmanın Mermilerini Oluşturmak
  • 67) Final Ses Dosyalarını Uygulamak
Eğitmen HakkındaSeti hazırlayan eğitmen hakkında bilgi

2010 Karadeniz Teknik Üniversitesi Mimarlık bölümü mezunu, Orta Doğu Teknik Üniversitesinde Mimar.(2010- 2018) .

 

Web geliştirme ve uygulama alanlarında 8 yıldır freelance olarak kurslar hazırlamakta , bilişim ve farklı branşlarda dersler vermektedir.

İlgi alanları:

  • HTML
  • CSS
  • JAVASCRİPT
  • JQUERY
  • PHP
  • MYSQL
  • WEB TABANLI OYUN GELİŞTİRME

Bir şeyi öğrenmenin en güzel yolu onu öğretmeye çalışmaktır.“düşüncesiyle Web tasarım ve kodlama  alanında kurslar hazırlamaya devam etmektedir.


ilginizi Çekebilecek Diğer Setler