Anemómetro y veleta

[namorha]

Hola a todos !!

Estaba interesado en realizar mediante unas variables que tengo un gráfico que simule un anemómetro y una veleta en php.

Sujerencias ??

Mil gracias y saludos !!

[abimaelrc]

Puedes pensarlo en diseñar varias imagenes de dierentes angulos y mostrar la imagen de acuerdo a los valores indicados.

[namorha]

Había pensado en algo de eso, a lo mejor para la veleta puede valer pero para el anemómetro no porque habría demasiadas posibilidades.

Otra idea era con alguna librería de gráficas o algo parecido, pero no se.

Gracias de todas formas.

[abimaelrc]

Bueno puedes trabajar con la librería GD pero no sé que tan complicado pueda ser.

[stramin]

así es, lo que no entiendo es como quieres hacer esas imágenes, por que un anemómetro gira, tendrías que hacer un gif animado con diferentes velocidades, en cuanto a la veleta es mas posible con GD como dice abismael, te escribo las funciones básicas para lograrlo:

Código PHP:

int image=imagecreate(int ancho, int alto);
int image=imagecreatefrompng(string archivo);
int color=imagecolorallocate(int image, int rojo, int verde, int azul);
imageline(int image,int x origen,int y origen, int x destino, int x destino, int color);
imagepng(int image,[string archivo si quieres guardarla]);
 

[namorha]

Hola, la idea de la veleta si más o menos la tengo clara pero el anemómetro me gustaría que fuera como por coordenadas o grados de una circunferencia.

Saludos

[stramin]

podrías hacer un paint para entenderte?

coordenadas o grados son términos muuuuy relativos...

[namorha]

Un paint ??

[stramin]

paintbrush, mspaint, una imagen, si quieres la haces en photoshop XD

la idea es que explique gráficamente tu idea, con palabras es mas complicado, sobretodo por que queremos crear imágenes.

[namorha]

Algo parecido ha esto es lo que quiero hacer ... http://wiki.meteohub.de/Dashboards

Gracias y saludos !!

[stramin]

Ah, ok, se puede pero sin animaciones, si quieres animaciones mejor hazlo en flash.

si de círculos se trata la función para hacerlos es:

imageellipse($img,centro X,centro Y,Ancho,Alto,Color);

pero si no quieres el circulo completo si no solo una parte es:

imagearc($img,centro X,centro Y,Ancho,Alto,Inicio,Final,Color);

para hacer puntos o lineas relativas a un circulo necesitas 2 funciones trigonométricas, seno y coseno, no necesitas mas, pero recuerda que las funciones de PHP no operan con grados si no con radianes, pero PHP tiene su función para convertir de grados a radianes:

imageline($img,cos(deg2rad(grado))*distancia+Centr o X, sin(deg2rad(grado))*distancia+Centro Y, cos(deg2rad(Grado))*Largo+Centro X, sin(deg2rad(grado))*distancia+Centro Y,$black);

Para hacer barras como esa existen 2 tipos de rectangulo, los que son solo el borde y los que son relleno, utiliza ambos para crear un medidor:

imagefilledrectangle($img,Inicio X,Inicio Y,Final X,Final Y,Color); //relleno
imagerectangle($img,Inicio X,Inicio Y,Final X,Final Y,Color); //borde

puedes poner otras imágenes como fondo o para adornar en tu imagen usando

imagecopy($img,$mi_png,Ubicacion X,Ubicacion Y,Fuente X,Fuente Y,Fuente Ancho,Fuente Alto); // copia una imagen fuente en el destino
imagecopyresized($img,$mi_png,Ubicacion X,Ubicacion Y,Fuente X,Fuente Y,Destino Ancho,Destino Alto,Fuente Ancho,Fuente Alto); // copia una imagen y la redimensiona.

Por ultimo GD2 tiene varias herramientas de texto, te pongo aquí las 2 básicas:

imagestring($img,Fuente,X,Y,"Texto",Color); // Escribe texto
imagestringup($img,Fuente,X,Y,"Texto",Color); // Escribe texto hacia arriba

para que entiendas mejor, prueba este ejemplo en un archivo PHP nuevo (vacío):

Código PHP:

<?php
header("Content-Type: image/png");
$img=imagecreate(600,600);
$white=imagecolorallocate($img,255,255,255);
$black=imagecolorallocate($img,0,0,0);
$gray=imagecolorallocate($img,128,128,128);
$red=imagecolorallocate($img,255,0,0);
$green=imagecolorallocate($img,0,255,0);
$blue=imagecolorallocate($img,0,0,255);
imageellipse($img,100,100,150,150,$black);
imagearc($img,300,100,150,150,180,360,$black);
for($f=180;$f<=360;$f+=15){
    imageline($img,cos(deg2rad($f))*70+500,sin(deg2rad($f))*70+100,cos(deg2rad($f))*75+500,sin(deg2rad($f))*75+100,$black);
    imagestringup($img,0,cos(deg2rad($f))*80+497,sin(deg2rad($f))*80+100,$f,$black);
}
imagefilledrectangle($img,70,250,90,450,$gray);
imagefilledrectangle($img,70,400,90,450,$red);
imagerectangle($img,70,250,90,450,$black);
imagefilledrectangle($img,100,250,120,450,$gray);
imagefilledrectangle($img,100,350,120,450,$green);
imagerectangle($img,100,250,120,450,$black);
imagefilledrectangle($img,130,250,150,450,$gray);
imagefilledrectangle($img,130,300,150,450,$blue);
imagerectangle($img,130,250,150,450,$black);
imagestring($img,0,100,100,"circulo",$black);
imagestringup($img,0,300,100,"circulo",$black);
for($f=0;$f<=200;$f+=10){
imagestring($img,0,50,450-3-$f,$f."°",$black);
}
imagepng($img);
?>