10 невероятни демонстрации на JavaScript, използващи 1k или по-малко

Автор: John Stephens
Дата На Създаване: 28 Януари 2021
Дата На Актуализиране: 19 Може 2024
Anonim
CS50 2015 - Week 0
Видео: CS50 2015 - Week 0

Съдържание

Всяка година конкурсът JS1K моли уеб дизайнерите да създадат страхотно приложение за JavaScript, не по-голямо от 1k. Състезанието започна на шега, но високото качество на заявките през годините доведе до това да се превърне в блестяща витрина на това, което можете да направите с шепа код.

Ето 10 от любимите ни предложения за тазгодишното състезание - но има още много невероятна работа, която трябва да видите: разгледайте списъка изцяло на сайта JS1K. (И ако искате да влезете, все още имате време; последното обаждане за участие е в полунощ тази неделя).

  • Прочетете всички наши статии за JavaScript тук

01. Матрицата е система

Кой не би получил тръпка от тази брилянтна демонстрация, възпроизвеждаща прочутата последователност на „Матрицата“ с цифров дъжд, използвайки минифициран JavaScript? Създаден е от Педро Франчески с едва 956 байта код.


02. Априлските душове носят майски цветя

Тази проста, но забавна игра за писане, базирана на пролетни анимации, е създадена от Abigail Cabunoc. Кодът беше компресиран с компилатор за затваряне, след това ръчно минимизиран, след което накрая JS Crush.

03. 3D обиколка на града

3D City Tour предлага точно това, което обещава - изглед от първо лице на пролетен островен град. Използвайте мишката, за да летите над града, да скачате от покрив на покрив или да карате с колите по улиците. Можете също така просто да оставите автопилота да ви покаже наоколо. Включително сгради, улици, пътни знаци, движещи се автомобили, паркове, море и много други, ще останете изумени, че Джани Иликангас успя да създаде всичко това за по-малко от 1k.


04. Странни кристали

Тази невероятна 3D анимация от Филип Дешасо ви отвежда на странно пътешествие през подземна мина. „Миньорите са спрели да работят“, гласи описанието. "Страхуват се. Всичко изглежда идва от онези странни кристали, които някои са виждали. Бъдете търпеливи и с малко късмет ще ги видите."

05. 1K метеори

Ние сме издънки за старите училищни игри в Creative Bloq, така че обичаме този астероиден поклон от Оскар Толедо G. Той работи с 30 кадъра в секунда на повечето машини, всяка игра е уникална и, както създателят обяснява, предлага " много реализъм, тъй като в космоса няма звуци ".

06. Не се притеснявайте, пчела щастлива!


Тази псевдо-3D самодейна анимация включва заета пчела, която лети наляво и надясно, прясна анимирана люлееща се трева с дълбочина, красиви цветя и камера, движеща се във всички посоки (ляво, дясно, нагоре, надолу и напред) за ваше забавление . Създаден от Manuel Rülke, кодът е минимизиран с помощта на Closure Compiler, допълнително оптимизиран допълнително на ръка и след това смачкан с JS Crush.

07. Морфоза

Тази интерактивна 3D мрежа е нещо, с което трябва да играете. Създадено от Бенджамин Бил Планш, демото използва алгоритъма на Painter, за да изобрази 3D мрежата. След проектирането на всяко лице върху координатната система, определена от камерата, те се сортират чрез намаляване на дълбочината, за да се получи редът за рисуване. Показаната форма е резултат от хаотично изглаждане между две предварително генерирани мрежи, куб и сфера. За да се получи гладко изглаждане на лицата, геометрията на сферата се създава чрез картографиране на всеки връх на куба (метод на картографиране на куб).

08. Команч

Тази почит към вертолетната симулационна игра Comanche: Maximum Overkill ви позволява да използвате стрелки за контрол на височината и въртенето (надморската височина е на автопилот). Небето превключва от ден на нощ и играта работи с 25 FPS на компютър от среден клас. Проектиран от Siorki, кодът на Packer е разработен както от First Crush, така и от JS Crush.

09. Цвете

Начинът, по който тези вълнообразни, въртящи се кръгове се оформят във въртяща се форма на цвете, е просто красив и трябва да се гледа, за да се вярва. Създаден е от Cheeseum само за 960 байта.

10. Фурби

Тук Роман Кортес наистина разширява границите на възможното под 1k с 2D платно и хардуер от висок клас. Тази цветна анимация включва изобразяване на козина, крила с артистично размазване на движението и 3D облак. За да му се насладите напълно, е необходимо да бъдете гледани в много мощен компютър с Chrome. (В друг запис, Furbee, излезте от този тунел ASAP !, Кортес смеси своя Furbee с записа на Deschaseaux - номер 2 в нашия списък - и това също е доста невероятно.)

Хареса ли ви това? Прочетете тези!

  • Как да създадете приложение
  • Най-добрите 3D филми за 2013 година
  • Открийте какво следва за разширената реалност

Виждали ли сте невероятно създаване на JavaScript за 1k или по-малко? Разкажете ни за това в коментарите!

Публикации
6 кодиращи лагера за зареждане, които могат да променят живота ви
Прочетете Още

6 кодиращи лагера за зареждане, които могат да променят живота ви

Мислите за промяна в кариерата и не се страхувате да се потопите в дълбокия край? Ако сте способни да учите бързо в среда с висока интензивност, стартиращият лагер за кодиране може да ви накара да раб...
Как да процъфтявате като млад дизайнер
Прочетете Още

Как да процъфтявате като млад дизайнер

На хитовия си сингъл от 1978 г. Глория Гейнър пее: „Отначало се страхувах, вкамених се“. Текстовете описват откриването й на лични сили след опустошителна раздяла. Но имам факт за тази песен, който ще...
3 инструмента за започване на модулен дизайн
Прочетете Още

3 инструмента за започване на модулен дизайн

Модулният уеб дизайн може да доведе до изчистен и ясен сайт, но техниката не е съвсем ясна за начинаещи. За да ви помогнем да започнете с модулен уеб дизайн, ето три популярни начина за групиране и ор...