10 apbrīnojami JavaScript demonstrācijas, izmantojot 1 k vai mazāk

Autors: John Stephens
Radīšanas Datums: 28 Janvārī 2021
Atjaunināšanas Datums: 19 Maijs 2024
Anonim
IGListKit: Powering Instagram, YouTube, & Pinterest (iOS 2022) – Tutorial
Video: IGListKit: Powering Instagram, YouTube, & Pinterest (iOS 2022) – Tutorial

Saturs

Katru gadu konkursā JS1K tiek prasīts, lai tīmekļa dizaineri izveidotu atdzist JavaScript lietojumprogrammu, kas nav lielāka par 1k. Konkurss sākās kā joks, taču gadu gaitā augstā konkursa kvalitāte ir novedusi pie tā, ka tas ir kļuvis par izcilu vitrīnu tikai tam, ko jūs varat darīt ar nelielu kodu.

Šeit ir 10 no mūsu iecienītākajiem pieteikumiem šī gada konkursā - taču ir vēl daudz pārsteidzošu darbu, ko redzēt: pilnībā apskatiet sarakstu JS1K vietnē. (Un, ja vēlaties iekļūt, jums vēl ir laiks; pēdējais zvans pieteikumiem ir šīs svētdienas pusnakts).

  • Lasiet visus mūsu JavaScript rakstus šeit

01. Matrica ir sistēma

Kurš gan nesaņems saviļņojumu no šī izcilā demonstrējuma, kas atveido The Matrix slaveno digitālā lietus sēriju, izmantojot minimizētu JavaScript? To izveidoja Pedro Frančeski ar tikai 956 baitu kodu.


02. Aprīļa dušas nes maija ziedus

Šo vienkāršo, bet jautro mašīnrakstīšanas spēli, kuras pamatā ir pavasara animācijas, izveidoja Abigaila Kabunoka. Kods tika saspiests ar slēgšanas kompilatoru, pēc tam ar roku tika minimizēts, pēc tam beidzot JS Crush.

03. 3D pilsētas ekskursija

3D City Tour nodrošina tikai solīto - pirmās personas skatu uz pavasara salu pilsētu. Izmantojiet peli, lai lidotu pāri pilsētai, pārietu no jumta uz jumtu vai brauciet ar automašīnām uz ielām. Varat arī ļaut autopilotam sevi parādīt. Ieskaitot ēkas, ielas, ceļa zīmes, braucošas automašīnas, parkus, jūru un daudz ko citu, jūs būsiet pārsteigts, ka Jani Ylikangas to visu spēja izveidot zem 1k.


04. Dīvaini kristāli

Šī apbrīnojamā Filipa Dešaso 3D animācija ved jūs dīvainā ceļojumā pa pazemes raktuvēm. "Kalnrači pārtrauca darbu," teikts aprakstā. "Viņi baidās. Šķiet, ka tas viss nāk no tiem dīvainajiem kristāliem, kurus daži ir redzējuši. Esiet pacietīgi un ar nelielu veiksmi jūs tos redzēsiet."

05. 1K meteori

Mēs esam vecās skolas spēļu piesūcēji Creative Bloq, tāpēc mēs mīlam šo Oskara Toledo G. veltīto asteroīdu veltījumu. Lielākajā daļā mašīnu tā darbojas ar ātrumu 30 kadri sekundē, katra spēle ir unikāla, un, kā skaidro radītājs, tā piedāvā "a daudz reālisma, jo kosmosā nav skaņu ".

06. Neuztraucieties, bite laimīga!


Šajā pseido-3D pašdarbīgajā animācijā jūsu izklaidei ir aizņemta bite, kas lido pa kreisi un pa labi, svaiga animēta šūpojoša zāle ar dziļumu, skaisti ziedi un kamera, kas pārvietojas visos virzienos (pa kreisi, pa labi, uz augšu, uz leju un uz priekšu). . Manuel Rülke izveidots, kods tika samazināts līdz minimumam, izmantojot Closure Compiler, tika tālāk optimizēts ar rokām un pēc tam sasmalcināts ar JS Crush.

07. Morfoze

Šis interaktīvais 3D tīkls jums ir jāspēlē. Demonstrējums, kuru izveidoja Bendžamins Bils Planše, izmanto 3D gleznotāja renderēšanai Painter algoritmu. Pēc katras sejas projicēšanas uz kameras noteikto koordinātu sistēmu, tās tiek sakārtotas pēc samazinoša dziļuma, lai iegūtu krāsošanas secību. Parādītā forma ir haotiska savijuma rezultāts starp divām iepriekš izveidotām acīm, kubu un sfēru. Lai panāktu vienmērīgu sejas saliekšanu, sfēras ģeometrija tiek izveidota, kartējot katru kuba virsotni (kuba kartēšanas metode).

08. Comanche

Šis veltījums helikopteru simulācijas spēlei Comanche: Maximum Overkill ļauj izmantot bultiņas, lai kontrolētu piķi un ripošanu (augstums ir autopilotā). Debesis mainās no dienas uz nakti, un vidēja līmeņa datorā spēle darbojas ar ātrumu 25 FPS. Designed by Siorki, Packer kods tika izstrādāts gan no First Crush, gan no JS Crush.

09. Zieds

Tas, kā šie viļņainie, vērpjošie apļi veido sevi par rotējošu ziedu formu, ir vienkārši skaisti un ir jāredz, ka tam tic. To izveidoja Cheeseum tikai 960 baiti.

10. Furbee

Šeit Romāns Kortess ar 2D audeklu un augstākās klases aparatūru patiešām pārspēj to, kas ir zem 1k. Šajā krāsainajā animācijā ir kažokādu atveidojums, spārni ar māksliniecisku kustību izplūdumu un 3D mākoņu ainava. Lai to pilnībā izbaudītu, tas ir jānoskatās ļoti jaudīgā datorā ar pārlūku Chrome. (Citā ierakstā Furbee, izejiet no šī tuneļa ASAP !, Cortes ir sajaucis savu Furbee ar Deschaseaux ierakstu - 2. numuru mūsu sarakstā - un tas ir arī diezgan neticami.)

Patika tas? Izlasiet šos!

  • Kā izveidot lietotni
  • Labākās 2013. gada 3D filmas
  • Atklājiet paplašinātās realitātes iespējas

Vai esat redzējuši pārsteidzošu JavaScript izveidi 1k vai mazāk? Pastāsti par to komentāros!

Ieteicams Jums
Jaunais talants: LCC ilustrācijas 2014. gada grādu izstāde
Lasīt Vairāk

Jaunais talants: LCC ilustrācijas 2014. gada grādu izstāde

Ja jū meklējat jaunu aizraujošu ab olventu avai tudijai vai aģentūrai, nepalaidiet garām Computer Art jauno talantu īpašo izdevumu 230, kurā ir mū u izvēlētā Apvienotā Karali te labāko ab olventu izla...
Padariet savus portfeļa attēlus pārsteidzošus par mazāk
Lasīt Vairāk

Padariet savus portfeļa attēlus pārsteidzošus par mazāk

Kā dizainer jū u portfeli ir jū u vizītkarte - rūpīgi agatavota jū u darbu izvēle, ka jum parādī pēc ie pēja labāk.Kad runa ir par projektu prezentēšanu, neapmierinietie ar plakanu māk la darbu. Neatk...
Google Hangout sesija ar Volesu un Gromitu jaunajā Ziemassvētku videoklipā
Lasīt Vairāk

Google Hangout sesija ar Volesu un Gromitu jaunajā Ziemassvētku videoklipā

Google+ Hangout ir pakalpojum , ka ļauj video tērzēt ar līdz pat 10 cilvēkiem klātienē. Un, lai to popularizētu vētku laikā, Google ir apvienoju ie ar dažiem Aardman Animation vi mīļākajiem varoņiem.I...