1k же андан азын колдонуу менен 10 укмуштуу JavaScript демосу

Автор: John Stephens
Жаратылган Күнү: 28 Январь 2021
Жаңыртуу Күнү: 19 Май 2024
Anonim
1k же андан азын колдонуу менен 10 укмуштуу JavaScript демосу - Чыгармачыл
1k же андан азын колдонуу менен 10 укмуштуу JavaScript демосу - Чыгармачыл

Мазмун

Жыл сайын JS1K конкурсу веб-дизайнерлерден 1kдан чоң эмес, сонун JavaScript тиркемесин түзүүнү суранат. Сынак тамаша иретинде башталган, бирок бир нече жыл аралыгында материалдардын сапаты жогору болуп, ал сиз бир ууч код менен эмне кыла тургандыгыңыздын жаркын көргөзмөсүнө айланды.

Бул жерде быйылкы сынакка биздин сүйүктүү 10 сунуш бар - бирок дагы көптөгөн таң калыштуу иштер бар: тизмесин толугу менен JS1K сайтынан карап көрүңүз. (Жана киргиңиз келсе, дагы деле убактыңыз бар; жазуу үчүн акыркы чалуу ушул жекшембиде түн ортосу).

  • Биздин бардык JavaScript макалаларды ушул жерден окуңуз

01. Матрица - бул тутум

Матрицанын белгилүү "санариптик жамгыр" ыраатын минималдаштырылган JavaScriptтин жардамы менен чагылдырган бул керемет демонстрациясынан ким толкунданбайт? Аны Педро Франчески 956 байт код менен гана түзгөн.


02. Апрельдеги жамгыр май айынын гүлдөрүн алып келет

Жаз сыяктуу анимациялардын айланасында түзүлгөн бул жөнөкөй, бирок көңүлдүү терүү оюну Эбигейл Кабунок тарабынан түзүлгөн. Код Жабуу Түзүүчү менен кысылып, андан ары кол минималдаштырылды, андан соң JS Crush.

03. 3D шаардык тур

3D City Tour ал эмнени убада кылса, ошону жазгы арал шаарына биринчи жолу көрсөтөт. Чычкандын жардамы менен шаардын үстүнөн учуп, чатырдан чатырга секирип же көчөлөрдө унаалар менен жүрүңүз. Ошондой эле сиз автопилоттун сизди көрсөтүүсүнө уруксат берсеңиз болот. Анын ичинде имараттар, көчөлөр, жол белгилери, кыймылдуу унаалар, сейил бактар, деңиз жана башка көптөгөн нерселер, анын ичинде Jani Ylikangas мунун бардыгын 1k астында жаратканына таң каласыз.


04. Strange Crystals

Филипп Дешасонун бул укмуштуудай 3D анимациясы сизди жер астындагы шахта аркылуу таң калыштуу саякатка алып барат. "Шахтёрлор иштебей калышты" деп айтылат сүрөттөөдө. "Алар коркушат. Мунун баары кээ бирлери көргөн таң калыштуу кристаллдардан келип чыккандай сезилет. Чыдамдуу болуп, бир аз ийгиликке жетсеңиз, аларды көрө аласыз."

05. 1K Meteors

Биз Creative Bloqдогу эски мектеп оюндары үчүн соргучпуз, ошондуктан биз Оскар Толедо Г-дан Астероиддердин сый-урматын жакшы көрөбүз, ал көпчүлүк машиналарда секундасына 30 кадр иштейт, ар бир оюн уникалдуу жана жаратуучунун айтымында, "a мейкиндикте эч кандай үндөр болбогондуктан реализм көп ".

06. Убара болбо, аары бактылуу!


Бул псевдо-3D өзүн-өзү башкарган анимацияда бош жана оң жакка учкан аары, тереңдикке сүйкөлгөн жаңы кыймылдуу термелген чөп, сулуу гүлдөр жана көңүл ачуу үчүн ар тарапка (солго, оңго, өйдө, ылдый жана алдыга) жылган камера бар. . Мануэль Рюлке тарабынан түзүлгөн код Жабуу Компиляторунун жардамы менен минималдаштырылып, андан ары кол менен оптималдаштырылып, андан кийин JS Crush менен майдаланды.

07. Морфоз

Бул интерактивдүү 3D сетка сиз ойной турган нерсе. Бенджамин Билл Планче тарабынан түзүлгөн демо 3D сеткасын көрсөтүү үчүн Painterдин алгоритмин колдонот. Ар бир бетти камера тарабынан аныкталган координаттар тутумуна чагылдырып бүткөндөн кийин, сүрөт тартуу тартибин алуу үчүн тереңдикти азайтуу менен иргелет. Көрсөтүлгөн форма алдын-ала түзүлгөн эки сетканын, куб менен сферанын ортосундагы башаламан твинингдин натыйжасы. Беттер үчүн жылмакай твининг алуу үчүн, сферанын геометриясы кубдун ар бир чокусун картага түшүрүү аркылуу түзүлөт (куб-картага түшүрүү методу).

08. Comanche

Тик учактын симуляциялык оюну болгон Comanche: Maximum Overkill бийиктикти жана тоголоктоону башкаруу үчүн жебелерди колдонууга мүмкүнчүлүк берет (бийиктик автопилотто). Асман күндүздөн түнгө которулуп, оюн орто деңгээлдеги компьютерде 25 FPS менен иштейт. Siorki тарабынан иштелип чыккан, Packer коду First Crush жана JS Crush экиден иштелип чыккан.

09. Гүл

Бул толкундуу, ийрилген чөйрөлөрдүн айланып турган гүл формасына айланышы жөн гана кооз жана ага ишенүү керек. Аны Сыр сыры 960 байтта гана жараткан.

10. Furbee

Бул жерде Роман Кортес чындыгында 2к холст жана жогорку деңгээлдеги жабдыктар менен 1к астында мүмкүн болгон нерселердин чектерин күчөтөт. Бул түстүү анимацияда мех чагылдыруу, көркөм кыймыл бүдөмүктүү канаттар жана 3D булут чагылдырылат. Андан толук ырахат алуу үчүн, аны Chrome менен күчтүү компьютерде көрүүнү талап кылат. (Дагы бир жазууда, Furbee, ASAP туннелинен чыгып кет!, Кортес Furbeeни Deschaseaux кириши менен тазалаган - биздин тизмедеги 2-орун - жана бул да укмуштай.)

Бул жактыбы? Буларды оку!

  • Колдонмону кантип курса болот
  • 2013-жылдын мыкты 3D тасмалары
  • Кеңейтилген Чындыктын кийинки кадамдары менен таанышыңыз

1K же андан аз убакыт ичинде укмуштуудай JavaScript жаратуусун көрдүңүз беле? Пикирлер, бизге ал тууралуу айтып!

Бүгүн Оку
Review: ZBrush 4R8
Табыңыз

Review: ZBrush 4R8

ZBru h 4R8дин күчтүү жана инновациялык жаңы функциялары аны учурдагы колдонуучулар үчүн маанилүү жаңыртууга айландырып, жаңы келгендерди издөөгө арзыйт. Жаңы шаймандар жана өзгөчөлүктөр Жакшыртылган и...
Сиздин мобилдик сайтты супер кубаттай турган 12 HTML5 хак
Табыңыз

Сиздин мобилдик сайтты супер кубаттай турган 12 HTML5 хак

Мобилдик желе - бул таң калыштуу дүйнө: ондогон браузерлер, версиялар, экран көлөмү, документсиз мүмкүнчүлүктөр, мүчүлүштүктөр жана жаңы көйгөйлөр. Ошондуктан, кээ бир кырдаалдарда, биз алдыга койгон ...
IOS 7 үчүн жөнөкөй мобилдик тиркемени иштеп чыгыңыз
Табыңыз

IOS 7 үчүн жөнөкөй мобилдик тиркемени иштеп чыгыңыз

Биз Apple компаниясынын жаңы мобилдик операциялык тутумунун эң кызыктуу өзгөчөлүктөрүн колдонуп, iO 7 тиркемесинин дизайнын түзөбүз. Apple компаниясынын iO 7 iPhone жана iPad иштетүү тутумуна жаңыча к...