• Buradasın

    MIT App Inventor ile Oyun Haritası ve Labirent Oluşturma Eğitimi

    youtube.com/watch?v=EEfE9tBVTHQ

    Yapay zekadan makale özeti

    • Bu video, bir eğitmen tarafından sunulan MIT App Inventor kullanarak oyun tasarımı eğitim serisinin bir bölümüdür.
    • Video, oyun yaparken arka taraftaki haritanın nasıl oluşturulacağını adım adım anlatmaktadır. İçerik, yeni proje oluşturma, ekran ayarları yapma, harita tasarımı, duvarların yerleştirilmesi, farklı ekran boyutlarında oyunun düzgün çalışması için prosedürlerin oluşturulması ve QR kod tarayarak ekran yansıtma tekniklerini kapsamaktadır. Son bölümde ise labirent oluşturma süreci detaylı olarak gösterilmektedir.
    • Eğitim, animasyon, altın toplama veya Mario gibi oyunlar yapmak isteyenler için temel bir rehber niteliğindedir. Eğitmen, prosedür tanımlama ve çağırma konusuna değinerek, labirentin basit görünmesine rağmen aslında karmaşık kodlar gerektiren bir tasarım olduğunu vurgulamaktadır.
    00:55Mityap Inventor'da Oyun Haritası Oluşturma
    • Bu ders, oyun yaparken arka taraftaki haritanın nasıl oluşturulacağını anlatıyor.
    • Animasyon, altın toplama oyunu veya Mario oyunu oluştururken animasyonun nasıl gerçekleştirileceği bu kısımda ele alınacak.
    • Google'da "mit app inventor" yazıp çıkan sayfadan "create up" diyerek yeni bir proje oluşturuluyor.
    01:59Proje Ayarları
    • Ekran ayarlarından screen orientation ile ekranın yatay veya dikey yapılması seçilebilir.
    • Uygulama için ikon eklenebilir, bunun için "up ikon nokta com" sitesi kullanılabilir.
    • Arka plan rengi değiştirilebilir ve blog kit ile ilgili seçenekler (much project, upload, view, modify) ayarlanabilir.
    05:36Oyun Haritası Oluşturma
    • Oyun yapmak için "drawing animation" seçeneğine gidilir ve canvas eklenir.
    • Canvas, oyunun haritasını oluşturur ve "fill parent with field parent" ile tüm ekranı kaplar.
    • Canvas'ın arka plan rengi değiştirilebilir.
    06:53Duvar Oluşturma
    • Oyun haritasında labirent oluşturmak için "image sprite" kullanılır.
    • Yatay duvar için 200x20 piksel boyutunda bir resim oluşturulur ve mavi renk verilir.
    • Dikey duvar için 20x200 piksel boyutunda bir resim oluşturulur ve mavi renk verilir.
    13:46Oyun Haritası Tasarımı
    • Yatay duvarlar ve dikey duvarlar eklenerek oyun haritası tasarımı yapılıyor.
    • Dikey duvarların boyutları ayarlanarak (high: 200, bit: 20) ve resim boyutu ayarlanarak (new project 1.png) harita oluşturuluyor.
    • Dikey duvarlar "dikey duvar bir" ve "dikey duvar iki" olarak isimlendiriliyor.
    15:12Emülatörde Test Etme
    • Oyun emülatörde test edilmek üzere connection kısmından ilk seçenek seçiliyor.
    • Mobil telefonunuzdan App Inventor 2 uygulamasını indirip QR kodu taratarak emülatöre bağlanılıyor.
    • Telefon ekranında oyun oransal olarak görüntüleniyor, ancak farklı telefonlarda farklı boyutlarda çıkabiliyor.
    16:48Ekran Düzenleme ve Prosedürler
    • Oyun sahnelerinin farklı ekranlarda kaymaması için kodla düzenleme yapılıyor.
    • "Oyun haritası kodla" adında bir prosedür oluşturuluyor ve ilk sahne açıldığında çağrılıyor.
    • Ekran bir kurulduğunda (screen bir initialize) bu prosedür çağrılıyor, böylece her seferinde aynı oyun sahnesi görüntüleniyor.
    19:33Ekran Boyutu ve Konumlandırma
    • Ekranın yerleşim yeri ve nesnelerin konumları önemli.
    • Yatay duvarların x koordinatı değiştirildiğinde (örneğin 10, 20, 50) nesnelerin sağdan soldan veya ortaya doğru hareket etmesi sağlanıyor.
    • Farklı ekran boyutlarında (tablet, küçük telefon, büyük telefon) nesnelerin konumları değiştiğinde ekran görüntüsü de değişiyor.
    20:15QR Kod ile Bağlantı Kurma
    • QR kodu tarayarak uygulama ekranı tekrar açılarak bağlantı kuruluyor.
    • Bağlantı kurulduktan sonra ekran görüntüsü gösteriliyor.
    • Ekranın konumu bilgisayar ve telefon ekranlarında farklı görünüyor çünkü ölçü birimleri farklı ayarlanmış.
    20:54X ve Y Koordinatları Ayarlama
    • X koordinatı 50 birim olarak ayarlandığında, ekran tam ortada görünmüyor çünkü oran oranla değil, soldan 50 birim bırak olarak ayarlanmış.
    • Y koordinatı 80 olarak ayarlandığında, ekranlar birbirine benziyor ancak gerçek bir ölçü birimi olmadığı için tam olarak aynı değil.
    • X koordinatı 20 olarak ayarlandığında, monitörde tam ortada görünürken telefon ekranında tam ortada görünmüyor.
    21:52Duvara Dayanma Ayarı
    • Duvarın durduğu yeri göstermek için sağdan soldan hareketler için x koordinatı ayarlanıyor.
    • Vlog kısmından yatay duvar bir'in x koordinatı alınarak duvara tam dayanması sağlanıyor.
    • Mat bloklarından sıfır alınarak yatay duvar bir'in x koordinatı ayarlanıyor.
    24:30Y Koordinatı Ayarlama
    • Yatayda duvara dayanması için yukarıdan aşağıda sabitlemek gerekiyor.
    • Y koordinatı ayarlanarak ekranın farklı konumlarına yerleştirilebiliyor.
    • Sabit bir sayı verilirse telefon ekranıyla bilgisayar ekranında farklı gözükebilir, bu yüzden oranlamak gerekiyor.
    25:11Yüzdelik Oranlama
    • Yatay duvar bir'in y koordinatı ayarlanırken yüzdelik ifade kullanılıyor.
    • Ekranın yukarıdan aşağı yüzde yüz'ü olarak oranlanıyor.
    • Matematik bloklarından çarpma işlemi kullanılarak yüzde değerleri belirleniyor.
    27:06Kodun Uygulanması
    • QR kod taramasıyla uygulama tekrar açılıyor ve bağlantı kuruluyor.
    • Y koordinatı yüzde 10 olarak ayarlandığında, telefon ekranında tavana dayanmış şekilde görünüyor.
    • Y koordinatı yüzde 20 olarak ayarlandığında, telefon ekranında sabit kalıyor.
    29:39Enlemesine Oranlama
    • Yatay duvar bir'in width kısmını da oranlamak için kod kullanılıyor.
    • Width kısmından yüzde 60 olarak ayarlanıyor.
    • Y koordinatı 3 olarak ayarlandığında yukarıdan aşağı biraz daha değişiyor, width 0,7 olarak ayarlandığında enlemesine biraz daha büyümüş oluyor.
    31:50Yatay Duvarların Ayarlanması
    • Telefon ekranında duvarın konumu yüzde bir olarak ayarlanarak ideal konuma getirildi.
    • Duvarın yukarıdan aşağı konumu sıfır virgül kırk olarak ayarlandı.
    • Blok kısmında yatay duvar bir, yatay duvar iki ve genişlik ayarları yapıldı.
    33:08Yatay Duvarların Özelliklerinin Değiştirilmesi
    • Yatay duvar iki için yükseklik sıfır virgül otuz olarak ayarlandı.
    • Yatay duvar iki için x kısmı sıfır virgül yetmiş, y kısmı sıfır virgül elli olarak ayarlandı.
    • QR kodu taratılarak ekran güncellendi ve yatay duvarın konumu yüzde altmış olarak ayarlandı.
    36:35Dikey Duvarların Ayarlanması
    • Dikey duvar bir için x ve y değerleri sıfır virgül otuz ve dört olarak ayarlandı.
    • Dikey duvarın yüksekliği sıfır virgül altmış olarak ayarlandı.
    • Dikey duvarın görünümü için bir veya sekiz değerleri denenerek ideal konuma getirildi.
    40:14Tasarımın Karmaşıklığı ve Avantajları
    • Tasarımın dışarıdan basit görünmesine rağmen, sayfadan sayfaya geçiş için karmaşık kodlar gerektiriyor.
    • Prosedür tanımlayarak ve çağırarak tasarımın tekrar kullanılabilir hale getirildi.
    • Bu yöntem sayesinde süper mario veya altın kazan gibi oyunlarda kullanılabilir.

    Yanıtı değerlendir

  • Yazeka sinir ağı makaleleri veya videoları özetliyor