# Rotate

Rotate, animasyonu bir nesnenin orta noktasını ofset alarak döndürülmesini sağlamaktadır.

Mimiklerin döndürülmesi iki farklı yol ile yapılabilinmesi mümkündür.

* **Animation Rotate Type - Expression :** &#x20;

Animasyonunuzu hazırladıktan sonra rotate özelliği eklemek istediğiniz mimiği, animasyon sayfasının "ctrl " özelliğini aktif hala getirdikten sonra yine animasyon sayfası üzerinden seçilerek ![](https://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2F7hLZtKotn0rF0vBSn9vm%2Fedit.jpg?alt=media\&token=2657457f-94d8-44a9-9e39-6e86711d2d2c) ikonu yardımı ile edit animation element sayfası açılmaktadır.

![Resim 1 : Rotate Type - Expression](https://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2FBicDU0g2b4dRTXKAss2G%2FResim%201%20rotate%20type%20expressin.jpg?alt=media\&token=8319ed67-210e-4aa3-a0a2-c9d168d1aeed)

Resim 1'de görüldüğü gibi seçili bir nesne üzerinde Math.random() fonksiyonu ile ürettiğimiz rastgele bir değere göre nesnenin orta noktasından döndürülmesini sağlıyoruz.

Resim 1'de sağ tarafdaki formda min-max değerleri 360 derecelik açıyı ölçeklendiriyoruz. Özetle 0 derecelik açı min değerine, 360 derecelik açı max değerine karşılık gelmektedir. Yukarıda verilen örnekte expression sonucu 0-100 değeri arasında oluşurken, nesne 0 ile 360 derecelik açı aralığında dönüş yapacaktır.

* **Animation Rotate Type - Tag :** &#x20;

Ratate Tag özelliği ile nesnelerin bir değişkene bağlanarak, değişkenin aldığı değere göre döndürülmesi sağlanmaktadır.

![Resim 2 : Rotate Type - Tag](https://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2FIYXumwAybPnMsmbUg9sI%2FResim%202%20rotate%20type%20tag.jpg?alt=media\&token=1fed71ae-bf7a-4ce6-a939-0981436490f7)



**Variable** : Rotate animasyonunu ilişkilendirmek istediğimiz variable

**Default** : Nesnenin değişken değerinin okunamadığı veya haberleşmenin olmadığı zaman gösterilmesini istediğimiz açısal pozisyon. (Örnek 0 için 0 derecelik açısal pozisyon)

**Min-Max** : Min 0 derecelik açısal pozisyonu, Max 360 derecelik açısal pozisyonu ifade eder.

{% hint style="info" %}
Rotate animasyonu sadece bir nesnenin orta noktasından döndürülmesini sağlar. Bu ilk bakışta  kısıtlayıcı gibi gelebilir. Fakat rotate animasyonu uygulamak istediğiniz nesneyi çizim aşamasında uygulayabileceğiniz bir kaç teknikle farklı döndürme animasyonları elde edebilirsiniz. Resim 3'te ki gauge nesneleri rotate animasyonu ile yapılabilmektedir.
{% endhint %}

![Resim 3 : Gauges](https://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2FpNbc4eqg9grFLN6vFpSZ%2Fresim%203%20gauges.jpg?alt=media\&token=31e9d272-f918-4d7a-ad12-a541f8c4212f)

## Rotate Visualization, Preview

Rotate 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 animasyonun ilgili alanında belirlediğiniz kural / şart' lara göre hazırladığınız tasarımın seçtiğiniz off set noktası üzerinden dönmeye başladığı ekran üzerinden görüntülenebilinecektir.
