# Visibility

Visibility, mimik ekranlar üzerinde nesneleri görünür / görünmez yapılmasını sağlar.

Mimiklerin görünmezliği iki farklı seçenek ile yapılabilinmektedir.

* **Animation Visibility Type - Tag :**

Animasyonunuzu hazırlarken görünmez özelliği eklemek istediğiniz nesneyi bir butona bağlayarak , buton yardımı ile görünmezlik özelliğini açıp kapatabilirsiniz. Bunun için resim 1 'de sarı ile gösterildiği  gibi animasyonunuzun tasarım aşamasında on/off butonu eklenmeli ve animation ekranında ilgili buton seçilerek ekranın sağ üst köşesinde bulunan ![](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/kJg10hjkPGLh1203ky6R/edit.jpg) " edit animation element " ikonu yardımı ile resim 2 'de gösterilen " animation element " menüsü açılır.

![Resim 1 : Animation Visibility](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/Sbs7kiD1PBymQyU8sJmj/Resim%201%20visibility%20ana%20g%C3%B6r%C3%BCnt%C3%BC.jpg)

Öncelikle oluşturduğunuz butona on / off özelliği eklemek için resim 2 'de gösterildiği gibi " click " özelliğinden aşağıda belirtilen kodlama eklenir. 

```
var a=ins.getVariableValue("BUTTON_TAG_001").value;
ins.setVariableValue("BUTTON_TAG_001",{value:!a});
```

![Resim 2 : Animation Visibility- Click Add](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/1WVqlJUnXgGzEV6WMKuH/Resim%202%20visibility%20click%20ekleme.jpg)

Daha sonra " ctrl " ile ekranda detay mimik seçim özelliği aktive edilerek gizlemek istediğimiz nesne, değişken vb seçilir ve ![](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/kJg10hjkPGLh1203ky6R/edit.jpg) " edit animations element " ikonu yardımı ile " animation element menüsü açılır. Resim 3 'te gösterildiği gibi " visibility " menüsünden ilgili nesne için oluşturduğumuz buton değişkeni seçilir ve kaydedilir. 

![Resim 3 : Animation Visibility Type - Tag](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/td4OERN6D3htHUtFQaJR/Resim%203%20visibility%20add.jpg)

* **Animation Visibility Type - Expression :** 

Animasyonumuzda görünmez olmasını istediğimiz mimiği " crtl " özelliğini açarak seçip ![](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/kJg10hjkPGLh1203ky6R/edit.jpg) ikonu yardımı ile Resim 4 'te gösterildiği gibi " expression " alanına  aşağıda gösterilen kodların isteğe bağlı olarak birisinin yazılması ile , ilgili nesnenin " visualization " ekranında görünmez olması veya görünür olması manuel olarak sağlanmış olacaktır. Aynı zamanda bu alanda kodlama yaparken dilediğiniz şarta bağlı olarakta kodlamalarınızı yazabilirsiniz.

```
return true // Seçili nesne görünmez olur.
return false // Seçili nesne görünür olur.
```

![Resim 4 : Animation Visibility Type - Expression](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/wTIpqyw5L5cf9QTfXKkB/Resim%204%20visibility%20expression.jpg)

## Visibility Visualization, Preview

Visibility tasarım işlemlerini tamamladığınızda " animation preview " ekranında veya ikonu yardımı ile açılan preview ekranında ,  " visualization " ekranında ilgili animasyon seçilerek ilgili alanda belirlediğiniz kural / şart' lara göre seçtiğiniz mimiğin / tagın , görünür veya görünmez olduğunu görüntüleyebileceksiniz.