« BLogo » : différence entre les versions

De BoyWiki
(rajout d'une image)
(ajout code HTML pour dessiner le BLogo)
Ligne 5 : Ligne 5 :


==Histoire==
==Histoire==
Le BLogo fut dessiné en février 1997 par [[Kalos]] en réponse à un concours de dessin initié par [[Tygyr]], un adolescent « boylover » dont le site web [[Tygymet]] fût très populaire à l'époque. Plusieurs designs à base de triangles furent proposés mais aucun n'eut réellement de succès dans la communauté [[BL]]. Lorsque Kalos proposa son dessin, il fût rapidement adopté par [[Free Spirits]] et plusieurs autres organisations de « boylovers » en ligne.
Le BLogo fut dessiné en février 1997 par [[Kalos]] en réponse à un concours de dessin initié par [[Tygyr]], un adolescent « boylover » dont le site web [[Tygyrnet]] fût très populaire à l'époque. Plusieurs designs à base de triangles furent proposés mais aucun n'eut réellement de succès dans la communauté [[BL]]. Lorsque Kalos proposa son dessin, il fût rapidement adopté par [[Free Spirits]] et plusieurs autres organisations de « boylovers » en ligne.
Il y a une intéressante histoire personnelle derrière le design : Kalos n'a pas vraiment dessiné le BLogo. C'est son compagnon (avec lequel il vit depuis que son partenaire avait tout juste quatorze ans) qui fît le dessin.
Il y a une intéressante histoire personnelle derrière le design : Kalos n'a pas vraiment dessiné le BLogo. C'est son compagnon (avec lequel il vit depuis que son partenaire avait tout juste quatorze ans) qui fît le dessin.
==En HTML==
II est possible de créer le BLogo purement en HTML et de l'afficher sur des navigateurs suffisamment récents (cela fonctionne sur des versions récentes de Chrome, Firefox, Opera ainsi que Safari, du moment que la balise <code><canvas></code> soit reconnue).
En voici un code :
<pre>
<html>
<head>
<script type="application/x-javascript">
function draw(w){
    q=Math.sqrt(3)/2;
    u=w*q;
    p=Math.PI;
    a=[-p/2,p/2,-p/6,7*p/6,p/2,-p/6,7*p/6,p/6];
    b=true;
    x=[w/12,11*w/12,w/2,w/6,2*w/3,w/2,29*w/72,w/2,57*w/108,w/3,w/2,3*w/4];
    y=[u/18,u/18,8*u/9,2*u/9,2*u/9,5*u/9,13*u/36,10*u/27,17*u/54,u/3,2*u/3,u/6];
    cv=document.getElementById("blogo");
    cx=cv.getContext("2d");
    cx.fillStyle = "#004284";
    cx.beginPath();
    j=0;
    s=1;
    for(i=0;i<12;i++){
        if(i==7){
            j--;
            b=!b;
            s=-s;
        }
        cx.arc(x[i],w-y[i],((i==7||i==8)?u/27:u/18),a[j],a[j+s],b);
        j=j+s;
    }
    cx.lineTo(w/12,w-u/9);
    cx.fill();
}
</script>
</head>
<body onload="draw(400.0)">
<canvas id="blogo" width="400" height="400"></canvas>
</body>
</html>
</pre>
Ceci peut-être testé par tout un chacun : il suffit de créer un fichier texte brut contenant les lignes précédentes et de nommer le fichier avec l'extension .htm ou .html, puis d'ouvrir le fichier avec un navigateur (le menu « Fichier » du navigateur comporte une commande « Ouvrir... » ou « Ouvrir le fichier... »).
La commande
<pre>    cx.fillStyle = "#004284";</pre> fixe la couleur du BLogo, par les valeurs hexadécimales de leurs composantes rouge, vert et bleu. La page web chez Free Spirits consacrée au BLogo ne montre pas de BLogo d'autres teintes, ce qui laisse à penser que la couleur officielle du BLogo est celle-ci.
Dans le code, la taille du BLogo est fixée par les lignes suivantes :
<pre><body onload="draw(400.0)">
<canvas id="blogo" width="400" height="400"></canvas></pre>
Dans cet exemple, le BLogo est dessiné dans un carré de 400 pixels de côtés, à partir d'un triangle équilatéral de 400 pixels de côtés (le BLogo construit ainsi est inscrit dans ce triangle équilatéral).


==Source==
==Source==

Version du 4 mai 2010 à 19:41

Le BLogo

Le BLogo (contraction entre « boylover » et « logo ») est un symbole graphique pour le boylove largement utilisé à travers la communauté boylove en ligne. Il consiste en deux triangles bleus entrelacés, l'externe symbolisant l'homme, et l'interne représentant le garçon dans une relation pédophile ou pédérastique. En raison de sa forme, il peut occasionnellement être nommé par le néologisme "spirangle".

Symbolique

Le thème du triangle provient du triangle rose inversé que les homosexuels connus furent forcés de porter dans les camps de concentration nazis durant la période du Troisième Reich. La communauté gaie a adopté le triangle rose inversé comme symbole de la fierté gaie. Le créateur du BLogo est allé un peu plus loin, en inversant le triangle et en changeant sa couleur vers le bleu. Le BLogo est dessiné afin d'être facilement reconnaissable et aisément reproductible pour les « boylovers », tout en étant anonyme lorsque la situation le demande. Un point prédominant dans le dessin du logo a été de créer un symbole qui puisse facilement être tracé dans le sable avec un doigt.

Histoire

Le BLogo fut dessiné en février 1997 par Kalos en réponse à un concours de dessin initié par Tygyr, un adolescent « boylover » dont le site web Tygyrnet fût très populaire à l'époque. Plusieurs designs à base de triangles furent proposés mais aucun n'eut réellement de succès dans la communauté BL. Lorsque Kalos proposa son dessin, il fût rapidement adopté par Free Spirits et plusieurs autres organisations de « boylovers » en ligne. Il y a une intéressante histoire personnelle derrière le design : Kalos n'a pas vraiment dessiné le BLogo. C'est son compagnon (avec lequel il vit depuis que son partenaire avait tout juste quatorze ans) qui fît le dessin.

En HTML

II est possible de créer le BLogo purement en HTML et de l'afficher sur des navigateurs suffisamment récents (cela fonctionne sur des versions récentes de Chrome, Firefox, Opera ainsi que Safari, du moment que la balise <canvas> soit reconnue).

En voici un code :

<html>
<head>
<script type="application/x-javascript">
function draw(w){
    q=Math.sqrt(3)/2;
    u=w*q;
    p=Math.PI;
    a=[-p/2,p/2,-p/6,7*p/6,p/2,-p/6,7*p/6,p/6];
    b=true;
    x=[w/12,11*w/12,w/2,w/6,2*w/3,w/2,29*w/72,w/2,57*w/108,w/3,w/2,3*w/4];
    y=[u/18,u/18,8*u/9,2*u/9,2*u/9,5*u/9,13*u/36,10*u/27,17*u/54,u/3,2*u/3,u/6];
    cv=document.getElementById("blogo");
    cx=cv.getContext("2d");
    cx.fillStyle = "#004284";
    cx.beginPath();
    j=0;
    s=1;
    for(i=0;i<12;i++){
        if(i==7){
            j--;
            b=!b;
            s=-s;
        }
        cx.arc(x[i],w-y[i],((i==7||i==8)?u/27:u/18),a[j],a[j+s],b);
        j=j+s;
    }
    cx.lineTo(w/12,w-u/9);
    cx.fill();
}
</script>
</head>
<body onload="draw(400.0)">
<canvas id="blogo" width="400" height="400"></canvas>
</body>
</html>

Ceci peut-être testé par tout un chacun : il suffit de créer un fichier texte brut contenant les lignes précédentes et de nommer le fichier avec l'extension .htm ou .html, puis d'ouvrir le fichier avec un navigateur (le menu « Fichier » du navigateur comporte une commande « Ouvrir... » ou « Ouvrir le fichier... »).

La commande

    cx.fillStyle = "#004284";

fixe la couleur du BLogo, par les valeurs hexadécimales de leurs composantes rouge, vert et bleu. La page web chez Free Spirits consacrée au BLogo ne montre pas de BLogo d'autres teintes, ce qui laisse à penser que la couleur officielle du BLogo est celle-ci.

Dans le code, la taille du BLogo est fixée par les lignes suivantes :

<body onload="draw(400.0)">
<canvas id="blogo" width="400" height="400"></canvas>

Dans cet exemple, le BLogo est dessiné dans un carré de 400 pixels de côtés, à partir d'un triangle équilatéral de 400 pixels de côtés (le BLogo construit ainsi est inscrit dans ce triangle équilatéral).


Source

  • La première version de cet article a été traduite du BoyWiki anglophone BLogo, (crédits : voir historique).

Lien externe