10 demonstrata mahnitëse JavaScript duke përdorur 1k ose më pak

Autor: John Stephens
Data E Krijimit: 28 Janar 2021
Datën E Azhurnimit: 19 Mund 2024
Anonim
10 demonstrata mahnitëse JavaScript duke përdorur 1k ose më pak - Krijues
10 demonstrata mahnitëse JavaScript duke përdorur 1k ose më pak - Krijues

Përmbajtje

Çdo vit konkursi JS1K u kërkon krijuesve të faqeve të krijojnë një aplikacion të freskët JavaScript jo më të madh se 1k. Konkursi filloi si një shaka, por cilësia e lartë e hyrjeve gjatë viteve ka bërë që ajo të bëhet një vitrinë e shkëlqyeshme e pikërisht asaj që mund të bësh me një pjesë të vogël të kodit.

Këtu janë 10 nga paraqitjet tona të preferuara për konkursin e këtij viti - por ka shumë punë më mahnitëse për të parë: shikoni listën të plotë në faqen JS1K. (Dhe nëse doni të hyni, keni ende kohë; thirrja e fundit për hyrje është mesnata e kësaj të Dielë).

  • Lexoni të gjithë artikujt tonë JavaScript këtu

01. Matrica është një sistem

Kush nuk do të merrte një emocion nga kjo demonstrim brilant që riprodhon sekuencën e famshme të 'shiut dixhital' të Matrix duke përdorur JavaScript të minifikuar? Shtë krijuar nga Pedro Franceschi me vetëm 956 bajtë kod.


02. Dushet e Prillit sjellin lule maji

Kjo lojë e thjeshtë, por argëtuese për shtypje, e bazuar në animacione të ngjashme me Pranverën, u krijua nga Abigail Cabunoc. Kodi ishte ngjeshur me Përpiluesin e Mbylljes, më pas u minifikua më tej nga dora, pastaj më në fund JS Crush.

03. 3D Tour City

Turneu 3D i Qytetit jep atë që premton - një pamje nga personi i parë i një qyteti ishull në pranverë. Përdorni miun për të fluturuar mbi qytet, hidheni nga çatia në çati ose ngisni makinat në rrugë. Ju gjithashtu mund të lejoni që autopiloti t'ju tregojë përreth. Duke përfshirë ndërtesat, rrugët, shenjat e trafikut, makinat në lëvizje, parqet, një det dhe më shumë, do të habiteni që Jani Ylikangas arriti t'i krijojë të gjitha këto nën 1k.


04. Kristale të çuditshme

Kjo animacion mahnitës 3D nga Philippe Deschaseaux ju çon në një udhëtim të çuditshëm përmes një miniere nëntokësore. "Minatorët kanë ndaluar punën," lexohet në përshkrim. "Ata kanë frikë. E gjitha duket se vjen nga ato kristale të çuditshme që disa kanë parë. Bëni durim dhe me pak fat, do t'i shihni".

05. 1K meteorë

Ne jemi pinjollë për lojëra të shkollës së vjetër në Creative Bloq, kështu që e duam këtë haraç Asteroids nga Oscar Toledo G. Ajo funksionon me 30 korniza në sekondë në shumicën e makinave, secila lojë është unike dhe, siç shpjegon krijuesi, ofron "një shumë realizëm pasi nuk ka tinguj në hapësirë ​​".

06. Mos u shqetëso, bletë e lumtur!


Kjo animacion pseudo-3D vetë-drejtues përmban një bletë të zënë duke fluturuar majtas dhe djathtas, bar të freskët të animuar që lëkundet me shenjë thellësie, lule të bukura dhe një aparat fotografik që lëviz në të gjitha drejtimet (majtas, djathtas, lart, poshtë dhe përpara) për argëtimin tuaj . Krijuar nga Manuel Rülke, kodi u minimizua duke përdorur Përpiluesin e Mbylljes, u optimizua më tej më tej me dorë dhe më pas u shtyp me JS Crush.

07. Morfoza

Kjo rrjetë interaktive 3D është diçka me të cilën duhet të luani. Krijuar nga Benjamin Bill Planche, demonstrimi përdor algoritmin e Piktorit për të dhënë rrjetën 3D. Pas projeksionit të secilës fytyrë në sistemin koordinativ të përcaktuar nga kamera, ato renditen duke ulur thellësinë për të marrë rendin e pikturës. Forma e shfaqur është rezultat i një ndërlidhjeje kaotike midis dy mesave të para-gjeneruara, një kubi dhe një sfere. Për të marrë një ndërlidhje të qetë për fytyrat, gjeometria e sferës krijohet duke hartuar secilin kulm të kubit (metoda e hartës së kubit).

08. Comanche

Ky haraç për lojën e simulimit të helikopterit Comanche: Mbingarkesa maksimale ju lejon të përdorni shigjeta për të kontrolluar lartësinë dhe lartësinë (lartësia është në automatik). Qielli kalon nga dita në natë dhe loja zhvillohet me 25 FPS në një kompjuter të mesëm. Projektuar nga Siorki, kodi Packer u evolua si nga First Crush ashtu edhe nga JS Crush.

09. Lule

Mënyra se si këto qarqe valëzuese, rrotulluese formohen në një formë lule rrotulluese është thjesht e bukur dhe duhet parë që të besohet. Wasshtë krijuar nga Cheeseum në vetëm 960 bajt.

10. Furbee

Këtu Roman Cortes me të vërtetë shtyn kufijtë e asaj që është e mundur nën 1k me një kanavacë 2D dhe pajisje të nivelit të lartë. Kjo animacion shumëngjyrësh përmban interpretimin e gëzofit, krahët me turbullirë të lëvizjes artistike dhe një re cloud 3D. Për ta shijuar plotësisht, kërkon të shikohet në një kompjuter shumë të fuqishëm me Chrome. (Në një hyrje tjetër, Furbee, dil nga ai tunel ASAP !, Cortes ka mbledhur Furbee me hyrjen e Deschaseaux - numri 2 në listën tonë - dhe kjo është gjithashtu shumë e pabesueshme.)

Te pelqen kjo? Lexoni këto!

  • Si të krijoni një aplikacion
  • Filmat më të mirë 3D të vitit 2013
  • Zbuloni se çfarë është më tej për Realitetin e Zgjeruar

A keni parë një krijim të mahnitshëm JavaScript me 1k ose më pak? Na tregoni për këtë në komente!

Dukem
Projektuesi prodhon 60 logo në 60 ditë
Lexo Më Shumë

Projektuesi prodhon 60 logo në 60 ditë

Me dizajnerët që kërkojnë vazhdimi ht mënyra të reja për t'u frymëzuar, duket e projektet e vetë-iniciuara janë mënyra për të hkuar...
Teknikat e hijëzimit me laps: 5 këshilla të ekspertëve
Lexo Më Shumë

Teknikat e hijëzimit me laps: 5 këshilla të ekspertëve

Zotërimi i teknikave të hijëzimit të lap it do të arrihet vetëm duke praktikuar rregulli ht. Kjo ep e lap a të ndry hëm krijojnë henja që duk hëm...
Identet e DMAX të artilerisë
Lexo Më Shumë

Identet e DMAX të artilerisë

tudioja me bazë në Brighton Artillery ka hedhur aftë itë e tyre krijue e në tre identë të rinj për Di covery’ DMAX Channel. Në ecilën logoja e tran m...