Isi
- 01. Matriks adalah sistem
- 02. Hujan April membawa bunga Mei
- 03. Tur Kota 3D
- 04. Kristal Aneh
- 05. 1K Meteor
- 06. Jangan khawatir, bee happy!
- 07. Morfosa
- 08. Comanche
- 09. Bunga
- 10. Furbee
- Suka ini? Baca ini!
Setiap tahun kompetisi JS1K meminta desainer web membuat aplikasi JavaScript keren tidak lebih dari 1k. Kontes ini dimulai sebagai lelucon, tetapi entri berkualitas tinggi selama bertahun-tahun telah membuatnya menjadi pertunjukan brilian tentang apa yang dapat Anda lakukan dengan beberapa kode.
Berikut 10 kiriman favorit kami untuk kompetisi tahun ini - tetapi masih banyak lagi karya yang menakjubkan untuk dilihat: lihat daftar lengkapnya di situs JS1K. (Dan jika Anda ingin masuk, Anda masih punya waktu; panggilan terakhir untuk masuk adalah tengah malam hari Minggu ini).
- Baca semua artikel JavaScript kami di sini
01. Matriks adalah sistem
Siapa yang tidak senang dengan demo brilian yang mereproduksi urutan 'hujan digital' The Matrix yang terkenal menggunakan JavaScript yang diperkecil? Itu dibuat oleh Pedro Franceschi dengan hanya 956 byte kode.
02. Hujan April membawa bunga Mei
Permainan mengetik yang sederhana namun menyenangkan yang didasarkan pada animasi mirip Musim Semi ini dibuat oleh Abigail Cabunoc. Kode tersebut dikompresi dengan Closure Compiler, kemudian diperkecil secara manual, lalu akhirnya JS Crush.
03. Tur Kota 3D
Tur Kota 3D memberikan apa yang dijanjikan - pemandangan orang pertama dari kota pulau di musim semi. Gunakan mouse Anda untuk terbang di atas kota, melompat dari atap ke atap atau berkendara dengan mobil di jalanan. Anda juga dapat membiarkan autopilot mengajak Anda berkeliling. Termasuk gedung, jalan, rambu lalu lintas, mobil yang bergerak, taman, laut, dan banyak lagi, Anda akan terkejut bahwa Jani Ylikangas berhasil membuat semua ini dalam waktu kurang dari 1k.
04. Kristal Aneh
Animasi 3D yang menakjubkan oleh Philippe Deschaseaux ini membawa Anda pada perjalanan yang aneh melalui tambang bawah tanah. "Para penambang telah berhenti bekerja," membaca deskripsinya. "Mereka takut. Semuanya tampaknya berasal dari kristal aneh yang telah dilihat beberapa orang. Bersabarlah dan dengan sedikit keberuntungan, Anda akan melihatnya."
05. 1K Meteor
Kami menyukai game jadul di Creative Bloq, jadi kami menyukai penghargaan Asteroid dari Oscar Toledo G. Ini berjalan dengan kecepatan 30 frame per detik pada kebanyakan mesin, setiap game unik dan, seperti yang dijelaskan oleh pembuatnya, ia menawarkan "a banyak realisme karena tidak ada suara di ruang angkasa ".
06. Jangan khawatir, bee happy!
Animasi pseudo-3D yang berjalan sendiri ini menampilkan lebah yang sibuk terbang ke kiri dan ke kanan, rumput bergoyang beranimasi segar dengan isyarat kedalaman, bunga-bunga cantik, dan kamera yang bergerak ke segala arah (kiri, kanan, atas, bawah, dan depan) untuk hiburan Anda . Dibuat oleh Manuel Rülke, kode tersebut diminimalkan menggunakan Closure Compiler, selanjutnya dioptimalkan lebih lanjut dengan tangan dan kemudian dihancurkan dengan JS Crush.
07. Morfosa
Jaring 3D interaktif ini adalah sesuatu yang harus Anda mainkan. Dibuat oleh Benjamin Bill Planche, demo ini menggunakan algoritme Painter untuk merender mesh 3D. Setelah memproyeksikan setiap wajah pada sistem koordinat yang ditentukan oleh kamera, mereka diurutkan dengan mengurangi kedalaman untuk mendapatkan urutan pengecatan. Bentuk yang ditampilkan adalah hasil dari tweening yang kacau antara dua mata jaring yang telah dibuat sebelumnya, kubus dan bola. Untuk mendapatkan tweening yang mulus untuk permukaan, geometri bola dibuat dengan memetakan setiap simpul dari kubus (metode pemetaan kubus).
08. Comanche
Penghargaan untuk game simulasi helikopter Comanche: Maximum Overkill ini memungkinkan Anda menggunakan panah untuk mengontrol pitch and roll (ketinggian menggunakan autopilot). Langit berganti dari siang ke malam dan game berjalan pada 25 FPS di komputer kelas menengah. Didesain oleh Siorki, kode Packer dikembangkan dari First Crush dan JS Crush.
09. Bunga
Cara lingkaran bergelombang dan berputar ini membentuk diri mereka sendiri menjadi bentuk bunga yang berputar sangat indah dan harus dilihat agar bisa dipercaya. Itu dibuat oleh Cheeseum hanya dalam 960 byte.
10. Furbee
Di sini Roman Cortes benar-benar mendorong batas dari apa yang mungkin di bawah 1k dengan kanvas 2D dan perangkat keras kelas atas. Animasi warna-warni ini menampilkan rendering bulu, sayap dengan gerakan blur artistik, dan pemandangan awan 3D. Untuk sepenuhnya menikmatinya, ini perlu ditonton di komputer yang sangat kuat dengan Chrome. (Di entri lain, Furbee, keluar dari terowongan itu ASAP !, Cortes telah memadukan Furbee-nya dengan entri Deschaseaux - nomor 2 di daftar kami - dan itu juga luar biasa.)
Suka ini? Baca ini!
- Cara membuat aplikasi
- Film 3D terbaik tahun 2013
- Temukan apa yang selanjutnya untuk Augmented Reality
Pernahkah Anda melihat pembuatan JavaScript yang luar biasa dalam 1k atau kurang? Beri tahu kami tentang itu di komentar!