El desafío es generar una imagen similar al logotipo de StackOverflow:
La salida debe contener:
- Tamaño de imagen 64 * 64 o superior
- Un gris | __ | base en forma
- Una pila segmentada curva que sale de la base. Los segmentos se desvanecerán de gris a naranja y girarán a la derecha en ~ 90 grados. El número de segmentos debe estar entre 5 y 7, prefiriéndose 6.
Nota: Para las pantallas ASCII que carecen de color, use un carácter '0' para representar el gris y '9' para el naranja. '1' a '8' representaría las sombras intermedias.
Restricciones
- Debes generar la imagen. No se permite cargar imágenes o almacenarlas en el código / binario.
Reglas / información adicional:
- No es necesario que la imagen sea idéntica al logotipo, sin embargo, debe ser reconocible como tal.
- El método de visualización depende de usted. Guardarlo en un archivo de imagen o mostrarlo en la pantalla son aceptables.
Criterios de juzgar / ganar:
- La precisión de la imagen es la condición principal.
- La elegancia de la generación es la condición secundaria.
Respuestas:
Mathematica
Decidí embellecer mi respuesta después de darme cuenta de que esto no es código golf. Whoops!
Captura de pantalla:
En noticias relacionadas, también creé lo que creo que podría ser el logotipo de Stack Overflow en ... EL FUTURO :
Aquí está el código si alguien quiere jugar con él (perdón por el desorden):
fuente
Out[404]
Javascript (650)
Escribí un quine que lee los caracteres en la función y reemplaza los caracteres que no son espacios con un número del 0 al 9.
Esto genera este arte ASCII:
que se puede colorear con una hoja de estilo CSS si lo desea
Puedes verlo en acción en jsBin .
Aquí hay una captura de pantalla, en caso de que el enlace muera:
fuente
SVG (347 caracteres)
Basado en la versión de Sir_Lagsalot , con trazos en lugar de rellenos. Además de eliminar algunos caracteres, el código es más simple y el resultado se ve mejor ampliado.
Enlace a la imagen SVG .
Representado en PNG (en tamaño natural y ampliado x2 y x3):
Editar: Finalmente pude solucionar el error de uno por uno que hacía que los lados de la caja no se alinearan. También modificó un poco el grosor de la línea y la ubicación del punto final, y agregó un ancho y una altura explícitos para evitar que los bordes inferior y derecho se recortaran demasiado apretados. Ahora se ve mucho más cerca del logotipo oficial.
fuente
Haskell con brillo
Pegue el código aquí para verlo en acción , o agregue la siguiente línea para compilarlo (requiere brillo ).
fuente
SVG (333 caracteres)
He creado una imagen SVG que genera una versión 67x68 del logotipo en 333 caracteres:
Enlace para imagen SVG pequeña
Enlace para imagen SVG grande
fuente
Látex
Usando los paquetes TikZ y PGF.
fuente
CSS + JavaScript (basado en HTML div)
Ejecución de muestra: http://jsfiddle.net/ryzBx/
Representación de muestra (Firefox 14):
fuente
Javascript (
muchos814 caracteres)No es bonito, pero se parece un poco al logo SO. Pruebe el violín aquí: http://jsfiddle.net/elssar/jcYtg/2/
fuente
C # / GDI +
Me sorprendió cuando noté que no hay una respuesta de C # aquí. Así que aquí hay uno. Esta no es una forma ingeniosa de dibujar el logotipo, y tampoco es una solución corta. Pero obtiene la salida requerida.
Puede consultar la publicación de mi blog para descargar la solución de trabajo completa → http://guganeshan.com/blog/stackoverflow-logo-using-csharp-and-gdi.html
fuente
Sé que llegué muy tarde al juego aquí, pero me sorprendió que nadie hiciera una versión CSS de esto. Definitivamente, esta no es una respuesta competitiva cuando se trata del recuento de caracteres (1.195), pero el producto final es bastante preciso.
Escrito en Safari (9.0) y probado en Chrome (45.0.2454.93) y Firefox (40.0.3).
fuente
PHP con GD
Ejemplo:
fuente
$a = 'imagecolorallocate';$r = 'imagefilledrectangle'; $p = 'imagefilledpolygon';
lo que le permite reducir sustancialmente el código:$p(...);$p(...);...
.JavaScript + jQuery y SVG - 250
Tomé el SVG de Ilmari Karonen y usé JavaScript para reemplazar
$
los correos electrónicos con><path stroke="
un acortamiento efectivo incluso con la sobrecarga de JavaScript.fuente
R
No es la solución más bonita, pero devuelve el resultado solicitado.
fuente
Scala
fuente
JavaScript
fuente