Задаволены
- 01. Матрыца - гэта сістэма
- 02. Красавічныя ліўні прыносяць майскія кветкі
- 03. 3D экскурсія па горадзе
- 04. Дзіўныя крышталі
- 05. 1К Метэоры
- 06. Не хвалюйся, пчала шчаслівая!
- 07. Морфа
- 08. Каманч
- 09. Кветка
- 10. Фурбі
- Спадабалася гэта? Прачытайце гэтыя!
Штогод конкурс JS1K прапануе вэб-дызайнерам стварыць крутое прыкладанне JavaScript памерам не больш за 1 тысячу. Конкурс пачаўся з жартаў, але высокая якасць заявак на працягу многіх гадоў прывяла да таго, што ён стаў бліскучай дэманстрацыяй таго, што можна зрабіць з дапамогай купкі кода.
Вось 10 нашых улюбёных матэрыялаў на сёлетні конкурс - але ёсць яшчэ шмат дзівоснай працы: паглядзіце спіс цалкам на сайце JS1K. (І калі вы хочаце ўвайсці, у вас яшчэ ёсць час; апошні званок для запісу - поўнач у гэтую нядзелю).
- Прачытайце тут усе нашы артыкулы на JavaScript
01. Матрыца - гэта сістэма
Хто б не адчуў хвалявання ад гэтай бліскучай дэманстрацыі, якая прайгравае вядомую паслядоўнасць лічбавага дажджу Matrix з выкарыстаннем мінімізаванага JavaScript? Ён быў створаны Педра Франчэскі з усяго 956 байтамі кода.
02. Красавічныя ліўні прыносяць майскія кветкі
Гэтая простая, але вясёлая гульня набору тэксту, заснаваная на вясновых анімацыях, была створана Абігейл Кабунок. Код быў сціснуты з дапамогай Закрываючага кампілятара, потым яшчэ мініфікаваны, потым, нарэшце, JS Crush.
03. 3D экскурсія па горадзе
3D City Tour дае толькі тое, што абяцае - выгляд вясновага астраўнага горада ад першай асобы. Выкарыстоўвайце мыш, каб пералятаць горад, пераскокваць з даху на дах альбо ездзіць на машынах па вуліцах. Вы таксама можаце дазволіць аўтапілоту правесці вас вакол. Уключаючы будынкі, вуліцы, дарожныя знакі, аўтамабілі, якія рухаюцца, паркі, мора і многае іншае, вы будзеце здзіўлены, што Джані Ілікангас здолеў стварыць усё гэта менш чым за 1 тысячу.
04. Дзіўныя крышталі
Гэтая дзіўная 3D-анімацыя Філіпа Дэшасо праводзіць вас у дзіўнае падарожжа праз падземную шахту. "Шахцёры перасталі працаваць", - гаворыцца ў апісанні. "Яны баяцца. Здаецца, усё гэта адбываецца ад тых дзіўных крышталяў, якія бачылі некаторыя. Будзьце цярплівыя і, калі крыху пашанцуе, вы ўбачыце іх".
05. 1К Метэоры
Мы прыемныя для старых школьных гульняў у Creative Bloq, таму нам вельмі падабаецца гэта даніна астэроідаў ад Оскара Таледа Г. Ён працуе з частатой 30 кадраў у секунду на большасці машын, кожная гульня ўнікальная і, як тлумачыць стваральнік, яна прапануе " шмат рэалізму, бо ў прасторы няма гукаў ".
06. Не хвалюйся, пчала шчаслівая!
У гэтай псеўда-3D самаадводнай анімацыі прадстаўлена занятая пчала, якая ляціць злева і направа, свежая аніміраваная калыханая трава з глыбіннай сігналізацыяй, сімпатычныя кветкі і камера, якая рухаецца ва ўсе бакі (налева, направа, уверх, уніз і наперад) для вашай забавы. . Створаны Мануэлем Рюльке, код быў зведзены да мінімуму пры дапамозе кампілятара закрыцця, дадаткова аптымізаваны ўручную, а затым раздушаны з дапамогай JS Crush.
07. Морфа
З гэтай інтэрактыўнай 3D-сеткай трэба гуляць. Створанае Бенджамінам Білам Планчэ, дэманстрацыя выкарыстоўвае алгарытм Painter для адлюстравання 3D-сеткі. Пасля праецыравання кожнага граня на сістэму каардынат, вызначаную камерай, яны сартуюцца па памяншэнні глыбіні, каб атрымаць парадак афарбоўкі. Адлюстраваная форма - вынік хаатычнага перакручвання паміж двума загадзя створанымі сеткамі, кубам і шарам. Для атрымання плыўнага выцінанкі граняў геаметрыя сферы ствараецца шляхам адлюстравання кожнай вяршыні куба (метад адлюстравання куба).
08. Каманч
Гэта даніна гульні сімулятара верталёта Comanche: Maximum Overkill дазваляе выкарыстоўваць стрэлкі для кіравання крокам і нахілам (вышыня на аўтапілоце). Неба пераключаецца з дня на ноч, і гульня працуе на 25 FPS на камп'ютэры сярэдняга класа. Распрацаваны Сіёркі, код Пакера быў распрацаваны як з First Crush, так і з JS Crush.
09. Кветка
Тое, як гэтыя хвалістыя круцяцца кругі ў форме круціцца кветкі, проста прыгожае, і ў яго трэба верыць. Ён быў створаны Cheeseum ўсяго за 960 байт.
10. Фурбі
Тут Раман Картэс сапраўды рассоўвае межы магчымага менш чым у 1k пры дапамозе 2D-палатна і высокага класа абсталявання. Гэтая маляўнічая анімацыя мае візуалізацыю футра, крылы з мастацкай размытасцю ў руху і 3D-аблокі. Каб у поўнай меры атрымліваць асалоду ад гэтага, патрабуецца назіранне на вельмі магутным кампутары з Chrome. (У іншым запісе, Фурбі, як мага хутчэй выходзь з гэтага тунэля! Картэс змяшыў свой Фурбі запісам Дэшасо - нумар 2 у нашым спісе, - і гэта таксама неверагодна.)
Спадабалася гэта? Прачытайце гэтыя!
- Як стварыць прыкладанне
- Лепшыя 3D-фільмы 2013 года
- Даведайцеся, што чакае дапоўненая рэальнасць
Вы бачылі дзівоснае стварэнне JavaScript у 1k або менш? Раскажыце нам пра гэта ў каментарах!