IF: Opacité est de 50% ou moins Dessine Cercle

Question

Pour une de mes classes, nous avons besoin de créer une déclaration

if (...){ 
then draw something! 
} 

. Cependant, je suis super nouveau pour JavaScrip et chaque fois que j'essaye de créer l'instruction if, je n'ai pas beaucoup de succès. Ce que j'essaie de faire est seulement d'avoir un cercle (en utilisant le canevas) montrer si l'opacité est de 50% (je peux changer cette valeur à un moment ultérieur) ou moins. Je l'ai pour que la couleur et l'opacité soient randomisées. J'ai d'autres formes avec cette conception, cependant, juste dans le but de cela, je les ai exclus de l'exemple ci-dessous et JSFiddle.

Voici ce que j'ai jusqu'à présent: JSFiddle

var draw_optional = true; 

if (ran_colours < "(0.5)"){ 
    draw_optional = true; 
    context.stroke(); 
} 

Je me demandais ce que je fais quelque chose de mal? Si vous cliquez sur le lien JSFiddle, vous pouvez voir mon code complet!

Merci d'avance!

Answer 1

ran_colours ressemble à ceci: "rgba(29,251,218,0.5617056562158282)".

que pensez-vous, est "rgba(29,251,218,0.5617056562158282)" plus petit que "(0.5)"? Droit, vous ne pouvez pas dire (j'espère). Vous devez obtenir la chaîne de valeur alpha, ou précalculer la valeur alpha et la stocker dans sa propre variable. Deuxième approche est beaucoup plus agréable, alors voici comment faire:

Avant d'attribuer la RGBA couleur à ran_colours, ajoutez cette ligne:

var alpha = Math.random(); 

Dans l'affectation ran_colours, remplacer le dernier appel aléatoire l'alpha variable

var ran_colours = 
"rgba(" 
+ Math.floor(Math.random() * 256) + "," 
+ Math.floor(Math.random() * 256) + "," 
+ Math.floor(Math.random() * 256) + "," 
+ alpha + ")"; 

Depuis alpha est juste un nombre, vous pouvez facilement écrire votre instruction if:

if (alpha < 0.5){ 
    draw_optional = true; 
    context.stroke(); 
}