Obsah
- 01. Matrix je systém
- 02. Aprílové sprchy prinášajú májové kvety
- 03. 3D prehliadka mesta
- 04. Podivné kryštály
- 05. 1K Meteory
- 06. Neboj sa, včela šťastná!
- 07. Morfóza
- 08. Comanche
- 09. Kvetina
- 10. Furbee
- Páčilo sa vám to? Prečítajte si tieto!
Súťaž JS1K každý rok žiada, aby weboví dizajnéri vytvorili skvelú aplikáciu v jazyku JavaScript nie väčšiu ako 1 kB. Súťaž sa začala ako žart, ale vysoká kvalita prihlásených rokov viedla k tomu, že sa z nej stala vynikajúca ukážka toho, čo môžete robiť s hŕstkou kódu.
Tu je 10 našich obľúbených príspevkov do tohtoročnej súťaže - je tu však ešte veľa úžasnej práce: pozrite sa na celý zoznam na webe JS1K. (A ak chcete vstúpiť, stále máte čas; posledná výzva na prihlásenie je túto nedeľu o polnoci).
- Prečítajte si všetky naše články o JavaScripte tu
01. Matrix je systém
Kto by nebol nadšený z tejto skvelej ukážky reprodukujúcej slávnu sekvenciu „digitálneho dažďa“ Matrixu pomocou minimalizovaného JavaScriptu? Vytvoril ho Pedro Franceschi s iba 956 bajtami kódu.
02. Aprílové sprchy prinášajú májové kvety
Túto jednoduchú, ale zábavnú hru na písanie založenú na jarných animáciách vytvorila Abigail Cabunoc. Kód bol komprimovaný pomocou Closure Compiler, potom ďalej ručne minifikovaný, nakoniec JS Crush.
03. 3D prehliadka mesta
3D prehliadka mesta prináša to, čo sľubuje - pohľad na ostrovné mesto na jar z prvej osoby. Pomocou myši preletíte nad mestom, skáčete zo strechy na strechu alebo jazdíte s autami v uliciach. Môžete tiež nechať autopilota, aby vás nechal obísť. Vrátane budov, ulíc, dopravných značiek, pohybujúcich sa automobilov, parkov, mora a ďalších - budete ohromení, že Jani Ylikangas dokázal toto všetko vytvoriť za menej ako 1 tis.
04. Podivné kryštály
Táto úžasná 3D animácia od Philippa Deschaseauxa vás vezme na zvláštnu cestu podzemnou baňou. „Baníci prestali pracovať,“ znie popis. „Bojí sa. Zdá sa, že to všetko pochádza z tých zvláštnych kryštálov, ktoré niektorí videli. Buďte trpezliví a pri troche šťastia ich uvidíte.“
05. 1K Meteory
Sme hlupáci pre hry zo starej školy v Creative Bloq, takže sa nám páči táto pocta Asteroids od Oscara Toleda G. Na väčšine strojov beží s rýchlosťou 30 snímok za sekundu, každá hra je jedinečná a ako autor vysvetľuje, ponúka „a veľa realizmu, pretože vo vesmíre nie sú žiadne zvuky “.
06. Neboj sa, včela šťastná!
Táto pseudo-3D samostatne fungujúca animácia obsahuje rušnú včielku lietajúcu doľava a doprava, sviežu animovanú kymácajúcu sa trávu s hlbokými narážkami, pekné kvety a fotoaparát pohybujúci sa pre vašu zábavu všetkými smermi (doľava, doprava, hore, dole a dopredu) . Vytvoril Manuel Rülke, kód bol minimalizovaný pomocou Closure Compiler, ďalej optimalizovaný ručne a potom rozdrvený pomocou JS Crush.
07. Morfóza
Táto interaktívna 3D sieťka je niečo, s čím sa musíte hrať. Demo, ktoré vytvoril Benjamin Bill Planche, využíva na vykreslenie 3D siete Painterov algoritmus. Po premietnutí každej tváre na súradnicový systém definovaný fotoaparátom sa zoradia podľa zmenšujúcej sa hĺbky, aby sa získalo poradie maľovania. Zobrazený tvar je výsledkom chaotického prelínania medzi dvoma vopred vygenerovanými sieťami, kockou a guľou. Aby sa dosiahlo plynulé doplnenie tvárí, vytvorí sa geometria gule mapovaním každého vrcholu kocky (metóda mapovania kocky).
08. Comanche
Táto pocta simulačnej hre vrtuľníka Comanche: Maximum Overkill vám umožňuje pomocou šípok ovládať stúpanie a nakláňanie (nadmorská výška je na autopilote). Obloha sa prepína zo dňa na noc a hra beží na 25 FPS na počítači strednej triedy. Kód Packer, ktorý navrhol Siorki, sa vyvinul z programov First Crush a JS Crush.
09. Kvetina
Spôsob, akým sa tieto zvlnené, točiace sa kruhy formujú do tvaru rotujúceho kvetu, je jednoducho krásny a je potrebné mu uveriť. Bol vytvorený spoločnosťou Cheeseum za pouhých 960 bajtov.
10. Furbee
Tu Roman Cortes skutočne posúva hranice toho, čo je možné do 1k, s 2D plátnom a špičkovým hardvérom. Táto farebná animácia obsahuje vykreslenie kožušiny, krídla s umeleckým rozmazaním pohybom a 3D oblaky. Aby ste si ho mohli naplno vychutnať, je potrebné sledovanie vo veľmi výkonnom počítači s prehliadačom Chrome. (V ďalšom vstupe, Furbee, choďte z tohto tunelu ASAP !, Cortes rozdrvil svoj Furbee vstupom Deschaseaux - číslo 2 na našom zozname - a to je tiež dosť neuveriteľné.)
Páčilo sa vám to? Prečítajte si tieto!
- Ako zostaviť aplikáciu
- Najlepšie 3D filmy roku 2013
- Objavte, čo bude v oblasti rozšírenej reality nasledovať
Už ste videli úžasné vytvorenie JavaScriptu v rozlíšení 1k alebo menej? Povedzte nám o tom v komentároch!