© 2023 Créé blog.championxperience.comchampionxperience.com
Dans ce cinquième volet de notre série, nous explorons Creative Experience : Personnaliser vos créations avec le sélecteur de couleurs. Nous vous montrerons comment personnaliser votre modèle 3D avec vos couleurs et tons préférés grâce à la fonctionnalité Sélecteur de couleurs.
Sélecteur de couleurs 2D
Créer un sélecteur de couleurs 2D
J'ai créé un sélecteur de couleurs 2D en cliquant avec le bouton droit sur la section 2D du panneau Projet.
Propriétés du sélecteur de couleurs 2D
Dans le panneau Propriétés du sélecteur de couleurs, je clique sur l'option « Ajouter un comportement », puis je sélectionne « Nouveau script ». Cette sélection ouvre un écran où nous pouvons écrire un script.
Script : Sélecteur de couleurs
Le bouton Sélecteur de couleurs nécessite un script pour fonctionner. Vous trouverez ce script ci-dessous. Bien qu'il s'agisse essentiellement de code JavaScript, il a été personnalisé avec des classes et des bibliothèques spécifiques.
beScript.onStart = fonction () {
};
beScript.onStop = fonction () {
};
beScript.execute = fonction (contexte) {
};
beScript.onUIValueChange = fonction (valueChange) {
si (this.componentColor !== null && this.componentColor !== undefined)
var updatedColor = new STU.ColorRGB();
couleur mise à jour.à partir de la couleur(this.getActor().color);
this.componentColor.baseColor = updatedColor;
};
Je ne détaillerai pas le script ici. Je parlerai seulement de son fonctionnement général. Les trois premières lignes contiennent les fonctions utilisées lors de l'initialisation, de l'arrêt et de l'exécution du script.
beScript.onStart = fonction () {
};
beScript.onStop = fonction () {
};
beScript.execute = fonction (contexte) {
};
La fonction ci-dessous se déclenche lorsque vous effectuez une modification à l'aide du sélecteur de couleurs. Elle récupère la couleur sélectionnée (this.getActor().color) et met à jour la couleur du matériau lié (componentColor).
beScript.onUIValueChange = fonction (valueChange) {
si (this.componentColor !== null && this.componentColor !== undefined)
var updatedColor = new STU.ColorRGB();
couleur mise à jour.à partir de la couleur(this.getActor().color);
this.componentColor.baseColor = updatedColor;
};
La componentColor stocke la nouvelle couleur sélectionnée via le sélecteur de couleurs. Pour garantir un fonctionnement correct, je l'ai définie dans le panneau Propriétés.
Étapes dans le panneau Propriétés :
- Sélectionnez Matériau comme Type.
- Dans le Valeur , choisissez le matériau dont vous souhaitez modifier la couleur (par exemple, Panneau latéral).
Remarque : assurez-vous d'avoir déjà affecté le matériau à un composant.
Une fois ces paramètres configurés, toute couleur sélectionnée via le sélecteur de couleurs mettra automatiquement à jour la couleur de base du matériau associé. Cette configuration permet aux utilisateurs de modifier interactivement la couleur du matériau en temps réel.
Conclusion:
En suivant ces étapes, vous pouvez facilement personnaliser les couleurs de vos modèles 3D et apporter une touche unique à vos créations. La fonction Sélecteur de couleurs permet de modifier les couleurs en temps réel, offrant ainsi un meilleur contrôle sur l'esthétique de vos projets. Découvrez notre prochain article de blog, consacré à l'art de la personnalisation de l'éclairage.
Creative Experience : Illuminez vos créations grâce au contrôle de la lumière
Cofondateur de ChampionXperience
Ridvan Polat est ingénieur d'application SOLIDWORKS Elite, fondateur de ChampionXperienceet expert reconnu SOLIDWORKS, ENOVIAet 3DEXPERIENCE . Il est spécialisé dans le support technique CATIA et ENOVIA ainsi que dans l'accompagnement des entreprises dès leur prise en main de 3DEXPERIENCE , les aidant ainsi à optimiser leurs flux de travail PLM.
Derniers articles de Rıdvan Polat (voir tous)
[…] Ne manquez pas le prochain article de blog, où j'aborderai la personnalisation de vos créations à l'aide de la couleur […]