Creative Experience: Personalisieren Sie Ihre Designs mit der Farbauswahl

Rıdvan Polat

12. Dezember 2024 3 Minuten Lesezeit

Im fünften Teil unserer Serie beschäftigen wir uns mit dem Creative Experience: Personalisieren Sie Ihre Designs mit der Farbauswahl“. Wir zeigen Ihnen, wie Sie Ihr 3D-Modell mithilfe der Farbauswahlfunktion mit Ihren bevorzugten Farben und Farbtönen anpassen können.

2D-Farbauswahl

2D-Farbauswahl erstellen

Ich habe einen 2D-Farbwähler erstellt, indem ich im Projektfenster mit der rechten Maustaste auf den 2D-Bereich geklickt habe.

Abbildung 1: Erstellen eines 2D-Farbwählers

2D-Farbauswahl-Eigenschaften

Im Eigenschaftenfenster des Farbwählers klicke ich auf die Option „Verhalten hinzufügen“ und wähle dann „Neues Skript“. Dadurch öffnet sich ein Fenster, in dem wir ein Skript schreiben können.

Abbildung 2: Eigenschaften des 2D-Farbauswahlfelds

Skript: Farbauswahl

Die Farbauswahl-Schaltfläche benötigt ein Skript, um zu funktionieren. Ich habe Ihnen das Skript unten bereitgestellt. Es handelt sich im Wesentlichen um JavaScript-Code, der jedoch mit spezifischen Klassen und Bibliotheken angepasst wurde.

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;

};

Ich werde hier nicht auf die Details des Skripts eingehen, sondern nur seine allgemeine Funktionsweise erläutern. Die ersten drei Zeilen enthalten die Funktionen, die beim Initialisieren, Stoppen und Ausführen des Skripts verwendet werden.

beScript.onStart = function () {

};

beScript.onStop = function () {

};

beScript.execute = function (context) {

};

Die unten stehende Funktion wird ausgelöst, wenn Sie eine Änderung mit dem Farbwähler vornehmen. Sie ruft die ausgewählte Farbe (this.getActor().color) und aktualisiert die Farbe des verknüpften Materials (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;

};

Die componentColor speichert die über die Farbauswahl ausgewählte Farbe. Um die korrekte Funktion zu gewährleisten, habe ich sie im Eigenschaftenfenster definiert.

Schritte im Eigenschaftenfenster:

Wählen Sie „Material“ als Typ aus.
im „Wert“ das Material aus, dessen Farbe Sie ändern möchten (z. B. Seitenwand).

Hinweis: Stellen Sie sicher, dass Sie das Material bereits einer Komponente zugeordnet haben.

Abbildung 4: Eigenschaftenfenster öffnen

Sobald ich diese Einstellungen konfiguriert habe, wird die Basisfarbe des verknüpften Materials automatisch aktualisiert, sobald ich eine Farbe über die Farbauswahl auswähle. Diese Konfiguration ermöglicht es Benutzern, die Materialfarbe interaktiv und in Echtzeit zu ändern.

Abschluss:

Mit diesen Schritten können Sie die Farben Ihrer 3D-Modelle ganz einfach personalisieren und Ihren Designs eine individuelle Note verleihen. Die Farbauswahl ermöglicht es Ihnen, Farben dynamisch in Echtzeit zu ändern und so die Ästhetik Ihrer Projekte präziser zu gestalten. Lesen Sie im nächsten Blogbeitragmehr über die Kunst der individuellen Lichtsteuerung.

Creative Experience : Setzen Sie Ihre Designs mit Lichtsteuerung in Szene

Autor
Neueste Beiträge

Rıdvan Polat

Mitbegründer von ChampionXperience

Ridvan Polat ist SOLIDWORKS Elite Application Engineer, Gründer von ChampionXperienceund anerkannter Experte SOLIDWORKS, ENOVIAund 3DEXPERIENCE . Er ist spezialisiert auf technischen Support CATIA und ENOVIA sowie die frühzeitige Implementierung von 3DEXPERIENCE und unterstützt Unternehmen bei der Optimierung ihrer PLM-Workflows.

Neueste Beiträge von Rıdvan Polat (alle anzeigen)