iOS/GLES2: Comment obtenir un effet lumineux

Question

J'ai une aiguille de style boussole, libre de tourner.

J'ai besoin qu'il brille quand il approche une certaine orientation, disons 55 degrés.

Je veux avoir UIView sous-classe NeedleView, donc je peux manipuler (NeedleView *) needleView comme s'il s'agissait d'un UIView, juste avoir quelques méthodes supplémentaires - (void) feedAngle: (float) theta; - (vide) feedGlow: (float) glow_01; J'ai fait un peu de recherche, j'ai trouvé que la technique courante est de prendre une copie en niveaux de gris de l'image de l'aiguille, flou, l'enregistrer comme une texture GL, puis l'envelopper sur un quad qui se trouve derrière le réel quad de l'aiguille.

alors je suis un laineux peu ....

Je suppose que je mets le RGBA sur les points d'angle pour être (r, g, b) de ma couleur de lueur souhaitée, a = glowFactorForThisFrame

puis je mis glBlendmode à quelque chose approprié

puis je dessine le quad texturé pour le flou

ce que je veux est quelque chose où Alpha est 1 partout sur l'aiguille d'origine, mais il saigne de compléter progressivement la transparence que nous s'éloigner plus loin

...

pour commencer, je voudrais trouver un code qui prend en charge le flou d'un bitmap en échelle de gris, je préférerais le faire à partir du code que dans un magasin de photo. (Je me rends compte que cela prendrait beaucoup de temps sur un appareil réel, alors peut-être je peux le calculer la première fois que l'application est exécutée, enregistrez-le dans le fichier, puis charger à partir du fichier)

Deuxièmement, je suis très sommaire sur les détails précis de ce que je dois faire.

Quelqu'un pourrait-il m'aider sur l'un ou l'autre de ces points?

Answer 1

J'ai expérimenté beaucoup d'approches ici.

Fondamentalement, j'ai besoin de deux images; un brillant et un non.

alors je peux les dessiner comme CALayers sur le dessus les uns des autres, et pirater CADisplayLink, la mise en

glowLayer.opacity = glowFac; 
dullLayer.opacity = (1 - glowFac); 

Je jouais aussi avec bidouiller dans GL shaders, en passant le facteur de lueur comme un uniforme, mais est une tonne de code pour faire essentiellement la même chose.

NB J'avais besoin de trouver un graphiste pour «luire» l'image

Answer 2

Si vous utilisez drawRect pour votre dessin de votre aiguille vous pourriez peut faire quelque chose comme ceci:

Is there an easy way or library available to let text glow?

Answer 3

Vous pouvez créer la lueur autour de l'image dans Photoshop de l'aiguille. Il suffit de remplacer l'image dans l'application au moment de l'exécution lorsque la lueur est activée.