Maison > interface Web > js tutoriel > 12 lignes de code javascript pour dessiner un Bagua chart_javascript skills

12 lignes de code javascript pour dessiner un Bagua chart_javascript skills

WBOY
Libérer: 2016-05-16 16:06:03
original
1960 Les gens l'ont consulté

Explication en une phrase : utilisez un code limité pour créer une matrice de couleurs 1024*1024 afin de montrer votre programmation et votre beauté artistique

Provenant d'une question sur stackexchange. Il a été légèrement étendu ici pour prendre en charge davantage de langages de programmation et assouplir la limite de longueur de code.
Règles

Cible :
En implémentant une fonction get_color_at(x, y) dans le modèle, dessinez un motif aussi « intéressant » que possible sur un canevas 1024*1024.

Paramètres :
int x, int y, les valeurs sont 0 - 1023, correspondant au point de coordonnées sur la toile, le coin supérieur gauche est le point de départ (0,0)

Retour :
int r, int g, int b, int alpha, les composantes RGBA des couleurs correspondantes, toutes vont de 0 à 255.

Remarque :
La définition du composant alpha dans chaque langue peut être différente et elle est uniformément convertie par modèle en : 0 - 255. Plus la valeur est grande, plus elle est transparente.

Exigences :
Vous ne pouvez modifier le code qu'entre // {{code start}} - // {{code end}} dans le corps de la fonction get_color_at(x, y) dans le modèle
; Le nombre total de caractères du code ne peut excéder 1024 et il doit avoir une bonne lisibilité.

if(typeof f_c=="undefined"){
  f_c=function(x,y,px,py,r){
    return Math.sqrt(Math.pow(x-px,2)+Math.pow(y-py,2))<=r;
  };
}
var x0=x-512,y0=y-512;
r=g=b=128;
if(f_c(x0,y0,0,0,512)) r=g=b=(x0>0)&#63;255:0;
if(f_c(x0,y0,0,256,256)&&x0<=0) r=g=b=255;
if(f_c(x0,y0,0,-256,256)&&x0>0) r=g=b=0;
if(f_c(x0,y0,0,256,64)) r=g=b=0;
if(f_c(x0,y0,0,-256,64)) r=g=b=255;
Copier après la connexion

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal