Tantangannya adalah untuk menghasilkan gambar yang mirip dengan logo StackOverflow:
Output harus mengandung:
- Ukuran gambar 64 * 64 atau lebih tinggi
- Abu-abu | __ | dasar berbentuk
- Tumpukan tersegmentasi melengkung datang dari pangkalan. Segmen akan memudar dari abu-abu menjadi oranye, dan belok kanan ~ 90 derajat. Jumlah segmen harus antara 5 dan 7, dengan 6 lebih disukai.
Catatan: Untuk tampilan ascii yang kurang warna, gunakan karakter '0' untuk mewakili abu-abu, dan '9' untuk oranye. '1' hingga '8' akan mewakili nuansa di antara keduanya.
Pembatasan:
- Anda harus menghasilkan gambar. Tidak diperbolehkan memuat gambar atau menyimpannya dalam kode / biner.
Aturan / informasi tambahan:
- Gambar tidak harus identik dengan logo, namun harus dapat dikenali.
- Metode tampilan terserah Anda. Menyimpannya ke file gambar atau ditampilkan di layar keduanya dapat diterima.
Kriteria menilai / menang:
- Akurasi gambar adalah kondisi utama
- Keanggunan generasi adalah kondisi sekunder
Jawaban:
Mathematica
Saya memutuskan untuk mempersiapkan jawaban saya setelah menyadari bahwa ini bukan kode golf. Aduh!
Tangkapan layar:
Dalam berita terkait, saya juga membuat seperti apa logo Stack Overflow di ... THE MASA DEPAN :
Ini kode jika ada yang ingin bermain-main dengannya (maaf atas kekacauan ini):
sumber
Out[404]
Javascript (650)
Saya menulis quine yang membaca karakter dalam fungsi, dan mengganti karakter non-spasi dengan angka dari 0-9.
Ini menampilkan seni ASCII ini:
yang dapat diwarnai dengan stylesheet css jika Anda suka
Anda dapat melihatnya beraksi di jsBin .
Ini adalah tangkapan layar, jika tautannya mati:
sumber
SVG (347 karakter)
Berdasarkan versi Sir_Lagsalot , dengan guratan alih-alih isian . Selain mengurangi beberapa karakter, kodenya lebih sederhana dan hasilnya terlihat lebih baik.
Tautan ke gambar SVG .
Diberikan ke PNG (pada ukuran alami dan ditingkatkan x2 dan x3):
Sunting: Akhirnya berhasil memperbaiki kesalahan off-by-one yang menyebabkan sisi kotak tidak berbaris. Juga sedikit mengubah ketebalan garis dan penempatan titik akhir, dan menambahkan lebar dan tinggi eksplisit untuk menghindari tepi bawah dan kanan terpotong terlalu ketat. Sekarang terlihat jauh lebih dekat dengan logo resmi.
sumber
Haskell dengan Gloss
Tempel kode di sini untuk melihatnya beraksi , atau tambahkan baris berikut untuk mengkompilasinya (memerlukan Gloss ).
sumber
SVG (333 karakter)
Saya telah membuat gambar SVG yang menghasilkan versi logo 67x68 dalam 333 karakter:
Tautan untuk gambar SVG kecil
Tautan untuk gambar SVG besar
sumber
Getah
Menggunakan paket TikZ dan PGF.
sumber
CSS + JavaScript (berbasis HTML div)
Contoh dijalankan: http://jsfiddle.net/ryzBx/
Contoh rendering (Firefox 14):
sumber
Javascript (
banyak814 karakter)Itu tidak cantik tapi agak mirip dengan logo SO. Uji biola di sini - http://jsfiddle.net/elssar/jcYtg/2/
sumber
C # / GDI +
Saya terkejut ketika saya perhatikan tidak ada jawaban C # di sini. Jadi, ini satu. Ini bukan cara yang cerdik untuk menggambar logo, dan juga bukan solusi singkat. Tapi dapatkan output yang dibutuhkan.
Anda dapat memeriksa posting blog saya untuk mengunduh solusi yang berfungsi penuh → http://guganeshan.com/blog/stackoverflow-logo-using-csharp-and-gdi.html
sumber
Saya tahu saya sangat terlambat ke permainan di sini, tapi saya terkejut tidak ada yang melakukan versi CSS ini. Ini jelas bukan jawaban yang kompetitif ketika datang ke jumlah karakter (1.195) tetapi produk akhir cukup akurat.
Ditulis dalam Safari (9.0) dan diuji di Chrome (45.0.2454.93) dan Firefox (40.0.3).
sumber
PHP dengan GD
Contoh:
sumber
$a = 'imagecolorallocate';$r = 'imagefilledrectangle'; $p = 'imagefilledpolygon';
yang memungkinkan Anda untuk mengurangi kode substansial:$p(...);$p(...);...
.JavaScript + jQuery & SVG - 250
Saya mengambil SVG Ilmari Karonen dan menggunakan JavaScript untuk menggantikannya
$
dengan><path stroke="
memendekkannya secara efektif bahkan dengan overhead JavaScript.sumber
R
Bukan solusi tercantik tetapi mengembalikan output yang diminta.
sumber
Scala
sumber
JavaScript
sumber