Obsah
- 01. Matrix je systém
- 02. Dubnové sprchy přinášejí květnové květiny
- 03. 3D prohlídka města
- 04. Podivné krystaly
- 05. 1K Meteory
- 06. Neboj se, včela šťastná!
- 07. Morfóza
- 08. Comanche
- 09. Květina
- 10. Furbee
- Líbilo se vám to? Přečtěte si tyto!
Soutěž JS1K každý rok žádá, aby weboví designéři vytvořili skvělou aplikaci JavaScriptu ne větší než 1 kB. Soutěž začala jako vtip, ale vysoká kvalita příspěvků v průběhu let vedla k tomu, že se stala skvělou přehlídkou toho, co můžete dělat s hrstkou kódu.
Tady je 10 našich oblíbených příspěvků pro letošní soutěž - ale je tu ještě spousta úžasných prací: podívejte se na celý seznam na webu JS1K. (A pokud chcete vstoupit, stále máte čas; poslední výzva k přihlášení je tuto neděli o půlnoci).
- Přečtěte si všechny naše články o JavaScriptu zde
01. Matrix je systém
Kdo by nebyl nadšený z této brilantní ukázky reprodukující slavnou sekvenci „digitálního deště“ Matrixu pomocí minimalizovaného JavaScriptu? Vytvořil ho Pedro Franceschi s pouhými 956 bajty kódu.
02. Dubnové sprchy přinášejí květnové květiny
Tuto jednoduchou, ale zábavnou hru na psaní založenou na jarních animacích vytvořila Abigail Cabunoc. Kód byl komprimován pomocí Closure Compiler, poté dále ručně minifikován a nakonec JS Crush.
03. 3D prohlídka města
3D prohlídka města přináší přesně to, co slibuje - pohled na ostrovní město na jaře z pohledu první osoby. Pomocí myši můžete létat nad městem, skákat ze střechy na střechu nebo jet auty v ulicích. Můžete také nechat autopilota, aby vás provedl. Včetně budov, ulic, dopravních značek, jedoucích aut, parků, moře atd. Vás ohromí, že Jani Ylikangas dokázal toto vše vytvořit za méně než 1 tis.
04. Podivné krystaly
Tato úžasná 3D animace od Philippe Deschaseaux vás vezme na podivnou cestu podzemním dolem. „Horníci přestali pracovat,“ zní popis. „Bojí se. Zdá se, že to všechno pochází z těch zvláštních krystalů, které někteří viděli. Buďte trpěliví a při troše štěstí je uvidíte.“
05. 1K Meteory
Jsme naštvaní pro hry ze staré školy v Creative Bloq, takže se nám líbí tento pocta Asteroids od Oscara Toleda G. Na většině strojů běží rychlostí 30 snímků za sekundu, každá hra je jedinečná a, jak vysvětluje tvůrce, nabízí „a hodně realismu, protože ve vesmíru nejsou žádné zvuky ".
06. Neboj se, včela šťastná!
Tato pseudo-3D samostatně běžící animace obsahuje rušnou včelu létající doleva a doprava, čerstvou animovanou kymácející se trávu s hloubkovým cueingem, krásné květiny a kameru pohybující se všemi směry (vlevo, vpravo, nahoru, dolů a vpřed) pro vaši zábavu . Vytvořil Manuel Rülke, kód byl minimalizován pomocí Closure Compiler, dále optimalizován dále ručně a poté rozdrcen pomocí JS Crush.
07. Morfóza
Tato interaktivní 3D síť je něco, s čím musíte hrát. Demo, které vytvořil Benjamin Bill Planche, využívá k vykreslení 3D sítě Painterův algoritmus. Po promítnutí každé plochy na souřadnicový systém definovaný kamerou se roztřídí podle zmenšující se hloubky, aby se získalo pořadí malování. Zobrazený tvar je výsledkem chaotického doplnění mezi dvěma předem vygenerovanými sítěmi, krychlí a koulí. Chcete-li dosáhnout hladkého doplnění ploch, vytvoří se geometrie koule mapováním každého vrcholu krychle (metoda mapování krychle).
08. Comanche
Tato pocta simulační hře vrtulníku Comanche: Maximum Overkill umožňuje používat šipky k ovládání výšky a náklonu (nadmořská výška je na autopilotu). Obloha se přepíná ze dne na noc a hra běží na 25 FPS na počítači střední třídy. Kód Packeru, který navrhl Siorki, byl vyvinut z First Crush a JS Crush.
09. Květina
Způsob, jakým se tyto zvlněné, točící se kruhy formují do tvaru rotujícího květu, je prostě krásný a je třeba mu věřit. To bylo vytvořeno Cheeseum za pouhých 960 bajtů.
10. Furbee
Zde Roman Cortes skutečně posouvá hranice toho, co je možné za méně než 1k, s 2D plátnem a špičkovým hardwarem. Tato barevná animace obsahuje vykreslení kožešiny, křídla s uměleckým pohybovým rozostřením a 3D cloudscape. Abyste si to mohli plně užít, je třeba jej sledovat ve velmi výkonném počítači s prohlížečem Chrome. (V další položce, Furbee, rychle se z toho tunelu vydejte !, Cortes roztříštil svůj Furbee vstupem Deschaseaux - číslo 2 na našem seznamu - a to je také neuvěřitelné.)
Líbilo se vám to? Přečtěte si tyto!
- Jak vytvořit aplikaci
- Nejlepší 3D filmy roku 2013
- Objevte, co bude v oblasti rozšířené reality pokračovat
Viděli jste úžasné vytvoření JavaScriptu v rozlišení 1k nebo méně? Řekněte nám o tom v komentářích!