10 hämmastavat JavaScripti demot, milles kasutatakse kuni 1 k

Autor: John Stephens
Loomise Kuupäev: 28 Jaanuar 2021
Värskenduse Kuupäev: 19 Mai 2024
Anonim
10 hämmastavat JavaScripti demot, milles kasutatakse kuni 1 k - Loominguline
10 hämmastavat JavaScripti demot, milles kasutatakse kuni 1 k - Loominguline

Sisu

Igal aastal palub JS1K konkurss veebidisaineritel luua vahva JavaScripti rakendus, mis ei ole suurem kui 1 k. Konkurss algas naljaga, kuid võistlustööde kõrge kvaliteet on aastate jooksul viinud selleni, et sellest on saanud hiilgav näitus just sellest, mida saate käputäie koodiga teha.

Siin on kümme meie tänavuse konkursi lemmiktööd - kuid vaadata on veel palju hämmastavat tööd: vaadake nimekirja täies mahus JS1K saidil. (Ja kui soovite siseneda, on teil veel aega; viimane kutse võistlustele on selle pühapäeva südaöö).

  • Lugege kõiki meie JavaScripti artikleid siit

01. Maatriks on süsteem

Kes ei saaks põnevust sellest geniaalsest demost, mis reprodutseerib Matrixi kuulsat digitaalse vihma jada minimeeritud JavaScripti abil? Selle lõi Pedro Franceschi kõigest 956 baiti koodiga.


02. Aprilli hoovihmad toovad mai lilli

Selle lihtsa, kuid lõbusa tippimismängu, mis põhineb kevadetaolistel animatsioonidel, lõi Abigail Cabunoc. Kood tihendati Closure Compileriga, seejärel minimeeriti veel käsitsi ja lõpuks JS Crush.

03. 3D linnaekskursioon

3D City Tour pakub just seda, mida lubab - esimese inimese vaade kevadisele saarelinnale. Kasutage hiirt, et lennata üle linna, hüpata katuselt katusele või sõita autodega tänavatel. Samuti saate lasta autopiloodil end ringi näidata. Sealhulgas hooned, tänavad, liiklusmärgid, liikuvad autod, pargid, meri ja palju muud, olete üllatunud, et Jani Ylikangas suutis selle kõigega alla 1 k luua.


04. Imelikud kristallid

See hämmastav 3D-animatsioon, mille autor on Philippe Deschaseaux, viib teid kummalisele teekonnale läbi maa-aluse kaevanduse. "Kaevurite töö on lõpetatud," seisab kirjelduses. "Nad kardavad. Tundub, et see kõik pärineb nendest kummalistest kristallidest, mida mõned on näinud. Ole kannatlik ja natuke õnne näed neid."

05. 1K meteoorid

Me oleme vana kooli Creative Bloqi mängude imetajad, nii et me armastame seda Oscar Toledo G. austust asteroididele. See töötab enamikul masinatel 30 kaadrit sekundis, iga mäng on ainulaadne ja nagu looja selgitab, pakub see "a palju realismi, kuna kosmoses pole helisid ".

06. Ära muretse, mesilane õnnelik!


Selles pseudo-3D isejooksvas animatsioonis on teie meelelahutuseks hõivatud mesilane, kes sõidab vasakule ja paremale, värske animeeritud õõtsuv rohi koos sügavuse märkimise, ilusate lillede ja igas suunas (vasakule, paremale, üles, alla ja edasi) liikuva kaameraga. . Manuel Rülke loodud kood minimeeriti Closure Compileri abil, optimeeriti edasi käsitsi ja purustati seejärel JS Crushiga.

07. Morfoos

See interaktiivne 3D-võrk on see, millega peate mängima. Benjamin Bill Planche loodud demo kasutab 3D-võrgusilma renderdamiseks Painteri algoritmi. Pärast iga näo projitseerimist kaamera määratletud koordinaatsüsteemile sorteeritakse need värvimise järjekorra saamiseks langeva sügavuse järgi. Kuvatud kuju on kaootilise keerdumise tulemus kahe eelnevalt loodud võrgu, kuubi ja kera vahel. Nägude sujuva põimimise saavutamiseks luuakse sfääri geomeetria kuupi iga tipu kaardistamisega (kuupide kaardistamise meetod).

08. Comanche

See austusavaldus helikopteri simulatsioonimängule Comanche: Maximum Overkill võimaldab noolte abil tõsta ja tõsta (kõrgus on autopiloodil). Taevas vahetub päevast õhtusse ja mäng kulgeb keskmise suurusega arvutis kiirusega 25 FPS. Siorki kujundatud Packeri kood töötati välja nii First Crushist kui ka JS Crushist.

09. Lill

See, kuidas need lainetavad, pöörlevad ringid moodustavad end pöörleva õiekujuliseks, on lihtsalt ilus ja seda tuleb uskuda. Selle lõi Cheeseum kõigest 960 baiti.

10. Furbee

Siin nihutab Roman Cortes 2D lõuendi ja tipptasemel riistvaraga tõesti piire, mis on alla 1k. Sellel värvilisel animatsioonil on karusnaha renderdamine, kunstilise liikumisega hägustuvad tiivad ja 3D-pilvemaastik. Selle täielikuks nautimiseks tuleb seda vaadata väga võimsas arvutis, kus on Chrome. (Ühes teises kirjes Furbee, pääse sellest tunnelist välja ASAP !, Cortes on oma Furbee purustanud Deschaseaux 'kirjega - meie nimekirjas number 2 - ja see on ka päris uskumatu.)

Meeldis see? Loe neid!

  • Rakenduse loomine
  • 2013. aasta parimad 3D-filmid
  • Vaadake, mis on liitreaalsuse järgmine

Kas olete näinud hämmastavat JavaScripti loomist 1 k või vähem? Räägi meile sellest kommentaarides!

Vaata Kindlasti
Animeeritud liikide lähedased kohtumised
Loe Rohkem

Animeeritud liikide lähedased kohtumised

Nüüd, juba 18. korda toimuv lühifilmi- ja animat ioonife tival Encounter on iga-aa tane filmiloojate talent, mi ke kendub meediumi kahele kõige nõudlikumale teadu harule.2012....
5 suurepärast näidet isikupärastatud sotsiaalsete ikoonide kohta
Loe Rohkem

5 suurepärast näidet isikupärastatud sotsiaalsete ikoonide kohta

ot iaalmeedia ikoonid on peaaegu iga eal a uva veebi aidi lahutamatu o a. Kuigi mõned võivad valida tradit ioonili e, oovivad tei ed li ada oma kontaktandmetele natuke i ik u t. iin oleme v...
Tippdisainerid maalivad heategevusürituseks Oscari võitnud koera
Loe Rohkem

Tippdisainerid maalivad heategevusürituseks Oscari võitnud koera

uurbritannia Bri toli linn on tuntud oma kultuurili e mitmeke i u e poole t ja tutvu tab ageli tänavakun ti, et tähi tada loominguli u t ja koguda vahendeid erinevatele heategevu organi at ...