App Lab’da Puzzle Uygulaması Yapalım

Puanlı Puzzle uygulaması yapalım. Ekrana yerleştirdiğimiz uçak resmini butonlarla gizleyeceğiz. Gizli resmi tahmin edeceğiz. Yanlış tahminde veya butona basıp resmin bir bölümünü açtığımızda 100 puan düşecek. Başlangıç puanı 300 olsun.

Uygulamayı Nasıl Yapacağız?

-Gerekli tasarım bileşenlerini ekrana yerleştirelim.

-Ekrana bir resim/ikon yerleştirelim. (Kod ile) Resmi 3 tane buton ile kapatalım.

-Başlangıç puanı 300 olsun.

-Butona basınca gizli resmin bir bölümü görünecek, ancak puanımız azalacak. p=p-100

-Tahmin edebiliriz ya da butona basıp resmi açmaya devam edebiliriz.

-Doğru tahminde, puanımız ile birlikte “Tebrikler” yazsın.

Komutlar

Uygulamayı alttaki Javascript komutlarını yazarak ya da blok kodlama ile uygulamayı hazırlayalım.

setText();

setProperty();

onEvent()

hideElement();

if (koşul) {
} else {
}

Kodlama yapalım.

Başlangıç puanı 300 olsun. Ekrana uçak resmini (ikon) yerleştirdik.

var p = 300;
setText("buttonPuan", p);
setProperty("screen1", "image", "icon://fa-plane");

Tahminimiz doğruysa; puanı yaz, butonları gizle ve resmi göster.

onEvent("buttontahmin", "click", function( ) {
  if (getText("text_input1") == "uçak") {
    setText("buttonPuan", p+" Tebrikler!");
    hideElement("button1");
    hideElement("button2");
    hideElement("button3");
  } else {
    p = p-100;
    setText("buttonPuan", p);
  }
});

Resmin bölümü görmek için butona basınca; basılan butonu gizle, puanı azalt, puanı yaz. Bu işlemi diğer butonlar için de yap.

onEvent("button1", "click", function( ) {
  hideElement("button1");
  p = p-100;
  setText("buttonPuan", p);
});