Nella quinta parte della nostra serie, esploriamo Creative Experience: personalizzare i tuoi progetti con il Selettore colori. Ti mostreremo come personalizzare il tuo modello 3D con i colori e le tonalità che preferisci utilizzando la funzione Selettore colori.

Selettore colori 2D

Crea un selettore di colori 2D

Ho creato un selettore colore 2D facendo clic con il pulsante destro del mouse sulla sezione 2D nel pannello Progetto.

Proprietà del selettore colore 2D

Nel pannello Proprietà del Selettore colore, clicco sull'opzione "Aggiungi comportamento" e poi seleziono "Nuovo script". Questa selezione apre una schermata in cui possiamo scrivere uno script.

Script: Selettore colore

Il pulsante Selettore Colore richiede uno script per funzionare. Lo script è disponibile qui sotto. Sebbene si tratti essenzialmente di codice JavaScript, è stato personalizzato con classi e librerie specifiche.

beScript.onStart = funzione () {

};

beScript.onStop = funzione () {

};

beScript.execute = funzione (contesto) {

};

beScript.onUIValueChange = funzione (valueChange) {

    se (this.componentColor !== null && this.componentColor !== indefinito)

        var updatedColor = new STU.ColorRGB();

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

    this.componentColor.baseColor = updatedColor;

};

Non entrerò nei dettagli dello script qui. Parlerò solo della sua funzionalità generale. Le prime tre righe contengono le funzioni utilizzate quando lo script viene inizializzato, arrestato ed eseguito.

beScript.onStart = funzione () {

};

beScript.onStop = funzione () {

};

beScript.execute = funzione (contesto) {

};

La funzione seguente si attiva quando si apporta una modifica tramite il Selettore colore. Recupera il colore selezionato (this.getActor().color)  e aggiorna il colore del materiale collegato (componentColor).

beScript.onUIValueChange = funzione (valueChange) {

    se (this.componentColor !== null && this.componentColor !== indefinito)

        var updatedColor = new STU.ColorRGB();

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

    this.componentColor.baseColor = updatedColor;

};

La componentColor memorizza il nuovo colore selezionato tramite il Selettore Colore. Per garantirne il corretto funzionamento, l'ho definita nel pannello Proprietà.

Passaggi nel pannello Proprietà:

• Selezionare Materiale come Tipo.
• Nel Valore , seleziona il materiale di cui vuoi cambiare il colore (ad esempio, Pannello laterale).

Nota: assicurati di aver già assegnato il materiale a un componente.

Una volta configurate queste impostazioni, qualsiasi colore selezionato tramite il Selettore Colore aggiornerà automaticamente il colore di base del materiale collegato. Questa configurazione consente agli utenti di modificare interattivamente il colore del materiale in tempo reale.

Conclusione:

Seguendo questi passaggi, puoi personalizzare facilmente i colori dei tuoi modelli 3D, aggiungendo un tocco personale ai tuoi progetti. La funzione Color Picker consente agli utenti di modificare dinamicamente i colori in tempo reale, offrendo loro un maggiore controllo sull'estetica dei loro progetti. Esplora il prossimo blog, dove approfondiremo l'arte della personalizzazione del controllo della luce.

Creative Experience : illumina i tuoi progetti con il controllo della luce

• Autore
• Articoli recenti

Rıdvan Polat

Co-fondatore di ChampionXperience

Ridvan Polat è un SOLIDWORKS Elite Application Engineer, fondatore di ChampionXperiencee riconosciuto SOLIDWORKS, ENOVIAe 3DEXPERIENCE Champion. È specializzato nel supporto tecnico CATIA ed ENOVIA e nell'adattamento precoce di 3DEXPERIENCE , aiutando le organizzazioni a ottimizzare i flussi di lavoro PLM.

Ultimi articoli di Rıdvan Polat (vedi tutti)

• Come configurare il server licenze DS - 13 febbraio 2026
• Come installare CATIA V5 - 13 febbraio 2026
• Come creare disegni tecnici in Onshape: distinte materiali, viste esplose e altro - 5 febbraio 2026