1k немесе одан азын қолданатын 10 керемет JavaScript демо-нұсқасы

Автор: John Stephens
Жасалған Күн: 28 Қаңтар 2021
Жаңарту Күні: 19 Мамыр 2024
Anonim
Google + әлеуметтік желінің жабылуы туралы хабарландыру: Android YouTube Gmail кезегі қашан болады?
Вызшақ: Google + әлеуметтік желінің жабылуы туралы хабарландыру: Android YouTube Gmail кезегі қашан болады?

Мазмұны

Жыл сайын JS1K байқауы веб-дизайнерлерден 1k-ден аспайтын керемет JavaScript қосымшасын жасауды сұрайды. Конкурс әзіл ретінде басталды, бірақ көптеген жылдардағы жазбалардың жоғары сапасы оны бірнеше кодпен жасай алатын нәрселердің жарқын көрмесіне айналдырды.

Міне, биылғы байқауға біздің сүйікті 10 ұсынысымыз бар, бірақ таңғажайып көптеген жұмыстар бар: тізімді толығымен JS1K сайтынан қараңыз. (Егер сіз кіргіңіз келсе, сізде әлі уақыт бар; жазбаларға соңғы қоңырау осы жексенбіде түн ортасында болады).

  • Біздің барлық JavaScript мақалаларымызды осы жерден оқыңыз

01. Матрица - бұл жүйе

Matrix-тің әйгілі 'сандық жаңбыр' тізбегін кішірейтілген JavaScript-ті қолданған кездегі керемет демонстрациялардан кім қуанышты болмас еді? Оны Педро Франчески 956 байт кодпен жасаған.


02. Сәуірдің нөсері мамыр гүлдерін әкеледі

Бұл қарапайым, бірақ көңілді теру ойынын Көктемге ұқсас анимацияларға негізделген Эбигаил Кабунок жасады. Код жабылу компиляторымен қысылды, содан кейін қолмен минимумға айналдырылды, содан кейін JS Crush.

03. 3D қалалық тур

3D City Tour тек уәде етілген нәрсені ұсынады - көктемгі аралдың алғашқы көрінісі. Тышқанмен қаланың үстімен ұшып, төбеден төбеге секіріңіз немесе көшеде машиналармен жүріңіз. Сіз сондай-ақ автопилоттың айналасында жүруіне рұқсат бере аласыз. Оның ішінде ғимараттар, көшелер, жол белгілері, қозғалатын машиналар, саябақтар, теңіз және тағы басқалар, сіз Джани Иликангастың осының бәрін 1 сағат ішінде жасай алғанына қайран қаласыз.


04. Біртүрлі кристалдар

Филипп Дешасоның бұл керемет 3D анимациясы сізді жерасты шахтасымен таңғажайып сапарға апарады. «Кеншілер жұмысын тоқтатты», - делінген сипаттамада. «Олар қорқады. Мұның бәрі кейбіреулер көрген таңғажайып кристалдардан шыққан сияқты. Сабырлы болыңыз, сәл сәттілік болса, оларды көресіз».

05. 1К метеорлар

Біз Creative Bloq-тағы ескі мектеп ойындарының сорғышымыз, сондықтан біз Оскар Толедо Г-дан астероидтар сый-сияпатын жақсы көреміз, ол көптеген машиналарда секундына 30 кадрдан жұмыс істейді, әр ойын ерекше, және жасаушының түсіндіруінше ол «а» ұсынады кеңістіктегі дыбыстар болмағандықтан, реализм көп ».

06. Алаңдамаңыз, бақытты аралар!


Өздігінен жүретін бұл жалған 3D анимацияда бос және оң жақта ұшатын бос аралар, тереңдікке нұсқайтын балғын анимациялық тербелісті шөптер, әдемі гүлдер және сіздің көңіл көтеру үшін барлық бағытта (солға, оңға, жоғары, төмен және алға) қозғалатын камера бар . Мануэль Рульке жасаған код жабу компиляторы көмегімен минимумға келтіріліп, әрі қарай қолмен оңтайландырылды, содан кейін JS Crush көмегімен ұсақталды.

07. морфоза

Бұл интерактивті 3D тор - сіз ойнауға тура келетін нәрсе. Бенджамин Билл Планче жасаған демо 3D торын жасау үшін Painter алгоритмін пайдаланады. Әрбір бетті камера анықтаған координаталар жүйесіне шығарғаннан кейін, олар кескіндеменің ретін алу үшін тереңдіктің төмендеуі бойынша сұрыпталады. Көрсетілген пішін - бұл алдын ала жасалған екі тордың, куб пен шардың арасындағы хаостық аралықтың нәтижесі. Беттерге тегіс твининг алу үшін сфералық геометрия текшенің әр төбесін картаға түсіру арқылы құрылады (текше-картаға түсіру әдісі).

08. Команч

Тікұшақтың модельдеу ойынына арналған Comanche: Maximum Overkill қадамдар мен шиыршықтарды басқару үшін көрсеткілерді пайдалануға мүмкіндік береді (биіктігі автопилотта). Аспан күн мен түнге ауысады және ойын орта деңгейдегі компьютерде 25 FPS жылдамдығында жұмыс істейді. Сиорки жасаған Пакер коды First Crush пен JS Crush-тен дамыды.

09. Гүл

Бұл толқынды, айналатын шеңберлердің айналатын гүл формасына айналу тәсілі жай әдемі және оған сену керек. Оны Сыр сыры 960 байтта жасаған.

10. Фурби

Мұнда Роман Кортес шынымен 2к кенеппен және жоғары деңгейлі жабдықпен 1к-ге дейін мүмкін болатын шектеулерді күшейтеді. Бұл түрлі-түсті анимацияда жүнді бейнелеу, көркем қозғалыс бұлдырлығы бар қанаттар және 3D бұлт көрінісі бар. Бұған толықтай ләззат алу үшін оны Chrome-мен бірге өте қуатты компьютерде қарау қажет. (Басқа жазбада, Фурби, ASAP туннелінен шық! Кортес Furbee-ді Deschaseaux кіруімен тазартты - біздің тізімдегі 2-ші нөмір - және бұл да керемет.)

Ұнады ма? Оларды оқыңыз!

  • Қосымшаны қалай құруға болады
  • 2013 жылдың үздік 3D фильмдері
  • Толықтырылған шындық үшін не болатынын біліп алыңыз

Сіз JavaScript-тің 1к немесе одан аз уақытта жасағанын көрдіңіз бе? Бұл туралы түсініктемелерде айтыңыз!

Кеңестік
Windows 7 жүйесіндегі парольді қалай оңай және жылдам өзгерту керек
Ары Қарай Оқу

Windows 7 жүйесіндегі парольді қалай оңай және жылдам өзгерту керек

Егер сізде Window 7 компьютері бар болса және қазір компьютерден шығарылып қалу проблемасына тап болса, Window 7-де парольді қалай өзгерту керектігін білу үшін осы мақаланы толығымен оқып шығу керек. ...
Windows 7 кәсіби өнім кілтін қалай сатып алуға болады
Ары Қарай Оқу

Windows 7 кәсіби өнім кілтін қалай сатып алуға болады

Егер сіз бұрын Window 7 Profeional жүйесін қолданған болсаңыз, бұл Microoft корпорациясы жасаған ең жылдам, қарапайым және тегіс жұмыс істейтін операциялық жүйелердің бірі екенін білесіз. Бұл өте қара...
Microsoft Word 2016-да таңдауды қалай ашуға болады
Ары Қарай Оқу

Microsoft Word 2016-да таңдауды қалай ашуға болады

Microoft Word - қазіргі кезде жеке және кәсіби қолдану үшін құжаттардың көптеген түрлерін жасауға мүмкіндік беретін құжаттарды өңдеудің ең жақсы құралдарының бірі. Сондай-ақ, ол сіздің құжаттарыңызды ...