7
votes

Comment définir la même valeur HUE (constante) pour chaque pixel d'une image à l'aide de ColorMatrix?

J'essaie de définir une valeur de Hue constante pour une image entière avec l'utilisation de ColorMatrix. Mon objectif est de fabriquer une image entière avec la même couleur sans perdre de la luminosité de toute zone. J'ai trouvé un moyen de déplacer les valeurs de Hue d'une image à l'aide de ColorMatrix, mais je n'ai pas trouvé aucun moyen de définir la même valeur de Hue pour tous les pixels. Je peux le faire avec itérant chaque pixel d'image, mais cette approche est trop lente. Je ne suis pas sûr que s'il est possible de le faire avec ColorMatrix et je suis ouvert aux solutions possibles autres que l'approche de ColorMatrix.

image d'entrée

Hue Shifting Sortie Image *

image de sortie souhaitée **

* Ceci peut être fait avec une matrice de couleur

** Je peux le faire avec des pixels itérateurs mais pas avec ColorMatrix

PS: J'essaie de faire cela sur Android, mais je pense que la question n'est pas directement liée à l'Android puisque l'approche de ColorMatrix est courante sur d'autres plates-formes telles que Flash, C # etc.

android c# hsl actionscript-3 colormatrix

1 commentaires

Si la vitesse est un problème, avez-vous envisagé d'utiliser les shaders de fragment de OpenGL?

5 Réponses :

3
votes

Pas vraiment familier ici, mais je crois que ce lien peut aider: http://www.graficaobscura.com/matrix/index.html C'est Code C. Vous devez donc traduire C -> ColorMatrix, mais dans le dernier paragraphe, il y a l'opération

Hue Rotation While Preserving Luminance

0 commentaires

1
votes

Voici un moyen rapide de le faire, si vous voulez régler la teinte, disons, h (0,5, 0,2, 0,3).

var matrix:Array = new Array();
matrix = matrix.concat([.5, .5, .5, 0, 0]);
matrix = matrix.concat([.2, .2, .2, 0, 0]);
matrix = matrix.concat([.3, .3, .3, 0, 0]);
matrix = matrix.concat([0, 0, 0, 1, 0]);
var filter:ColorMatrixFilter = new ColorMatrixFilter(matrix);

image.filters = [filter];

2 commentaires

Merci pour votre réponse, malheureusement, cela ne fait que changer le RVB et non la valeur de la teinte.

Eh bien, avec cette solution, chaque pixel a la même teinte.

3
votes

Consultez QColorMatrix , qui a une colormertrix Routine appelée rotatehue . Source est en C ++, mais est portable dans d'autres langues (j'ai porté une partie à .NET dans le passé et cela a fonctionné bien).



                                                                    
                                    
                                    
                                        0 commentaires


                        
                                            
                            
                                
                                    2
 votes
                                
                            
                            
                                
                                     Je ne pense pas qu'il y ait un moyen de faire  exactement  ce que vous demandez avec une colormertrix. Il ressemble à ce que vous voulez faire est de passer de RVB en Espace couleur HSL, définissez H constante dans tous les pixels et se transformer en arrière de HSL en RVB. Ces transformations d'espace de couleur ne sont pas linéaires et ne peuvent être représentées avec des matrices. En raison de la manière différente de ces espaces de la couleur de paramétrage, je soupçonne également une certaine dégradation pourrait se produire faire RGB-> HSL-> RVB. 

 Je pense que le plus proche que vous puissiez réaliser avec la colormertrix consiste à utiliser un pour convertir en gris, et un autre pour pondérer les valeurs RVB (les teinter). Ce genre de chose est souvent utilisé pour faire de faux photos de tonpia, mais ce n'est pas ce que vous demandez.                                 

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    2
 votes
                                
                            
                            
                                
                                     J'ai fait un échantillon rapide en Flash (cette question est étiquetée comme ActionScript), je ne sais pas si c'est ce que vous recherchez: 
  http://megaswf.com/serve/1047061   
 Le code:   xxx                                  

                                                                    
                                    
                                    
                                        0 commentaires


            
                
		    
                    Articles qui pourrait vous intéresser :
                                            
                            MotionLayout empêche ClickListener sur toutes les vues                        
                        
                                            
                            Modifier l'indicateur de texte n'est pas visible dans l'aperçu de la conception du studio Android, mais est visible sur l'émulateur lorsque l'application s'exécute                        
                        
                                            
                            Après la migration vers AndroidX, erreur de gonflage de la classe android.support.design.widget.AppBarLayout                        
                        
                                            
                            Code de réponse 403 inattendu lors de la récupération des données des API