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.
Proje Panelinde 2D kısmına sağ tıklayarak 2D Renk Seçici oluşturdum.
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.
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.
Özellikler Panelindeki Adımlar:
Not: Malzemeyi zaten bir bileşene atadığınızdan emin olun.
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.
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
1 "Creative Experience: Tasarımlarınızı Renk Seçici ile Kişiselleştirme" hakkında yorum