Javascript Oyun Yapma Dersleri HTML5+CSS3

Javascript ile oyun nasıl yapılır, oyun nasıl programlanır öğrenmek ister misin ? Javascript class yapısı kullanarak nesne yönelimli modern kod yazımları  ile  sen de kendi oyununu çok kolay programlayabilirsin  ve algoritma yeteneğin çok iyi gelişecek.


Algoritma demişken matematik biraz sıkıntı çıkarır diyorsanız İkizHocalar Youtube Kanalıma sizi davet ediyorum abone olmayı unutmayın ama :) Sıfırdan matematik dersleri anlatıyoruz.

Javascript

Javascript ile Oyun Nasıl Yapılır

Javascript ile oyun yapabilmek için öncelikle HTML5 öğrenmemiş olmamız gerekir.Haliyle uygulamamızın ve oyunumuzu güzel tasarlamak içinde CSS'i çok iyi bilmeliyiz.

Eğer yok  diyorsanız  hemen HTML5 ve CSS3 Video Derslerini hemen izleyin.Ya da aşağıdaki resme tıklayarak videoların tamamına ulaşın öğrenin gelin . Ben bekliyorum :)

HTML5 ve CSS3 Dersleri

Javascript ile Oyun Yapma Çok Kolay

Javascript ile oyun geliştirirken bir oyun kütüphanesi kullanmak zorunda değiliz.Ben oyun geliştirirken HTML5 Canvas etiketini (tagını) kullanarak canvas elamanını bir oyun tuvali olarak kullanıyorum.Tüm oyun sahneleri materyalleri  Html5 ve Css Kodlarından oluşuyor.

Javascript ile Uçak oyunu yaptım ! İzleyelim mi ?

Aşağıda kod67  Youtube kanalımda ki oyunun ön izlemesini göstermek istiyorum.Videoların tamamına  Javascript ile oyun nasıl yapılır adresinden ulaşabilirsiniz.Haydi şimdi videoyu izleyelim.Bakalım sıfırdan javascript ile oyun nasıl yapılırmış.



HTML5 ve Javascript Oyun yapımı Dersleri

Javascript yılan oyunu  nasıl yapılır ? 

Html5 canvas animasyon dersleri ve yılan oyunu  yapımı hakkında hazırlamış olduğum 6 saatlik eğitim videolarını mutlaka izleyin ve sizde kendi oyununuzu geliştirmeye başlayın.Videolara ulaşmak için  Yılan oyunu ve javascript animasyon dersleri sayfamı ziyaret edin.Çok şey öğreneceksiniz.Oyun programlama ve geliştirme kodlamada bizlere çok şey kazandırıyor.Bir çok sorunlar çıkıyor ve algoritmalar üretmemiz gerekebiliyor. Lafı uzatmayalım ve şimdide Javascript ile yaptığım  yılan oyununu sizlere sunayım.

Javascript yılan oyunu  yapma dersleri 1.video




Unity gibi 3d veya 2d oyun yapmak isterseniz javascript ile bu oyunları yapmanızı kesinlikle öneririm çünkü Unity programını indirdiğinizde sizlerden Csharp yada Javascript kodlarıyla oyun yapmanız beklenecektir.Bu yüzden gittikçe gelişen ve kullanım alanı artan javascripti her yönüyle öğrenmek ,class yapısı yani nesneye yönelik düzenli kodlar yazmak çok yerinde olacaktır.

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

HTML DOCTYPE Bildirimi

HTML <!DOCTYPE> Bildirimi Örnek <!DOCTYPE> Bildirimi: < !DOCTYPE html > < html > < head > < title > Sayfanızın başlığı < /title > < /head > < body > Sayfanızın içeriği........ < /body > < /html > Kendiniz deneyin » htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI Sayfanızın başlığı Sayfanızın içeriği........ HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <!DOCTYPE> Tanımı ve Kullanımı  HTML dökümanınızda <html> etiketinden önce, en başta olması gereken şey <!DOCTYPE> bildirimidir.  <!DOCTYPE> bildirimi bi...
Devamı Oku »

Uyurken Bile Para Kazanmak İster misin

Resim
    İnternetten para kazanmanın yolları   ile ilgili yazılar paylaşmaya devam edeceğim. Sizler de internetten gelir elde etmek istiyorsanız yazılarımı takip ederek  internetten para kazandıran siteler  ve uygular ile  hızlı ve kolay para kazan abilirsiniz. Harika Bir pasif gelir elde et Uyurken Bile Para Kazan Ücretsiz bitcoin kazan dıran bu harika sitenin ayrıca referans sistemi var. Üye olduğunuzda Refer(sayfasına gidip kendi linkinizi heryerde paylaşın ve para kazanmaya hemen başlayın.) Arkadaşlarınızı da üye yaparak  pasif gelir elde edebilirsiniz . Genelde  uyurken bile para kazan   denildiğinde anlamanız gereken bu sistemdir. Haydi  Ücretsiz Bitcin kazanmaya başlayalım  ve paraya dönüştürelim. Siteye Hemen Üye ol:  FreeBitcoin  ( tıkla ) Ücretsiz Bitcoin Kazandıran siteye hemen üye ol (arkadaşlarınla paylaş) uyurken bile para kazan Her saat bitcoin kazanabilirsin ( Şanslı isen 200 Dolar değerinde Bitcoin ) Kazandığın...
Devamı Oku »

Javascript ile neler yapılabilir

Resim
Javascripti web prokelerimizde hangi amaçlarla nasıl kullanabileceğimizi ve javascript ile neler yapılabilir bu yazımda bunları anlatmaya çalışacağım.Javascript  kullancı taraflı bir dildir.Öğrenilmesi en kolay  web programlama dilidir.Ve bir webmasterın öğrenmesi gereken temel 3 dilden biridir.Bu diller:Html,Css ve Javascripttir.
Devamı Oku »

Html belgesi yapısını anlama uygulaması

Resim
Html  dersi uygulama örneğimizde  html belgesinde temel etiketler ve kullanımını öğreneceğiz.Bu uygulama çok basit bir web sayfasının kodlarıdır.Sizlerde başlığı değiştirerek ya da paragraf etiketlerini değiştirerek kod yazmaya başlayabilirsiniz.Bir web sitesi yapmak için temel kurgu iyi bilinmelidir. <!DOCTYPE HTML> <html> <head> <title>Belge Başlığı</title> </head> <body> <h1>İçerik Başlığım</h1> <p>İlk paragrafım.....</p> </body> </html> Html belgesi uygulama videosu Bir html dökümanının uzantısı html'dir.Aşağıda izleyeceğiniz videoda sıfırdan html derslerine uygulamalarla başlamış olacağız.Videoyu izlemeden önce son hatırlatmaları yapalım. Doctype bildirimi ile tarayıcıya sitemizin html5 ile yapıldığını bildiriyoruz. Sitemiz html kodları içerisinde her elemanı kapsayan en önemli etikettir. Bizler kullanıcı olarak web sitelerinde sadece body kodları arası...
Devamı Oku »

Javascript yapısı ve DOM nedir

Resim
Javascript yapısı denildiğinde ilk akla gelmesi gereken nesne yönelimli  program olduğudur.Object Oriented bir dilde denilebilir.Nesne yönelimli programlamada her şey bir nesneden oluşur.Nesnelerin özellikleri ve davranışları(metodlar) vardır. Javascript Nesne Yönelimli bir programlama dilidir. Şimdi aşağıdaki kodları incelemenizi istiyorum. Javascript ile bir yazı yazdırmak istediğimizde klasik olarak kullanılan bir kod var.Document nesnesinin  write metodu kullanılarak html dökümanına yazı yazdıracağız. <!DOCTYPE html> <!DOCTYPE HTML> <html lang="tr"> <head> <meta charset="UTF-8"> <title>Js ile yazı yazdırma metodu</title> </head> <body> <script type="text/javascript"> document.write("şu anda saat 18:53"); </script> </body> </html> Görüldüğü üzere DOM modelindeki document nesnesi'nin  write m...
Devamı Oku »

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

Resim
Merhaba arkadaşlar bu yazımda  eski tarayıcılarda çalışmayan kodları nasıl gizleyebileceğimizi ve  uzunca yazılan  javascript kod satırlarını bölme yi öğreteceğim. Web tasarım ve kodlama dersleri adı altında  başlatmış olduğum javascript dersleri makalelerimin hepsini okumanızı istiyorum ve sizler için hazırlanan uygulamaların hepsini dikkatle uygulayarak öğrenin.Bir önceki yazımda javascript ile neler yapılabilir  konusunu işledim. Js de eski tarayıcılarda çalışma ve kod satırlarını gizleme Bazen web site yapmak istediğimizde  hangi programlama dilini kullanırsak kullanalım kodlar uzayabiliyor bu gibi durumlarda javascript kodlarını bölerek alt satıra rahatlıkla geçişler yapabiliriz.Aşağıdaki örnekte javascript kodunu  ters slash (\) ile bölerek rahatça kod yazımına devam edeceğiz.Örneği inceleyiniz. <!DOCTYPE HTML> <html lang="tr"> <head> <meta charset="UTF-8"> <title>Js ile kod satırını b...
Devamı Oku »

Javascript kodları nereye yazılır

Resim
Javascript kodlarını genel olarak 4 farklı yöntemle kullanabiliriz,istersek html sayfasının head bölümünde istersek body etiketinden önce ,harici bir dosyadan çağırarak yada tarayıcımızın console bölmesinde görüntülenmesini sağlayabiliriz.Unutmadan bir de eğer kullanıcıya uyarı vermek istiyorsak window nesnesinin alert metodunu kullanarak da javascript kodlarını çalıştırabiliriz. Javascript kodları nereye yazılır öğreneceğiz. Javascript kodları nerelerde kullanılır ve çalıştırma şekilleri Bu javascript dersi nde js kodlarını html sayfalarında farklı şekillerde çağırmayı öğreneceğiz. Alert metodu kullanarak görsel bir uyarı alacağız. Script kodunu harici bir dosyadan çağırarak kullanarak kullanacağız. Document nesnesinin write metodunu kullanarak örnek kod uygulaması yapacağız. Son olarak html belgesinin head bölümüne script tagları arasında kod yazıp çalıştıracağız. Tarayıcımızın console bölmesinde de js kodlarının çalışmasını öğrenmiş olacağız. html sayfalarının hea...
Devamı Oku »

HTML5 ile SEO Uyumlu İçerik Üret

Resim
 Merhaba arkadaşlar , HTML5 ile SEO uyumlu içerik üretmek için   yapabileceğiniz çok basit ama bir blog ve web site için çok önemli olan bir kaç şeyi size paylaşıyorum. HTML5 ile SEO Uyumlu İçerik Üret Başlık Etiketlerini Etkili  Kullanın İçeriğinizi önemli anahtar kelimelerle vurgulamak için başlık etiketlerini (H1, H2, H3 vb.) kullanın. Anahtar kelimeleri bu başlık etiketlerinde yerleştirerek sayfanın yapısını anlamlı bir şekilde düzenleyin.  İçeriğinizde başlık etiketlerini (H1, H2, H3 vb.) kullanarak sayfada hiyerarşi oluşturun. Ana başlık (H1) sadece bir kez kullanılmalı ve diğer başlık etiketleri (H2, H3 vb.) alt başlıklar için kullanılmalıdır. Meta Etiketlerini Kullanmayı Unutmayın  Meta açıklama etiketini kullanarak sayfanın içeriğini özetleyin vemümkünse  anahtar kelimelerinizin en azından bir tanesi meta açıklamada bulunsun. Anahtar kelimeleri de bu açıklamada kullanarak arama motorlarının içeriğinizi daha iyi anlamasını sağlayın. Ayrıca, her...
Devamı Oku »