Creative Experience: Renk Seçici ile Tasarımlarınızı Kişiselleştirin

12 Aralık 2024 Okuma süresi 3 dakika
Paylaşmak

Serimizin beşinci bölümünde, Creative Experienceile Tasarımlarınızı Kişiselleştirme konusunu Renk Seçici. Renk Seçici özelliğini kullanarak 3B modelinizi tercih ettiğiniz renkler ve tonlarla nasıl özelleştirebileceğinizi göstereceğiz.

2B Renk Seçici

2B Renk Seçici Oluştur

Proje Paneli'ndeki 2B bölümüne sağ tıklayarak 2B Renk Seçici oluşturdum.

Şekil 1: 2B Renk Seçici Oluşturma

2B Renk Seçici Özellikleri

Renk Seçici Özellikler Paneli'nde, 'Davranış Ekle' seçeneğine tıklıyorum ve ardından 'Yeni Komut Dosyası'nı seçiyorum. Bu seçim, komut dosyası yazabileceğimiz bir ekranı açıyor.

Şekil 2: 2B Renk Seçici Özellikleri

Komut Dosyası: Renk Seçici

Renk Seçici düğmesinin çalışması için bir komut dosyasına ihtiyaç vardır. Bu komut dosyasını aşağıda sizin için paylaştım. Temelde bir JavaScript kodu olmasına rağmen, belirli sınıflar ve kütüphanelerle özelleştirilmiştir.

 

beScript.onStart = function () {

};

beScript.onStop = function () {

};

beScript.execute = fonksiyon (bağlam) {

};

beScript.onUIValueChange = function (valueChange) {

    if (this.componentColor !== null && this.componentColor !== undefined)

        var updatedColor = new STU.ColorRGB();

    updatedColor.fromColor(this.getActor().color);

    bu.bileşenrengi.temelrenk = güncellenmişrenk;

};

 

Burada betiğin detaylarına girmeyeceğim. Sadece genel işlevselliğinden bahsedeceğim. İlk üç satır, betiğin başlatılması, durdurulması ve yürütülmesi sırasında kullanılan işlevleri içerir.

 

beScript.onStart = function () {

};

beScript.onStop = function () {

};

beScript.execute = fonksiyon (bağlam) {

};

Aşağıdaki fonksiyon, Renk Seçici'yi kullanarak bir değişiklik yaptığınızda tetiklenir. Seçilen rengi (this.getActor().color)  ve bağlantılı materyalin rengini (componentColor).

beScript.onUIValueChange = function (valueChange) {

    if (this.componentColor !== null && this.componentColor !== undefined)

        var updatedColor = new STU.ColorRGB();

    updatedColor.fromColor(this.getActor().color);

    bu.bileşenrengi.temelrenk = güncellenmişrenk;

};

 

değişkeni, `componentColor` Renk Seçici aracılığıyla seçilen yeni rengi saklar. Doğru çalışması için bunu Özellikler panelinde tanımladım.

Şekil 3: Davranış Düzenleyici

Özellikler Paneli'ndeki adımlar:

  • olarak Malzeme'yi seçin Tür.
  • alanında Değer , rengini değiştirmek istediğiniz malzemeyi seçin (örneğin, Yan Panel).

Not: Malzemeyi bir bileşene atamış olduğunuzdan emin olun.

Şekil 4: Özellikler Panelini Yukarı Taşıyın

Bu ayarları yapılandırdıktan sonra, Renk Seçici aracılığıyla seçtiğim herhangi bir renk, bağlantılı malzemenin temel rengini otomatik olarak güncelleyecektir. Bu kurulum, kullanıcıların malzeme rengini gerçek zamanlı olarak etkileşimli bir şekilde değiştirmelerini sağlar.

Şekil 5: Renk Deneyimi Oynama

Çözüm:

Bu adımları izleyerek, 3D modellerinizin renklerini kolayca kişiselleştirebilir ve tasarımlarınıza özel bir dokunuş katabilirsiniz. Renk Seçici özelliği, kullanıcılara renkleri gerçek zamanlı olarak dinamik bir şekilde değiştirme olanağı sunarak projelerinin estetiği üzerinde daha fazla kontrol sağlar. Bir sonraki blogkişiselleştirme sanatına daha detaylı bir şekilde değineceğiz ışık kontrolünü.

Creative Experience : Tasarımlarınızı Işık Kontrolüyle Aydınlatın

Rıdvan Polat
Abone
Bildirmek
misafir

1 Yorum
En Yaşlı
En Yeni En Çok Oy Alan
Satır İçi Geri Bildirimler
Tüm yorumları görüntüle
geri izleme

[…] Bir sonraki blog yazısını kaçırmayın, orada renkleri kullanarak tasarımlarınızı kişiselleştirme konusuna değineceğim […]

1
0
Düşüncelerinizi paylaşmanızı çok isterim, lütfen yorum yapın.x