Creative Experience: Renk Seçiciyle Tasarımlarınızı Kişiselleştirme

12 Aralık 2024 Okumak için 3 dakika
Paylaşmak

Dizimizin beşinci bölümünde Creative Experience : tasarımlarınızı renk seçici . Renk seçici özelliğini kullanarak 3D modelinizi tercih ettiğiniz renkler ve tonlarla nasıl özelleştireceğinizi göstereceğiz.

2D Renk Seçici

2D Renk Seçici Oluştur

Proje Panelinde 2D kısmına sağ tıklayarak 2D Renk Seçici oluşturdum.

Şekil 1: 2D renkli seçici oluşturun

2B Renk Seçici Özellikleri

Renk Seçici Özellikler Panelinde 'Davranış Ekle' seçeneğini tıklayıp ardından 'Yeni Komut Dosyası'nı seçiyorum. Bu seçim karşımıza script yazabileceğimiz bir ekran getiriyor.

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

Komut Dosyası: Renk Seçici

Renk Seçici düğmesinin çalışması için bir komut dosyası gerekir. Aşağıda sizin için scripti verdim. Temelde bir JavaScript kodu olsa da belirli sınıflar ve kütüphanelerle özelleştirilmiştir.

 

beScript.onStart = function () {

};

beScript.onStop = function () {

};

beScript.execute = function (context) {

};

beScript.onUIValueChange = function (valueChange) {

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

        var updatedColor = new STU.ColorRGB();

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

    this.componentColor.baseColor = updatedColor;

};

 

Senaryonun detaylarına burada girmeyeceğim. Sadece genel işlevselliğinden bahsedeceğim. İlk üç satır, komut dosyası başlatıldığında, durdurulduğunda ve çalıştırıldığında kullanılan işlevleri içerir.

 

beScript.onStart = function () {

};

beScript.onStop = function () {

};

beScript.execute = function (context) {

};

Aşağıdaki işlev, renk seçicisini kullanarak bir değişiklik yaptığınızda tetiklenir. Seçilen rengi alır (this.getActor (). Renk)  ve bağlantılı malzemenin rengini (ComponentColor) .

beScript.onUIValueChange = function (valueChange) {

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

        var updatedColor = new STU.ColorRGB();

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

    this.componentColor.baseColor = updatedColor;

};

 

ComponentColor , renk seçici aracılığıyla seçilen yeni rengi saklar. Doğru işlevselliği sağlamak için, Özellikler panelinde tanımladım.

Şekil 3: Davranış Editörü

Özellikler Panelindeki Adımlar:

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

Not: Malzemeyi zaten bir bileşene atadığınızdan emin olun.

Şekil 4: Özellikler panelini adım atın

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

Şekil 5: Renk deneyimini oynamak

Çözüm:

Bu adımları izleyerek, 3D modellerinizin renklerini kolayca kişiselleştirerek tasarımlarınıza özel bir dokunuş ekleyebilirsiniz. Renk seçici özelliği, kullanıcılara gerçek zamanlı olarak renkleri dinamik olarak değiştirmelerini sağlar ve projelerinin estetiği üzerinde daha fazla kontrol sağlar. Işık kontrolünü kişiselleştirme sanatına daldığımız blogu keşfedin .

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

Rıdvan Polat

1 "Creative Experience: Tasarımlarınızı Renk Seçici ile Kişiselleştirme" hakkında yorum

Yorum bırakın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar işaretlendi *