10 نسخه نمایشی شگفت انگیز JavaScript با استفاده از 1k یا کمتر

نویسنده: John Stephens
تاریخ ایجاد: 28 ژانویه 2021
تاریخ به روزرسانی: 19 ممکن است 2024
Anonim
IGListKit: Powering Instagram, YouTube, & Pinterest (iOS 2022) – Tutorial
ویدیو: IGListKit: Powering Instagram, YouTube, & Pinterest (iOS 2022) – Tutorial

محتوا

هر ساله مسابقه JS1K از طراحان وب می خواهد یک برنامه جذاب JavaScript بزرگتر از 1k ایجاد نکنند. این مسابقه به عنوان یک شوخی آغاز شد ، اما کیفیت بالای ورودی ها در طول سال ها باعث شده است که این نمایشگاه به ویترین درخشان آنچه شما می توانید با یک مشت کد انجام دهید ، تبدیل شود.

در اینجا 10 مورد ارسالی مورد علاقه ما برای مسابقه امسال وجود دارد - اما کارهای شگفت انگیز بیشتری برای دیدن وجود دارد: لیست را به طور کامل در سایت JS1K بررسی کنید. (و اگر می خواهید وارد شوید ، هنوز وقت دارید ؛ آخرین تماس برای ورودها نیمه شب این یکشنبه است).

  • همه مقالات JavaScript ما را اینجا بخوانید

01. ماتریس یک سیستم است

چه کسی از این نسخه نمایشی درخشان که با دنباله معروف "باران دیجیتال" The Matrix با استفاده از JavaScript کوچک شده ، هیجان زده نمی شود؟ آن را پدرو فرانچسکی فقط با 956 بایت کد ایجاد کرده است.


02. دوش آوریل گلهای اردیبهشت می آورد

این بازی تایپ ساده اما سرگرم کننده مبتنی بر انیمیشن های شبیه بهار توسط Abigail Cabunoc ساخته شده است. کد با Closure Compiler فشرده شد ، سپس با دست دیگر شده ، سپس در نهایت JS Crush فشرده شد.

03. تور شهر سه بعدی

تور 3D شهر دقیقاً همان چیزی را که وعده داده است تحویل می دهد - نمای اول شخص از یک شهر جزیره بهار. با استفاده از موس خود بر فراز شهر پرواز کنید ، از سقف به سقف دیگر بپرید یا با ماشین ها در خیابان ها رانندگی کنید. همچنین می توانید به خلبان خودکار اجازه دهید اطراف شما را نشان دهد. از جمله ساختمان ها ، خیابان ها ، علائم راهنمایی و رانندگی ، اتومبیل های در حال حرکت ، پارک ها ، دریا و موارد دیگر ، شما متحیر خواهید شد که جانی یلیکانگاس موفق شد همه اینها را در کمتر از 1 کیلوگرم ایجاد کند.


04. بلورهای عجیب

این انیمیشن سه بعدی شگفت انگیز توسط فیلیپ دسچوکس شما را به سفری عجیب در یک معدن زیرزمینی می برد. در توضیحات آمده است: "کارگران معدن کار متوقف شده اند." "آنها ترسیده اند. به نظر می رسد همه چیز از آن کریستال های عجیبی است که برخی دیده اند. صبور باشید و با کمی شانس ، آنها را خواهید دید."

05. شهاب سنگ های 1K

ما در Creative Bloq مکنده بازی های قدیمی مدرسه هستیم ، بنابراین ما این ادای احترام Asteroids را از Oscar Toledo G. دوست داریم. این با سرعت 30 فریم در ثانیه در اکثر ماشین ها اجرا می شود ، هر بازی منحصر به فرد است و همانطور که سازنده توضیح می دهد ، "یک واقع گرایی زیادی چون هیچ صدایی در فضا وجود ندارد ".

06. نگران نباش ، زنبور خوشبخت!


این انیمیشن شبه سه بعدی دارای یک زنبور عسل شلوغ است که به چپ و راست پرواز می کند ، چمن متحرک تازه با تابیدن عمق ، گلهای زیبا و دوربینی که در همه جهات (چپ ، راست ، بالا ، پایین و جلو) برای سرگرمی شما حرکت می کند . کد ایجاد شده توسط مانوئل رولکه ، با استفاده از کامپایلر Closure به حداقل رسید ، و بیشتر با دست بهینه سازی شد و سپس با JS Crush خرد شد.

07. مورفوز

این مش سه بعدی تعاملی چیزی است که شما باید با آن بازی کنید. نسخه ی نمایشی توسط بنیامین بیل پلانچ ایجاد شده است ، از الگوریتم Painter برای ارائه شبکه سه بعدی استفاده می کند. پس از نمایش هر صورت روی سیستم مختصات تعریف شده توسط دوربین ، آنها با کاهش عمق مرتب می شوند تا ترتیب رنگ آمیزی بدست آید. شکل نمایش داده شده نتیجه یک تعامل آشفته بین دو مش از قبل تولید شده ، یک مکعب و یک کره است. برای دستیابی صاف به صورت ها ، با نگاشت هر راس مکعب هندسه کره به وجود می آید (روش نگاشت مکعب).

08. کمانچ

این ادای احترام به بازی شبیه سازی هلی کوپتر Comanche: Maximum Overkill به شما امکان می دهد تا از فلش ها برای کنترل پیچ و خم استفاده کنید (ارتفاع در خلبان اتوماتیک است). آسمان از روز به شب تغییر می کند و بازی با یک کامپیوتر متوسط ​​متوسط ​​با سرعت 25 FPS اجرا می شود. کد Packer که توسط Siorki طراحی شده است هم از First Crush و هم از JS Crush تکامل یافته است.

09. گل

روشی که این دایره های موج دار و در حال چرخش به شکل گل چرخان در می آیند به سادگی زیبا است و باید دید که باید باور کرد. این توسط Cheeseum فقط در 960 بایت ایجاد شده است.

10. Furbee

در اینجا Roman Cortes واقعاً محدودیت های ممکن را در زیر 1k با بوم 2D و سخت افزار پیشرفته ممکن افزایش می دهد. این انیمیشن رنگارنگ دارای نمایش خز ، بال هایی با تاری حرکت هنری و یک فضای ابری سه بعدی است. برای لذت بردن کامل از آن ، باید در یک کامپیوتر بسیار قدرتمند با Chrome تماشا کنید. (در ورودی دیگری ، Furbee ، از آن تونل ASAP خارج شوید!) ، Cortes Furbee خود را با ورود Desquestaux - شماره 2 در لیست ما - و آن هم بسیار باورنکردنی له کرده است.)

این را دوست داشتید؟ اینها رو بخون!

  • نحوه ساخت برنامه
  • بهترین فیلم های سه بعدی سال 2013
  • موارد بعدی را برای واقعیت افزوده کشف کنید

آیا شما یک ایجاد جاوا اسکریپت شگفت انگیز با 1k یا کمتر مشاهده کرده اید؟ در مورد این موضوع را در نظرات بگویید!

نگاه کردن
دید کوتاه کوتاه سه بعدی برای گسترش ذهن در جامعه وجود دارد
خواندن

دید کوتاه کوتاه سه بعدی برای گسترش ذهن در جامعه وجود دارد

ماشین های شفاف آخرین قطعه از طراح گرافیک فوق العاده با استعداد مایک وینکلمن یا همان Beeple است. این کوتاه کوتاه 70 ثانیه ای با سرعت سریع می بیند که تعدادی از قطعات کوچک به هم متصل می شوند و یک ماشین ع...
5 بهترین doodles گوگل
خواندن

5 بهترین doodles گوگل

• طراحی توسط Ryan Germick • منتشر شده در 23 آوریل 2012"من برای مردم شهر خود بازی خواهم کرد و می گویم که دودل همراه اخیر برای روز سنت جورج و ZX pectrum یک چالش سرگرم کننده بود."Doodle قبلاً م...
نکات و نکاتی برای مدل سازی ارگانیک
خواندن

نکات و نکاتی برای مدل سازی ارگانیک

در طول 20 سال گذشته ، مدل سازی 3D بسیار پیشرفت کرده است. من می گویم 20 سال زیرا برای بسیاری از مردم اولین بار هنگامی که موجودات سه بعدی متحرک را در فیلم هایی مانند پارک ژوراسیک مشاهده کردند ، آگاهی آن...