Menu

Gideros Studio ile Android & IOS Mobil Uygulama & Mobil Oyun Geliştirme Ders 2

5 Mart 2014 - Mobil Uygulamalar, Programlama

Bu dersimizde eğlenceli bir şekilde 100 satır kod ile Gideros Studioda eğlenceli bir mobil uygulama yazıcaz. Uygulamamızın son hali şu şekilde olacaktır.

son_hal

Uygulamamızın senaryosu şöyle olacak :
Açılışta ekranın sağ alt köşesinden Arnavut Şevket abimiz animasyonlu bir şekilde çıkıp gelecek ve bir süre gecikme ile  “Hadi yavrum çipetpet” diyecek. Çıkan baloncuğa tıklandığında Arnavut Şerket abimiz ve konuşma baloncuğu kaybolacak. Sahneyi ses butonlarımız alacak. Her butona tıklandığında ise önceden hazırlamış olduğumuz .mp3 formatındaki ses efektlerini çalacak. Son olarak Kapat butonuyla uygulamadan çıkacağız. Haydi Başlayalım

 

İlk dersimizde anlattığımız şekilde projemizi ve “main.lua” dosyamızıoluşturuyoruz.

1Arkaplan_olusturma

 

Ekran boyutlarını ve oranlarını aldırıyoruz. Ben 720×1280 ekranda çalıştım siz hangi ekranda çalışmak isterseniz ona göre ayarlayın.

– Googledan bulup biraz bulanıklaştırdığım 720×1280 boğaz manzarasını arkaplan olarak kullandım
– setScale() kodu ile oranları kullanarak her ekrana uyumlu hale getirdim.
– stage:addChild() komutu ile ekrana yerleştirdim.

 

2animasyon

– Animasyonumuz da kullanacağımız Arnavut Şevket abimizin resmini oluşturuyoruz.
– MovieClip.new{}  ile animasyon klibimizi oluşturup resimde yazdığım gibi ayarlarımızı yapıyoruz.
- stage:addChild() ile ekrana yansıtıyoruz
– :play() ile animasyonumuzu başlatıyoruz. 
Aranavut Şevket abimiz ekranın sağ alt köşesinden çıkıp geliyor.

 

3baslat_butonu

Konuşma balouncuğumuzun animasyonunuda üstteki ile aynı şekilde yapıyoruz. fakat bu sefer süresi 150 yapıp daha geç gelmesini sağlıyoruz.

8kaynaklar

kullanacağımız buton resimlerimizi ve seslerimizi atıyoruz

6button_lua_olusturma

 

button.lua ve sesbutton.lua dosyalarını ekliyoruz. Butonları kullanabilmek için özel bir kod kullanacağız bunu kendim yazmıyorum hazır olarak sunulmuş buttun dosyası var onu kullanıcaz.

buttun.lua dosyasının içine aşağıdaki linkten aldığımız kodu yapıştırın ve kaydedin bu butonları kullana bilmek için birdir.
https://github.com/gideros/Button/blob/master/button.lua

 

sesbutton.lua dosyasının içine
7sesbutton_lua

 

seslerimizi çalacak fonksiyonu oluşturduktan sonra buttonları oluşturmaya geldi.

4ses_buton_ekleme

– ekranda kontrolsüz bir şekilde çıkmaması için Sesler() fonksiyonunu oluşturuyoruz
– her butonumuzun basık ve basılmamış resmini ayarlıyoruz birde hangi sesi çalacağını yazıyoruz.
– kapat butonumuzda ses olmayacağı için sadece basık ve basılmamış görüntüsü yetecektir.aşağılarda ona fonksiyon atayacağız
– butonlarımızın boyutunu ayarlıyoruz.
– buttonların yerlerini arasında eşit mesafeler bırakarak ayarlıyoruz.

5button_click

– butonlarımızı ekrana yansıtıyoruz
– kapat butonuna basıldığında yapılacak fonksiyonu addEventListener(“click”,FONKSİYONUMUZ)  şeklinde belirtiyoruz application:exit() uygulamamızın kapatılmasını sağlıyor.
– İlk ekranımızdaki Baslat baloncuğuna basıldığında Arnavut Şevket abimizi ve konuşma baloncuğunu silecek ardından Sesler() fonksiyonunu çağıracak.

 

Artık uygulamamız hazır.

Bu derste neler öğrendik ?
– Animasyonlu hareket
– Button kullanımı
– Ses kullanımı

 

Kaynak Kodlara Aşağıdaki Linkten Ulaşabilirsiniz

https://docs.google.com/file/d/0B7xs5it4YpmwS3JSUkR4b0w1dGM

2 thoughts on “Gideros Studio ile Android & IOS Mobil Uygulama & Mobil Oyun Geliştirme Ders 2

furkan

Hocam arnavut şevket tasarımını hangi programdan tasarladınız?

Reply
    Göksel

    grafik olarak tasarım diyorsan kendim tasarlamadım bulduğum bir görselden kesmiştim

    Reply

Göksel için bir cevap yazın Cevabı iptal et

E-posta hesabınız yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Yandex.Metrica