10k հրաշալի JavaScript ցուցադրում ՝ 1k կամ ավելի քիչ քանակով

Հեղինակ: John Stephens
Ստեղծման Ամսաթիվը: 28 Հունվար 2021
Թարմացման Ամսաթիվը: 19 Մայիս 2024
Anonim
The Groucho Marx Show: American Television Quiz Show - Book / Chair / Clock Episodes
Տեսանյութ: The Groucho Marx Show: American Television Quiz Show - Book / Chair / Clock Episodes

Բովանդակություն

Ամեն տարի JS1K մրցույթը վեբ դիզայներներին խնդրում է ստեղծել 1k- ից ոչ ավելի զով JavaScript ծրագիր: Մրցույթը սկսվեց կատակով, բայց գրառումների բարձր որակը տարիների ընթացքում հանգեցրեց նրան, որ այն դառնա փայլուն ցուցափեղկ, թե ինչ կարող եք անել մի բուռ կոդով:

Ահա այս տարվա մրցույթի մեր նախընտրած հայտերից 10-ը, բայց տեսնելու շատ ավելի զարմանալի աշխատանք կա. Ամբողջությամբ ստուգեք ցուցակը JS1K կայքում: (Եվ եթե ուզում եք մուտք գործել, դուք դեռ ժամանակ ունեք. Մուտքի վերջին զանգը այս կիրակի կեսգիշերն է):

  • Կարդացեք այստեղ JavaScript- ի մեր բոլոր հոդվածները

01. Մատրիցան համակարգ է

Ո՞վ չէր ցնցի այս փայլուն ցուցադրումից, որը արտատպում է The Matrix- ի հայտնի «թվային անձրևի» հաջորդականությունը `օգտագործելով մանրացված JavaScript: Այն ստեղծվել է Պեդրո Ֆրանչեսկիի կողմից `ընդամենը 956 բայթ կոդով:


02. Ապրիլյան ցնցուղները մայիսյան ծաղիկներ են բերում

Գարնանման նման անիմացիաների շուրջ ստեղծված այս պարզ, բայց զվարճալի մեքենագրման խաղը ստեղծվել է Abigail Cabunoc- ի կողմից: Կոդը սեղմվել է Closure Compiler- ի հետ, այնուհետև այն ձեռքով նվազեցվել է, ապա վերջապես JS Crush:

03. 3D շրջայց քաղաքում

3D City Tour- ը մատուցում է այն, ինչ խոստանում է. Առաջին դեմքի տեսակետը գարնանային կղզու քաղաքից: Օգտագործեք ձեր մկնիկը քաղաքի վրայով թռչելու, տանիքից տանիք ցած նետվելու կամ մեքենաների հետ փողոցում քշելու համար: Կարող եք նաև թույլ տալ, որ ինքնաթիռը ձեզ ցույց տա: Ներառյալ շենքեր, փողոցներ, ճանապարհային նշաններ, շարժվող մեքենաներ, զբոսայգիներ, ծով և այլն, դուք կզարմանաք, որ aniանի Յլիկանգասին հաջողվել է այս ամենը ստեղծել 1k- ի տակ:


04. Տարօրինակ բյուրեղներ

Ֆիլիպ Դեսչոյի այս զարմանալի 3D անիմացիան ձեզ տարօրինակ ճանապարհորդության է տանում ստորգետնյա ականի միջով: «Հանքագործները դադարել են աշխատել», - ասվում է նկարագրության մեջ: «Նրանք վախենում են: Թվում է, թե ամեն ինչ գալիս է այդ տարօրինակ բյուրեղներից, որոնք ոմանք տեսել են: Համբերատար եղեք և մի փոքր հաջողություն կունենաք, կտեսնեք դրանք»:

05. 1 Կ մետեորներ

Մենք ծծում ենք հին դպրոցական խաղերի Creative Bloq- ում, ուստի մենք սիրում ենք այս աստերոիդների հարգանքի տուրքը Օսկար Տոլեդո Գ-ից: Այն աշխատում է վայրկյանում 30 կադր արագությամբ մեքենաների մեծ մասում, յուրաքանչյուր խաղ եզակի է և, ինչպես ստեղծողը բացատրում է, առաջարկում շատ իրատեսություն, քանի որ տարածության մեջ հնչյուններ չկան »:

06. Մի անհանգստացիր, մեղվա՛ծ երջանիկ:


Այս կեղծ-3D ինքնազբաղվող անիմացիայում կա զվարճալի մեղու, որը թռչում է ձախ և աջ, թարմ անիմացիոն ճոճվող խոտ ՝ խորքային ազդանշաններով, գեղեցիկ ծաղիկներ և տեսախցիկ, որը շարժվում է բոլոր ուղղություններով (ձախ, աջ, վեր, ներքև և առաջ) ձեր զվարճանքի համար: , Ստեղծված Մանուել Ռյուլկեի կողմից, կոդը նվազագույնի է հասցվել ՝ օգտագործելով «Փակման կազմողը», այնուհետև ձեռքով հետագա օպտիմիզացվելուց հետո ջախջախվել է JS Crush– ի հետ:

07. Մորֆոզ

Այս ինտերակտիվ 3D ցանցը մի բան է, որի հետ դուք պետք է խաղաք: Ստեղծվել է Բենջամին Բիլ Պլանշեի կողմից, ցուցադրումն օգտագործում է Painter- ի ալգորիթմը `3D ցանցը մատուցելու համար: Յուրաքանչյուր դեմքը տեսախցիկի կողմից սահմանված կոորդինատային համակարգում նախագծելուց հետո դրանք դասավորվում են խորության իջեցմամբ ՝ նկարչության պատվեր ստանալու համար: Theուցադրված ձևը քաոսային փոխհարաբերության արդյունք է նախապես առաջացած երկու ցանցերի, խորանարդի և գնդի միջև: Դեմքերի համար սահուն փոխադարձություն ստանալու համար գնդի երկրաչափությունը ստեղծվում է խորանարդի յուրաքանչյուր գագաթը քարտեզագրելով (խորանարդի քարտեզագրման մեթոդ):

08. Comanche

Ուղղաթիռի սիմուլյացիոն խաղի Comanche: Maximum Overkill- ի այս հարգանքի տուրքը հնարավորություն է տալիս սլաքներ օգտագործել ռիթմը պտտելու համար (բարձրությունը ավտոպիլոտում է): Երկինքն օրեցօր անցնում է գիշեր, իսկ խաղն անցնում է 25 FPS արագությամբ միջին համակարգչի վրա: Նախատեսված է Siorki- ի կողմից, Packer կոդը մշակվել է և՛ առաջին Crush- ի, և՛ JS Crush- ի կողմից:

09. Flowաղիկ

Այս ալիքային, պտտվող շրջանակների պտտվող ծաղկի ձևի ձևավորման ձևը պարզապես գեղեցիկ է և պետք է տեսնել, որ հավատա: Այն ստեղծվել է Cheeseum- ի կողմից ընդամենը 960 բայթում:

10. Furbee

Այստեղ Ռոման Կորտեսը իսկապես սահմանափակում է այն հնարավորությունները, որոնք հնարավոր է 1k- ի տակ 2D կտավով և բարձրակարգ սարքավորումներով: Այս գունագեղ անիմացիայում ներկայացված է մորթուց մատուցում, թևեր ՝ գեղարվեստական ​​շարժման պղտորմամբ և 3D ամպային միջավայրով: Այն ամբողջությամբ վայելելու համար այն պահանջում է դիտել Chrome- ի հետ շատ հզոր համակարգչում: (Մեկ այլ գրառում, Furbee, դուրս եկեք այդ թունելի ASAP- ից: Cortes- ը իր Furbee- ն խառնել է Deschaseaux- ի մուտքով - մեր ցուցակի 2-րդ համարը - և դա նույնպես անհավանական է:)

Դուր եկավ սա Կարդացեք սրանք:

  • Ինչպես ստեղծել ծրագիր
  • 2013-ի լավագույն 3D կինոնկարները
  • Բացահայտեք, թե ինչ է հաջորդը լրացված իրականության համար

Դուք տեսե՞լ եք զարմանալի JavaScript ստեղծում 1k կամ ավելի քիչ քանակով: Պատմեք մեզ այդ մասին մեկնաբանություններում:

Հասարակություն Ձեռք Բերելով
Դուք տառատեսակ եք
Կարդալ Ավելին

Դուք տառատեսակ եք

Նույնիսկ եթե դուք տպագիր չեք, մի անգամ իմանալով, թե ինչ փնտրել, բավականին հեշտ է ասել Arial- ին Helvetica- ից. Եթե տառաթղթերի հարվածների ծայրերը կտրված են մի փոքր անկյան տակ, դուք հավանաբար նայում եք ...
Disney- ը ներկայացնում է նոր տարբերանշանը
Կարդալ Ավելին

Disney- ը ներկայացնում է նոր տարբերանշանը

Դիսնեյի ալիքն այսօր իր բոլոր միջազգային հեռուստատեսային ցանցերում տարածում է լոգոյի նոր դիզայն (վերևում), և դա արմատական ​​փոփոխություն է նախորդ ինքնությունից:Առաջին հայացքից թվում է, թե զուտ տպագրակա...
HTML5 հարգանքի տուրք Մարիոյի երեք տասնամյակների առթիվ
Կարդալ Ավելին

HTML5 հարգանքի տուրք Մարիոյի երեք տասնամյակների առթիվ

Mario- ն անհերքելիորեն արտադրել է վիդեոխաղերի լավագույն նմուշներից մի քանիսը `ձվադրելով արդյունաբերության մեջ ավելի քան 30 տարի: Չնայած այս տպավորիչ ժառանգությունը շարունակում է ամրապնդվել ամեն նոր Ma...