10 demo JavaScript yang menakjubkan menggunakan 1k atau kurang

Pengarang: John Stephens
Tarikh Penciptaan: 28 Januari 2021
Tarikh Kemas Kini: 19 Mungkin 2024
Anonim
Lebih dari Kopi: cara masuk ke TI dan tetap hidup. Kami menjawab pertanyaan Anda. Jawa dan sekitarn
Video.: Lebih dari Kopi: cara masuk ke TI dan tetap hidup. Kami menjawab pertanyaan Anda. Jawa dan sekitarn

Kandungan

Setiap tahun pertandingan JS1K meminta pereka web membuat aplikasi JavaScript yang hebat tidak lebih dari 1k. Peraduan ini dimulakan sebagai jenaka, tetapi kualiti penyertaan yang tinggi selama bertahun-tahun menyebabkannya menjadi pertunjukan yang cemerlang mengenai apa yang boleh anda lakukan dengan sebilangan kecil kod.

Berikut adalah 10 kiriman kegemaran kami untuk pertandingan tahun ini - tetapi ada banyak lagi pekerjaan yang menakjubkan untuk dilihat: lihat senarai secara lengkap di laman JS1K. (Dan jika anda ingin memasukkan, anda masih mempunyai masa; panggilan terakhir untuk penyertaan adalah tengah malam Ahad ini).

  • Baca semua artikel JavaScript kami di sini

01. Matrix adalah sistem

Siapa yang tidak akan mendapat keseronokan dari demo hebat ini yang menghasilkan semula urutan ‘hujan digital’ The Matrix yang terkenal menggunakan JavaScript yang diperkecil? Ia dicipta oleh Pedro Franceschi dengan hanya kod 956 byte.


02. Pancuran April membawa bunga May

Permainan menaip yang ringkas tetapi menyeronokkan ini berdasarkan animasi seperti Spring diciptakan oleh Abigail Cabunoc. Kodnya dimampatkan dengan Closure Compiler, kemudian dikecilkan dengan tangan, dan akhirnya JS Crush.

03. Lawatan Bandar 3D

Jelajah Bandar 3D memberikan apa yang dijanjikan - pemandangan orang pertama di bandar pulau musim bunga. Gunakan tetikus anda untuk terbang di atas bandar, melompat dari bumbung ke bumbung atau memandu dengan kereta di jalanan. Anda juga boleh membiarkan autopilot menunjukkan kepada anda. Termasuk bangunan, jalan, papan tanda lalu lintas, kereta bergerak, taman, laut, dan banyak lagi, anda akan terkejut bahawa Jani Ylikangas berjaya membuat semua ini dalam waktu kurang dari 1k.


04. Kristal Pelik

Animasi 3D yang menakjubkan oleh Philippe Deschaseaux ini membawa anda dalam perjalanan yang pelik melalui lombong bawah tanah. "Pelombong telah berhenti bekerja," membaca keterangan. "Mereka takut. Semuanya nampaknya berasal dari kristal pelik yang dilihat oleh beberapa orang. Bersabarlah dan dengan sedikit keberuntungan, anda akan melihatnya."

05. Meteor 1K

Kami penyedut permainan lama di Creative Bloq, jadi kami menyukai penghormatan Asteroid ini dari Oscar Toledo G. Ia berjalan pada 30 bingkai sesaat pada kebanyakan mesin, setiap permainan unik dan, seperti yang dijelaskan oleh penciptanya, ia menawarkan "a banyak realisme kerana tidak ada suara di angkasa ".

06. Jangan risau, gembira!


Animasi pseudo-3D berjalan sendiri ini menampilkan lebah sibuk terbang ke kiri dan kanan, rumput bergoyang animasi segar dengan isyarat mendalam, bunga cantik, dan kamera bergerak ke semua arah (kiri, kanan, atas, bawah, dan depan) untuk hiburan anda . Dicipta oleh Manuel Rülke, kodnya dikurangkan dengan menggunakan Closure Compiler, dioptimumkan lagi dengan tangan dan kemudian dihancurkan dengan JS Crush.

07. Morfosa

Jaring 3D interaktif ini adalah sesuatu yang mesti anda mainkan. Dicipta oleh Benjamin Bill Planche, demo menggunakan algoritma Painter untuk membuat mesh 3D. Setelah memproyeksikan setiap wajah pada sistem koordinat yang ditentukan oleh kamera, mereka diurutkan dengan menurunkan kedalaman untuk mendapatkan pesanan lukisan. Bentuk yang dipaparkan adalah hasil dari kekacauan yang kacau antara dua jala yang telah dihasilkan sebelumnya, sebuah kubus dan sebuah sfera. Untuk mendapatkan tweening yang halus untuk wajah, geometri sfera dibuat dengan memetakan setiap bucu kubus (kaedah pemetaan kubus).

08. Comanche

Penghormatan ini kepada permainan simulasi helikopter Comanche: Maximum Overkill membolehkan anda menggunakan anak panah untuk mengawal pitch and roll (ketinggian berada pada autopilot). Langit bertukar dari siang ke malam dan permainan berjalan pada 25 FPS pada komputer kelas menengah. Direka oleh Siorki, kod Packer dikembangkan dari First Crush dan JS Crush.

09. Bunga

Cara lingkaran berputar bergelombang ini membentuk diri mereka menjadi bentuk bunga berputar cukup indah dan harus dilihat untuk dipercayai. Ia dicipta oleh Cheeseum dengan hanya 960 bait.

10. Furbee

Di sini Roman Cortes benar-benar mendorong had yang mungkin di bawah 1k dengan kanvas 2D dan perkakasan mewah. Animasi berwarna-warni ini menampilkan rendering bulu, sayap dengan kabur gerakan artistik dan pemandangan awan 3D. Untuk menikmatinya sepenuhnya, ia mesti ditonton di komputer yang sangat berkuasa dengan Chrome. (Dalam entri lain, Furbee, keluar dari terowong itu secepat mungkin !, Cortes telah menyusun Furbee miliknya dengan kemasukan Deschaseaux - nombor 2 dalam senarai kami - dan itu juga sangat luar biasa.)

Suka ini? Baca ini!

  • Cara membina aplikasi
  • Filem 3D terbaik tahun 2013
  • Ketahui apa yang seterusnya untuk Augmented Reality

Adakah anda melihat penciptaan JavaScript yang luar biasa dalam 1k atau kurang? Beritahu kami mengenainya dalam komen!

Disyorkan Oleh Kami
Cara membuat identiti gerakan 3D yang menakjubkan
Baca

Cara membuat identiti gerakan 3D yang menakjubkan

ebagai pereka gerakan, alah atu pengumuman paling menarik dalam Creative Cloud bagi aya adalah perkong ian trategik antara Maxon dan Adobe. ebilangan be ar perancang gerak menghabi kan ebahagian be a...
Minggu ini di GIF: yang mempunyai agensi reka bentuk teratas
Baca

Minggu ini di GIF: yang mempunyai agensi reka bentuk teratas

Dengan jadual ibuk eperti itu, anda mungkin tidak berpeluang mengikuti ki ah berita reka bentuk terbe ar minggu ini. Beruntung untuk anda, kami telah mengumpulkannya dalam enarai kecil yang berguna in...
Dapatkan perhatian dengan membeli-belah Google
Baca

Dapatkan perhatian dengan membeli-belah Google

Artikel ini pertama kali muncul dalam edi i 237 majalah .net - majalah terlari di dunia untuk pereka dan pembangun web.Google baru-baru ini menghentikan perkhidmatan Carian Produk Google di UK dan Ero...