Sisältö
- 01. Matrix on järjestelmä
- 02. Huhtikuun suihkut tuovat toukokuun kukkia
- 03. 3D-kaupunkikierros
- 04. Outoja kiteitä
- 05. 1K meteorit
- 06. Älä huoli, mehiläinen onnellinen!
- 07. Morfoosi
- 08. Comanche
- 09. Kukka
- 10. Furbee
- Piditkö tästä? Lue nämä!
Joka vuosi JS1K-kilpailu pyytää verkkosuunnittelijoita luomaan hienon JavaScript-sovelluksen, jonka koko on enintään 1 kt. Kilpailu alkoi vitsinä, mutta kilpailujen korkea laatu vuosien saatossa on johtanut siihen, että siitä on tullut loistava esittely siitä, mitä voit tehdä kourallisella koodilla.
Tässä on 10 suosikkilähetystämme tämän vuoden kilpailuun - mutta nähtävää on paljon enemmän upeita töitä: tutustu luetteloon kokonaisuudessaan JS1K-sivustolla. (Ja jos haluat tulla sisään, sinulla on vielä aikaa; viimeinen ilmoittautumiskutsu on keskiyö tänä sunnuntaina).
- Lue kaikki JavaScript-artikkelimme täältä
01. Matrix on järjestelmä
Kuka ei innostuisi tästä loistavasta demosta, joka toistaa The Matrixin kuuluisan digitaalisen sateen sarjan käyttämällä pienennettyä JavaScriptiä? Sen loi Pedro Franceschi vain 956 tavua koodia.
02. Huhtikuun suihkut tuovat toukokuun kukkia
Tämän yksinkertaisen, mutta hauskan kirjoituspelin, joka perustuu kevään kaltaisiin animaatioihin, loi Abigail Cabunoc. Koodi pakattiin Closure Compiler -sovelluksella, sitten pienennettiin edelleen käsin, sitten lopuksi JS Crush.
03. 3D-kaupunkikierros
3D City Tour tarjoaa juuri sen, mitä se lupaa - ensimmäisen persoonan näkymän kevään saarikaupungista. Käytä hiirtä lentääksesi kaupungin yli, hypätä katolta katolle tai aja autojen kanssa kaduilla. Voit myös antaa autopilotin näyttää sinut ympäriinsä. Mukaan lukien rakennukset, kadut, liikennemerkit, liikkuvat autot, puistot, meri ja paljon muuta, hämmästytät siitä, että Jani Ylikangas onnistui luomaan kaiken tämän alle 1 kilossa.
04. Outoja kiteitä
Tämä hämmästyttävä 3D-animaatio, jonka on kirjoittanut Philippe Deschaseaux, vie sinut outoon matkalle maanalaisen kaivoksen läpi. "Kaivostyöläiset ovat lakanneet toimimasta", luetaan kuvaus. "He pelkäävät. Kaikki näyttää johtuvan niistä outoista kiteistä, jotka jotkut ovat nähneet. Ole kärsivällinen ja vähän onnea, näet ne."
05. 1K meteorit
Olemme Creative Bloqin vanhojen koulujen pelejä, joten rakastamme tätä Oscar Toledo G: n Asteroids-kunnianosoitusta. Se toimii 30 kuvaa sekunnissa useimmissa koneissa, jokainen peli on ainutlaatuinen ja kuten luoja selittää, se tarjoaa "a paljon realismia, koska avaruudessa ei ole ääniä ".
06. Älä huoli, mehiläinen onnellinen!
Tässä pseudo-3D-juoksevassa animaatiossa on kiireinen mehiläinen, joka lentää vasemmalle ja oikealle, tuoretta animoitua heiluttavaa ruohoa, jossa on syvyysmerkkiä, kauniita kukkia, ja kamera, joka liikkuu kaikkiin suuntiin (vasemmalle, oikealle, ylös, alas ja eteenpäin) viihdettä varten . Manuel Rülken luoma koodi minimoitiin Closure Compiler -ohjelmalla, optimoitiin edelleen käsin ja murskattiin sitten JS Crushilla.
07. Morfoosi
Tämä interaktiivinen 3D-verkko on jotain, jolla sinun täytyy pelata. Benjamin Bill Planchen luoma demo käyttää Painterin algoritmia 3D-verkon hahmottamiseen. Heijastettuaan kukin kasvot kameran määrittelemälle koordinaatistolle ne lajitellaan syvyyden alenemisen mukaan maalausjärjestyksen saamiseksi. Näytetty muoto on seurausta kaoottisesta punoutumisesta kahden ennalta muodostetun silmän, kuution ja pallon välillä. Pintojen tasaisen taivuttamisen aikaansaamiseksi pallogeometria luodaan kartoittamalla kuution kukin kärki (kuutionkartoitusmenetelmä).
08. Comanche
Tämä kunnianosoitus helikopterisimulaatiopelille Comanche: Maximum Overkill antaa sinun käyttää nuolia nousun ja kallistuksen hallintaan (korkeus on autopilotissa). Taivas vaihtuu päivästä yöhön, ja peli kulkee nopeudella 25 kuvaa sekunnissa keskikokoisella tietokoneella. Siorkin suunnittelema Packer-koodi kehitettiin sekä First Crushista että JS Crushista.
09. Kukka
Se, miten nämä aaltoilevat, pyörivät ympyrät muodostavat itsensä pyöriväksi kukkamuodoksi, on yksinkertaisesti kaunis ja siihen on uskottava. Cheeseum loi sen vain 960 tavulla.
10. Furbee
Tässä Roman Cortes todella ylittää alle 1k: n mahdollisuuden 2D-kankaalla ja huippuluokan laitteistolla. Tässä värikkäässä animaatiossa on turkisratkaisu, taiteellisen liikkeen aiheuttamat siivet ja 3D-pilvimaisema. Jotta voisit nauttia siitä täysimääräisesti, se on katsottava erittäin tehokkaassa tietokoneessa, jossa on Chrome. (Toisessa merkinnässä, Furbee, päästä pois tunnelista ASAP !, Cortes on sekoittanut Furbeensa Deschaseaux'n merkinnällä - numero 2 luettelossamme - ja se on myös melko uskomatonta.)
Piditkö tästä? Lue nämä!
- Kuinka rakentaa sovellus
- Vuoden 2013 parhaat 3D-elokuvat
- Tutustu laajennetun todellisuuden seuraaviin vaiheisiin
Oletko nähnyt hämmästyttävää JavaScriptiä 1k tai vähemmän? Kerro meille siitä kommenteissa!
